From time to time, when a discussion is taking place about ways to implement responsive images, someone comes along and says, “Hey, guys! What we really need is a media query that enables us to send high-resolution images to people on a fast connection and low-resolution images to people on a slow connection.” At least… Continue reading Bandwidth Media Queries? We Don’t Need ’Em!
Tag: CSS
Building Icons With a Single HTML Element
With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on serving images at 200%,or using SVG,but it’s also possible to build a surprising amount of graphics with CSS alone. Let’s build an… Continue reading Building Icons With a Single HTML Element
How to Create a Simple Multi-Item Slider
For today’s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store… Continue reading How to Create a Simple Multi-Item Slider
Supporting the Design Community
It has been a while since I entered the design community and I’m very glad I did that. As a lot of you may know I’m not a designer, but I do write about web design and design related subjects. As a writer I really like to research/browse several different websites to deliver you nice… Continue reading Supporting the Design Community
Create a Beautiful Password Strength Meter
In this tutorial we will be creating a beautiful password strength indicator. It will determine the complexity of a password and move a meter accordingly with the help of the new Complexify jQuery plugin. Only when a sufficiently complex password is entered, will the user be able to continue with their registration. A PSD file is also… Continue reading Create a Beautiful Password Strength Meter
Letterpress and Letter Bulge Effect using Photoshop and CS5.5
Design trend has changed a lot, now a days most of the designers prefer modern techniques while they design for their clients. And the clients also prefer that too. So the use of letterpress and letterbulge effects are very common now a days. It’s easy to design those effects in photoshop. But in earlier days… Continue reading Letterpress and Letter Bulge Effect using Photoshop and CS5.5
HTML5 & CSS3: Take Your Design to Another Level
While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site. Let’s take a deeper look at them. HTML5 HTML5 is the latest version of HTML or… Continue reading HTML5 & CSS3: Take Your Design to Another Level
3D Gallery with CSS3 and JQuery
With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect. Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms. The main idea is to… Continue reading 3D Gallery with CSS3 and JQuery
Page transitions with CSS3
MARKUP The HTML will contain five main divisions: a header and the four content sections. Each of the content sections is going to have an ID and the class panel. Moreover, we will add another division inside which will have the classcontent. The first content section which is #home will only have the content class and will not… Continue reading Page transitions with CSS3
CSS Buttons with Pseudo-Elements
Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past. In this tutorial, I’ll show you how to create buttons with… Continue reading CSS Buttons with Pseudo-Elements