Media Queries and Viewport Metadata for a Responsive Website

By Peter Tran in Tutorials 0 Comment

Web browsing on smartphones climbed dramatically after the original iPhone was introduced in 2007. The iPhone was revolutionary because it was the first phone that displayed websites decently. People used finger gestures to zoom in and out to read text on a website. But navigating full websites by zooming in and out became a nuisance. It was only a matter of time before smartphones needed smarter websites. The concept of responsive web design is to create website layouts that accommodate multiple device sizes ranging from desktop computers to smartphones and everything in between. By utilizing a fluid grid system responsive […]

Read Full Article »

How to Use .htaccess File and mod_rewrite to Improve Your Website

By Peter Tran in Tutorials 0 Comment

The .htaccess file is a configuration file for Apache web servers that allows website administrators to customize server settings and add configuration rules on a directory-by-directory basis. Utilizing the .htaccess file adds a very small amount (milliseconds) of latency to your website because the web server has to process extra rules. Therefore it is recommended that the .htaccess file only be used when you don’t have access to the main server configuration file. That would likely be the case if you do not operate your own servers and your website is hosted on a shared hosting environment. The most common […]

Read Full Article »

Easiest Ways to Embed Custom Fonts on a Website

By Peter Tran in Tutorials 0 Comment

I remember when web developers and graphic designers used to fight over the usage of fonts on website layout designs. Developers stressed that they could only work with web safe fonts. Web safe fonts are a small collection of fonts that are most likely to be present in a wide range of computers and browsers whether it be a Mac, PC or Linux system. And when I say small collection I mean small! There are probably about 10 fonts to choose from give or take. CSS Font Stack offers the best selection but not all the fonts are guaranteed to […]

Read Full Article »