Articles > HTML

Utilize Favicons and Meta Tags to Boost Your Website’s Visibility

A memorable Al Pacino line from the popular sports movie “Any Given Sunday” states that, in essence, “Life is just a game of inches”. In other words, success in any endeavor can depend on the smallest details, because they can end up having a major impact. When it comes to SEO, I am constantly amazed at how paying careful attention to tiny, often overlooked factors can significantly assist in boosting a website’s online presence, thus gaining its owner a competitive advantage. As web developers,...

Search Engine Friendly Page Redirects

Moving website pages is not only a traumatic experience but it actually does your website more harm than good when not done right. The Google Search algorithm uses over 200 elements to rate your website and one of these elements is how reliable your website pages are. When a “Page Cannot Be Found” message is displayed, this is one mark less for your website which means that your search ranking will likewise be affected.  If you need to redirect your Web pages, then you need to do it in a way that search...
CSS

Learning LESS: Variables

We continue on our journey of Learning LESS today as we dive in to the wonderful world of Variables. If you haven't read Learning LESS: An Introduction, be sure to read that first to cover some intro to this topic. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action So let's dive in to LESS Variables, and showcase some of what you can do with them. The Syntax ... The syntax for LESS is almost identical to CSS. And the...
CSS

Creating Bulletproof Email Buttons

Regardless of the social media networks that are popular at the time, email marketing will always be the number one way for a company or organization to connect with customers or clients. But, the average internet user has 2.3 email addresses and sends and receives an average of 112 emails a day. So what does that mean? That means your emails need to be clean, lean and quick to digest. With that in mind, I'm going to show you a great button replacement technique that will limit the number of images your email...

Using Custom Attributes in HTML5

Custom attributes are among the most significant additions for HTML5, and can play a major role in semantic Web development. In this tutorial we'll go through a practical example of creating and accessing HTML5 custom data attributes, including the necessary JavaScript functions. It was possible before HTML5 to add your own attributes to HTML elements and access them using JavaScript, but if you've ever tried it you'll know you can forget about getting your markup to validate. HTML5 provides the...
CSS

Parallax Scrolling: An Introduction

Anyone who has played, watched friends play, or briefly saw video games that were released in the 80’s and 90’s is familiar with parallax scrolling. Think of games like Mario Bros, Streets of Rage, Kung Fu, Turtles in Time, or the original parallax scrolling game, Moon Patrol.  Parallax scrolling is when there are multiple layers of images all moving at different speeds, causing a 2D image to have a 3D-like effect. Why am I talking about retro video games on a web development site?  Well, the simple...
CSS

A Simple Way to Add Free News Content to Your Website

A challenge that many website owners face is how to supply continuously fresh content for new and repeat visitors to peruse. It can be a very time-consuming task to manually upload regular updates. Fortunately, there is an easy way to showcase free, readily available news content on a wide variety of topics. We will examine a quick and effective method of incorporating RSS (Really Simple Syndication) coding in order to add news content to any site. First, let’s look at what RSS is, and how it works....
CSS

Develop, Deploy and Maintain in Coda

Coda by Panic bills itself to be "one-window web development." I have been a web developer (or at least playing with code) for the past six or seven years, and purchased Coda about a year ago. It took me almost this long to realize the beauty that lies within the code editor when you truly use it as a one-window web development system. Today, I'm going to walk you through setting up your next WordPress site so you can develop locally, deploy to your live server, and maintain the code base and providing site maintenance....
Load more
Home CSS Deals DesignBombs HTML HTML5 JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress