Drawter: Draw CSS Code For Website “Drawter is a unique tool geared to help web designers in creating websites. It is an app based on javascript and jQuery library that literally lets you draw website’s CSS code. Just choose a tag such as h1, h2 or div and draw it out; Drawter will automatically generate the HTML and/or CSS code behind it. “You can either work in the draw mode or edit mode and set various page details like page title, page doctype and ...

First I want to welcome you to my very first article for 1stwebdesigner. Today I'll show you how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base. I'll explain every line of used code, so you can easily follow along [...]

Power of CSS is to Change the appearance of hundreds of Web pages by changing just one file and CSS represent an enormous step forward for the Web.And it's mostly used to improvise the presentation (that is, the look and formatting) of a document written in a markup language.It has structure and rules to follow. [...]

Speed Up with CSS3 Gradients “WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news, CSS3 gradients fall into the camp where you can specify fallbacks (i.e. images) so that browsers that don’t support them just use the image instead.”

If you're confident with your CSS and HTML, it's not hard at all to step up to the challenge of building a custom Wordpress theme. This overview shows the process of how my latest custom Wordpress theme was built from design concept through to completed theme. See how the static design is split up into [...]

We haven't gone back to basics in a while. Today's tutorial will bring you through the process of building a slick menu using a single CSS sprite image. It's a simple, but elegant solution for most websites. This was one of the design strategies that first helped me to start using smarter markup. For those of [...]Related posts:Using the PHP Include Function to Template Faster Today's tutorial shows how using PHP's include function for...How to Make a Slideshow with a ...

Previously in this series on CSS3, we talked not only about how to create scalable and compelling buttons but about how to effectively use new CSS3 properties to speed up development and quickly create rich page elements. In this final article of the series, we'll really get into it and use CSS3 visual effects to push the envelope.Not everything in this article is practical, or even bug-free, but it's a fun primer on what's in the pipeline for Web design. ...

There is seemingly no end to the conyer belt that is CSS development. Every day there are new tips and techniques being published with fresh ideas and new solutions to age old problems. keeping up with it all is not easy. In today's news round-up we have collected some fresh CSS reources and some good CSS [...]

Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that's why here comes jQuery to help with its well made tooltips. And remember that all [...] Related posts:35 Stylish And Modern Wordpress Plugins Using jQuery UI 55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection 300+ Jquery, CSS, MooTools and ...

I'm going to be bold for just a moment and assume that you spend a fair amount of time at the computer. If you pile on hour after hour in front of a screen, maybe you should take the time to make sure you're as comfortable as you could possibly be which is where [...]Related posts:Five Minute Upgrade Header Hierarchy Headings can be tricky business. In a continuation of our...Five Minute Upgrade Using CSS Borders for Emphasis I've noticed recently ...