Featured Project

  • Ksana Sweep Watch Face - square, round, step counter date & battery.
    Ksana Sweep Watch Face for Android Wear (TM)

Latest Articles - page 5

How (and why you should) Include jQuery from Google CDN in WordPress

Including jQuery from Google’s CDN has some advantages. Here are a few:

  • Caching Perhaps the greatest benefit of including google hosted jQuery is that there is a good chance your visitors may not even need to download jQuery. They might have visited some other website using Google hosted jQuery and already have it downloaded and cached by their browsers.

  • Less Latency Google have jQuery distributed across geographically dispersed servers. When a browser resolves the URL for the jQuery file it will automatically get downloaded from the closest available server.

  • Maximized Parallel Downloads By not having jQuery on your own domain it can be downloaded in parallel with other stuff. You can read more on parallel downloads here: Maximizing Parallel Downloads

Responsive Sidebar in a Modal Window to Avoid Having to Scroll

Many responsive designs push the sidebar (or sidebars) below the main content area at narrower browser window sizes. Nothing wrong with this type of design, it makes sense to have the main content come first. Viewing the content in the sidebar on devices with small screens, however, could mean quite a bit of scrolling. A responsive sidebar in a modal window can solve this.

Internal Link Shortcode to Prevent Broken Internal Links

To prevent broken internal links in case you change the permalink structure in WordPress, a simple internal link shortcode can be used. Normally it’s best to avoid changing the permalink structure, but if you really have to, internal links in posts or pages would point to non-existent pages.

If instead a shortcode is used each time you link to an internal page or post, a future change of permalink structure would mean that you wouldn’t have to manually change the link URL of each internal link.

Responsive Web Design Basics

The number of browsers and devices that are used to surf the Web is much larger than just a few years ago. All these devices have different properties. Large or small screens, high or low resolution, different bandwidth at different locations and so on.

To view a website in the best possible way, no matter the device, a design that automatically adjusts depending on the characteristics of the device that loads it, can be used. This type of Web design (responsive Web design) is usually carried out by making everything fluid/elastic, and with the help of CSS3 media queries.

Article Archives →