The New Bill Nye Website Is A Train Wreck
Jul 31, 2014Web Development
I really like Bill Nye the Science Guy, but the new billnye.com is a great example of a bunch of hard work and talent gone completely wrong. It looks visually appealing, as many parallax websites do, but the usability takes a backseat to the look and style. Add in poor programming and bugs, and this site is just plain bad.
Continue Reading ›
Is type="text/css" Needed for Style and Link Tags?
Jul 8, 2014Web DevelopmentComments (1)
When used in either an inline stylesheet or an external stylesheet, the attribute type="text/css" is optional as of HTML5. In the HTML4 spec it was needed, though browsers were forgiving. If omitted, browsers will default to text/css.
Continue Reading ›
Cross-Browser CSS Remove Table Borders Without Cellpadding Or Cellspacing
Jul 8, 2014Web Development
This very simple CSS allows you to create uniform cross-browser tables, without inserting the outdated "cellpadding" or "cellspacing" properties into your HTML. It's as simple as this:
Continue Reading ›
How To Use CSS Linear Gradient Background With Solid Color Fallback
Jul 2, 2014Web Development
CSS gradients are a great way to reduce HTTP requests and file size. Their main downside is that Internet Explorer 9 and earlier do not support them. If IE9 and earlier are a small-enough percentage of your traffic, a solid color fallback is the simplest and most elegant solution.
Continue Reading ›
Responsive CSS "Mobile First" vs "Desktop First" Media Queries
Jun 27, 2014Web Development
Which direction should you choose when writing the CSS for a responsive website? With mobile-first you style for mobile size and use min-width media queries to adjust as the browser width increases. With desktop-first you style for desktop (or large tablet) and use max-width to adjust as the browser width decreases.
Continue Reading ›
How To Create A Responsive Website Without Media Queries
Jun 27, 2014Web DevelopmentComments (1)
You can create a responsive website using only basic HTML and CSS (no media queries, CSS3, or JavaScript). It can't be too complex, but you can get along just fine for a simple website like a blog or portfolio.
Continue Reading ›
Quick CSS Minifier Web Tool
Jun 20, 2014Web Development
This simple CSS minifier removes all line breaks, tabs, comments, trailing semi-colons, and any unnecessary spaces. It performs no sorting or compressing of values, so it won't have any impact on how your CSS executes. It is CSS3 safe.
Continue Reading ›
How to Install the Latest PHP on Windows
Mar 5, 2014Web Development
This is a quick and easy guide for installing the latest version of PHP on your Windows computer. You need to already have the Apache httpd server. If you don't yet, please follow the Apache Windows installation guide first. This PHP guide was written specifically for Windows 7, but the steps should be similar for Windows 8 and other versions.
Continue Reading ›
How to Install The Latest Apache Server (httpd) on Windows
Mar 5, 2014Web DevelopmentComments (7)
This is a quick and easy guide for installing the latest Apache server (httpd) on your Windows computer. This guide was written specifically for Windows 7, but the steps should be similar for Windows 8 and other versions.
Continue Reading ›
How to Define Website Width on Mobile
Apr 17, 2012Web DevelopmentComments (1)
If your website has a fixed width and you want it to fill the screen, use these three meta tags for good browser coverage (replace 400 with the correct fixed width of your website):
Continue Reading ›
Monitor Your Web Server Ping, Uptime, and Downtime
Apr 5, 2012Web Development
Want to see how well your web server is performing? It's a good idea to have some sort of 3rd party monitoring program that regularly pings your web server and logs the response time and timeout events. If your server is not being nice (or not meeting their claimed uptime), you can use this data as leverage for negotiating or just to inform them that you're seeing more downtime than you'd like.
Continue Reading ›
Effective Text Anchor Link Style for Web Design
Feb 26, 2012Web Development
The style of a text link on a web page (hyperlink) should do two things effectively. It should clearly distinguish the link from normal text, so that users can see it at a glance, and it should create a clear hover effect, so users know when their mouse is hovering over it and that a click will activate the link.
Continue Reading ›
Beginner Website Guide - Learn Basic HTML
Feb 11, 2012Web Development
In this guide you will learn very basic HTML and how to make a simple text-only website. This guide is focused on the absolute beginner, though you should be proficient in general computing tasks such as file and folder creation, navigating, and changing file extensions (on Windows, be sure to show file extensions).
Continue Reading ›
Web Design Image File Size Optimization Guide
Feb 8, 2012Web Development
Reducing the file size of the images used in your web design can improve loading speeds, which will keep some visitors from leaving prematurely, and can reduce the load and bandwidth usage on your server. Large reductions in file size can be achieved by selecting the right format and quality, and taking the time to optimize each and every image that your design uses, no matter the size. I'm going to cover how to reduce the file size of both JPG and PNG images, and how you can do it without sacrificing the clarity of your images.
Continue Reading ›
NewerPage 4Older