Category Archives: Front End Development

Solving the Angular Router Reload Problem

Sometimes an Angular route will not reload properly, especially on an Apache server. The initial page load is fine, but a page refresh produces a rude and ugly 404. Steps 1 through 4 should solve the issue. Adding a simple provider will solve this issue. Just follow these simple steps: 1. In app.module.ts, add the  Continue reading…

Easy Javascript Radio Buttons

This is a very easy to understand and implement javascript radio button effect. Add more <li> items to the list on the index.html to create more buttons. Make sure to give the <button> elements unique ID’s. Style the buttons anyway you like; rectangles, squares, ovals or circles. You can call the script from another such  Continue reading…

CSS Disjointed Rollovers

CSS disjointed rollovers happen when another page element besides other than what the mouse cursor is currently over changes. Before CSS3, this sort of interactivity required javascript. Now all you need are some simple CSS rules. Just hover the cursor over the thumbnails on the left. You are free to download the .zip containing everything  Continue reading…

Also posted in HTML & CSS

Use jQuery and JSON for Simple Rotating Display

Use jQuery and JSON To make a simple rotating item display. The below example uses jQuery to pull JSON data from a server, either local or remotely hosted. For local development I recommend MAMP PRO. Just setup your virtual host and load the page. This example also uses mustache and Font Awesome. If the user  Continue reading…

Also posted in jQuery & JSON