You probably know how to style links with :hover and :visited etc. But did you know that there are several newer pseudo-elements that can be used for dropcaps, consistent paragraph spacing, setting field focus colors, even text selection color? We’ll explore it all in this article.
DWUser.com
Empowering Web Creativity
News / Blog
Posts Tagged ‘design’
Overcome Common Styling Issues with CSS3 Psuedo-Elements
Saturday, August 4th, 2012Responsive Design: A Crash Course and Demo
Saturday, July 28th, 2012Responsive design allows you to use some simple CSS to transform your webpage based on each visitor’s screen size. In this article, I’ll show you how easy it is to get started with responsive design – there’s even a real demo for you to play with.
The Basics of Overlaying Content
Saturday, July 21st, 2012In this article, I’ll show you how to place any type of content behind existing content on your webpage. One of the most popular applications of this effect is using rotators as the background for part of your page.
Print Stylesheets: Styling for Paper
Saturday, July 14th, 2012In all the din surrounding CSS3 and other flashy features, it’s easy to forget about some of the more foundational CSS functionality that shouldn’t be ignored either. Today, I’m going to touch on one of the lesser-used features of CSS: the ability to customize how your webpage looks when it is printed.
A Shadowy Topic: Drop-shadows in Your Webpages
Saturday, July 7th, 2012Drop shadows are a great way to add depth and perspective to your webpages, highlighting certain areas and diminishing the prominence of others. In this article, I’ll introduce you to the CSS3 box-shadow property. I’ve even included a visual tool to make it easy to learn and create code for your own sites.
10 Ribbon PSDs to Jumpstart Your Projects
Saturday, June 30th, 2012Ribbons are perfect for adding little bits of information to your designs… but they’re a pain to make from scratch. That’s why we’ve created ten PSDs to jumpstart your designs. You can download 2 for free or get all 10 for only $5.
Adding Lightbox Integration to EasyRotator
Saturday, May 19th, 2012Lightboxes are great for distraction-free viewing of photos. Today, we’re providing a plug-n-play script that makes it easy to add lightbox functionality to your existing EasyRotator sliders.
7 Free eBooks that Should Line Every Web Professional’s Digital Bookshelf
Saturday, May 12th, 2012Time management, freelancing, jQuery, UX and more. These seven must-read eBooks represent a lifetime’s worth of experience and knowledge that should be in every designer and developer’s digital library.
Quick Tip: Adding a Favicon To Your Website
Friday, April 20th, 2012A favicon is the little icon that browsers display next to a page’s title on a browser tab, or in the address bar next to its URL. It also is used when you bookmark a page. Favicons help improve branding, and are critical for site recognition. In this article, I’ll guide you through the easy process of adding one to your site.
The Magical <iframe> Tag: An Introduction
Friday, April 13th, 2012The humble iframe (short for inline frame) is one of the most powerful elements in HTML. It is the ultimate modularization tool, allowing you to break up content, seamlessly display content from other sources, and better manage loading. It’s a must-have for any web designer’s arsenal. If you’re not familiar with this tag, this article is for you!