If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
I have always appreciate web-developers, programmers and their work, because I thought that is damn difficult to make those “language” (Html, CSS, Java..) you name it. We are in a hard moment when it comes to codes, change something that we are so alien about it. The answer would probably shock you but you will agree with me, some of us, at first we are incompatible with these high creative engines, and it takes very much time to resolve a problem, issues to our coding. But on web we can find more and more helpful tricks and hacks made by specialists, by developers, that come in handy for us.
We have already posted an article with few of CSS - Techniques, but now we want to update our existing list and article for those who are not very patient with the time. If some techniques are missing please, find time and complete the list.
High CSS Techniques
CSS Server - side Pre-processor
CSS really opens the doors to a lot of powerful and rich opportunities. It is funny how such minor things can create a whole new look, feel, and effect of a site.
Links are fun, but sometimes we don’t know where they take us. With this little CSS technique a user can identify a link by its icon.
Sangeeta wrote about a matrix she’d like to create that would give an indication of relationships among the information provided..
The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers.
The file input is given a class of file and wrapped in an element with a class of cabinet. (The type of wrapper element and actual class names are not set in stone and can be changed via properties of the SI.Files object to avoid conflicts as necessary.)
This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. And since it doesn’t rely of JavaScript, it should be useful to everyone, even disabled users.
How to make sexy buttons with CSS
As a photographer, I’m outraged when people grab photos off the web and use them without consideration of copyright. I’ve been fighting this “It’s on the internet, so it must be free!” ignorance for more than a decade.
Creating a table with dynamically highlighted columns
How to Style an A to Z Index with CSS
Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 strict..
The site’s focal point is a blog (Web log) in which I reflect on Web development, Web standards, CSS, XHTML, CMS’s, site optimization, PHP, MySQL, Macromedia Flash, accessibility, information architecture, visual design, interaction design, and information design.
Digg- like navigation bar using CSS
This tutorial explains how to design a digg-like navigation bar using a liquid design with rounded corners for links.
Rediscovering the Button Element
Creating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done.
If you set up a loop, or are already within an existing loop (think WordPress comments), the possibility for cool numbered lists presents itself. Just set up an integer variable in PHP that increments itself while the loop is running..
Rails provides many built-in mime types that you can generate in your application. Unfortunately, CSS was forgotten!
Scrollovers - A New Way of Linking
Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.
How to create a “Table of Contents”
A recent post on ScriptyGoddess prompted me to upload the download & tutorial post straight away which is what you find here:
More Techniques
CSS Switcher that changes styles in a day..
Create Resizable Images With CSS
