Bookmark and Share

A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin. Read More

Please Upgrade Your Browser

July 11th, 2012

Shopping. Social networking. Emailing. Reading. Finding directions. Banking. Researching. Those are some of the most common tasks people perform on the World Wide Web. You’ve probably done all of these things yourself at some point. So if you’re like many people, you probably do these things every single week (and many of them even every day). Full Article: http://www.smashingmagazine.com/2012/07/10/dear-web-user-please-upgrade-your-browser/ Read More

Old Web Browsers

July 10th, 2012

Because of how far certain Web technologies like HTML5 and CSS3 have brought us, many would say that—from a Web platform perspective—the future is now. Sounds like a cliché, I know. At the very least, it feels like the future is starting to bubble up to the surface… but it’s just not quite there yet. Read More

You should read this "Crazy" HTML5/CSS3 and Javascript effects list! TABLE OF CONTENTS CSS Transitions and Animations Useful and Practical CSS Techniques CSS Typography and Text Techniques CSS Navigation Menus and Hover Effects Visual Techniques With CSS Read More

The absolute best thing about WordPress is how flexible it is. Don’t like the theme? Just change it. Need added functionality? There is probably a plugin you can download or buy. If not, build it yourself! You can change pretty much anything about WordPress. In this article, we’ll go over some easy ways to customize WordPress that you might not know about. http://wp.smashingmagazine.com/2012/06/19/customize-wordpress-default-functionality/ Read More

It’s been a couple of years now since the concept of responsive design took the Web design world by storm, and more and more websites are going responsive. But there are still some barriers and potential problems, not the least of these being the challenge of reducing the size of files that you’re sending to mobile devices. In this article, we’ll look at how to use WordPress’ built-in featured images capability to deliver different-sized image files to different devices. “Featured images,” sometimes referred to as thumbnails, is a feature of WordPress that has been vastly improved since version 3. It enables you […] Read More

“Mobile Web design.” Unless you’ve been hiding under a bush for the last 18 months, you’ll know that it’s one of the hottest topics in the industry at the moment. Barely a week goes by without new tips being unveiled to help us hone our skills in making websites work as well — and as fast — as possible on mobile devices. Read More

A simple jQuery plugin that allows you to add a dynamically-resized background image to any page. Do you see the full-sized background image on this page? In a nutshell, that’s what Backstretch does. It will stretch any image to fit the page, and will automatically resize as the window size changes. Images are fetched after your page is loaded, so your users won’t have to wait for the (often large) image to download before using your site. Read More

CSS image replacement with pseudo-elements (NIR) An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off, with semi-transparent images, doesn’t hide text from screen-readers or search engines, and provides fallback for IE 6 and IE 7. Known support: Firefox 1.5+, Safari 3+, Chrome 3+, Opera 9+, IE 8+ http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/   Another CSS image replacement technique A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques. Here’s the CSS behind the recent update to the image replacement helper […] Read More

Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties. In any case, we all see the potential of CSS3, and in this article we’ll discuss how to create an infinitely looping slider of images using only CSS3 animation. http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/ Read More

Page 5 of 9First...34567...Last