background preloader

Web Design

Facebook Twitter

The 30 CSS Selectors you Must Memorize. So you learned the base id, class, and descendant selectors—and then called it a day?

The 30 CSS Selectors you Must Memorize

If so, you're missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. And by the way, if you're having trouble with your CSS and want a pro to look over it and fix any errors, you can find some qualified freelancers on Envato Studio. Let's knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.

The star symbol will target every single element on the page. The * can also be used with child selectors. This will target every single element that is a child of the #container div. View Demo IE6+ Firefox Chrome Safari Opera Prefixing the hash symbol to a selector allows us to target by id. HTML Style Sheets. There is a great deal of information on CSS all over the web.

HTML Style Sheets

Since it’s a reasonably open web development methodology with lots of options this can quickly lead to confusion and frustration. We are providing you with a basic tutorial of how CSS works and why you might want to start using it. The examples on this site are designed to be lean and mean and easy for you to understand. Feel free to use what you find, all we ask is that you link back to us from your site. What is CSS? Learn Web Code. Online Web Tutorials. Free tutorials on HTML, CSS and PHP - Build your own website -  دروس حول HTML وCSS - إنشاء موقعك الشخصي -

50+ Pattern Sets To Spice Up Your Website’s Background. Have you ever felt bored with the plain colored background on your website?

50+ Pattern Sets To Spice Up Your Website’s Background

When a plain colored background can’t create the mood you want to present in your design, maybe you should try to improve your design by using a tiled pattern for your background. Though repetitive patterns often remind us of the old-fashioned era, sometimes a pattern can also be the answer to your confusion in taking your design appearance to the next level. Let’s take a look at some examples of nice websites with a repetitive pattern as the background below. Some Good Examples Kaleidoscope From Kaleidoscope website, we learn that a patterned background can be combined with some colorful elements and the result is still eye-catching. Hugs For Monster Tanya Merone As in Tanya Merone and Elitist Snob’s websites, we learn that combining a tiled patterned background and a plain colored background is just like getting the best of both worlds. Elitist Snob. Best Collection of CSS3 Tutorials and Techniques. The latest revolutionary technology in web-designing, CSS3 is at the disposal of a web-designer to improve the working-flow and create exciting web pages.

Best Collection of CSS3 Tutorials and Techniques

The new advanced features make the designing much easier, leaving the time consuming process of complex effects recreations in the past. Actually, CSS3 made classic CSS techniques easier to implement, thus providing greater flexibility and making the overall process much faster and much more effective. When implementing CSS3 techniques, take into account that only the most up-to-date browsers can support them.

However, CSS3 is worth trying as the new features and effects will help to create stunning web pages. Many web designers have already taken the advantage of new drop down menus, image hover effects, multiple background images, multiple columns and many more other awesome CSS3 techniques. 50 Powerful Time-Savers For Web Designers - Smashing Magazine - StumbleUpon. Being a web designer is not easy.

50 Powerful Time-Savers For Web Designers - Smashing Magazine - StumbleUpon

Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results. And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. And this is why we keep collecting them for Smashing Magazine’s readers. CSS-Tricks.

CSS3 dropdown menu – Red Team Design. While this is still an up-to-date version, I just wanted to let you know I made an improved and animated version of this CSS3 menu.

CSS3 dropdown menu – Red Team Design

You may want to check that first. Today you'll learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let's see how is made: If you're in a hurry, here's the result: View demo HTML structure As you can see in the following lines, the HTML structure does not contain more than we need, it's a minimal one and easy to understand. CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices.

Jul 28 2008 The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors.

CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices Experiments in Web Programming. Little Web Hut. 40 Online Generators for Web Designers Should Bookmark - tripwire magazine - StumbleUpon. Online Generators for Web Designers can be a great way to save time in your web design projects.

40 Online Generators for Web Designers Should Bookmark - tripwire magazine - StumbleUpon

High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design.