Filter: JS articles (Clear X)
Speed up your website with these tips
Most of us have broadband nowadays but with sites becoming more complex with the use of Ajax and JavaScript Libraries the average web page has tripled in just five years. Developers seem to be getting lazy and building fat websites that are becoming too large for most of our average broadband connections. When at work our broadband line isn't fantastic and I often end up feeling like I'm using dial-up again!
A whopping 55% of users felt speed is the most important factor in a site.
Source: Study: Web Users Prefer Speed Over Customization (A very interesting read)... More >>
Use Google Maps API to mark a location or address
This basic tutorial will take you through the steps you need to embed Goggle maps API on your site and use a marker to point out your location and then show an info window with your address and a link to get directions with your location already filled out, helping out your users as much as you can. View the working example of what you can have on your site to see how this will look and work at the end of the tutorial... More >>
Building a Marketing Administration System from scratch
Project Requirements
To build a system where staff can build and edit landing pages for webinars and events where customers could register for them plus request documents. Staff also require the ability to view and edit registration details online. I also wanted to add the feature of downloading the data as .CSV files.
This project was one part of a much bigger project of rebuilding the Redwood Software site... More >>
Why you should have a print style sheet
The reason you would want to do this is so that you can have the HTML page 'change' it's appearance automatically when someone visits your page with a particular type of device. These types of devices can include a typical desktop computer, a PDA (Windows CE device, Palm Pilot etc) and a printer among other devices!
I'm going to only be using 'print' and 'screen'.
Here's a sample pair of CSS links that point to different style sheets (from this site!), one for the printer to use and the other for a normal PC monitor to use:
<link rel="stylesheet" type="text/css" media="screen" href="growth.css" /> <link rel="stylesheet" type="text/css" media="print" href="growthprintpage.css" />
The code in the link that chooses which style sheet to use is this text:
media="print"
media="screen"
The first ('media="print"') points to the style sheet that has been set up for printing while the other (media="screen") is set up for normal PC monitors... More >>