Posts Tagged CSS
In this week’s roundup of creative goodness, we have a unique Illustrator tutorial covering the creation of watercolor effects; a CSS tutorial on the popular sprites technique; a fantastic introduction and overview of CSS attribute selectors; another brilliant Illustrator tutorial, this time creating a bright and crisp illustration; and a well presented bunch of typography tips.
Design Instruct
If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I’ve written about some of them earlier on PNG transparency issues, Yellow fields in [...]
Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I’ll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer). Using browser specific extensions, many of the proposed CSS3 styles can be used today!
CSS and how to use it effectively can be a reasonably easy thing to do for a beginning web developer. In the hands of a seasoned professional, CSS can be stretched and pushed it to its limits where it can seem complicated and yet perfect at the same time. Being able to adapt to new ideas and different techniques, as well as seeking new solutions to old problems is part and parcel of being a web designer. And with the speed at which CSS development is constantly moving, keeping up with new developments can be challenging. In this article, we’ll bring you up to date with the latest in CSS development through a collection of fresh CSS tutorials, techniques, and resources. We hope this extensive list will teach you something new, or else remind you of some methods you haven’t used for a while.
Menus, Buttons and Forms
Create a Button with Hover and Active States using CSS Sprites
Some designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it, or are just lazy. It’s a simple effect that improves usability by giving the user feedback as to what they’ve clicked on, and can add depth to a design.
You feel the buttons are not beautiful in form and display on different browsers. CSS buttons are much more efficient than image-based buttons because they’re entirely text-based. If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you. Below, you will find the CSS Tutorials and Techniques to make CSS Button Styling
Scalable CSS Buttons Using PNG and Background Colors
CSS editors are editors that focus solely on generating Cascading Style Sheets. You could scrape by using a fully-featured IDE or source code editor – CSS editors may offer specialized functions and features to help you write better CSS, quicker.
In this article, you’ll find some of the more popular CSS editors available on the market.
Free CSS Toolbox
Free CSS toolbox is a simple text editor for CSS. It’s very lightweight and simple to use. It has a syntax highlighter feature, code auto-complete, CSS checker, CSS validator and compressor.
Back in March, Jacob Nielsen made a surprising recommendation for using “mega drop-down menus,” saying that:
Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user’s choices.
I’ve seen these types of menus popping up more often around the web, usually on e-commerce websites.
Now that they are a more widely recognized design convention, I thought it would be useful to pull together some of the best examples into a mega drop-down menu design showcase.
Above: The EA mega drop-down menu
