background preloader

Css3

Facebook Twitter

The 30 CSS Selectors you Must Memorize. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.

The 30 CSS Selectors you Must Memorize

This tutorial was first published in November, 2010. So you learned the base id, class, and descendant selectors - and then called it a day? 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. 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. IE6+ Firefox Chrome Safari Opera Prefixing the hash symbol to a selector allows us to target by id. 30 Pure CSS Alternatives to Javascript.

With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at all.

30 Pure CSS Alternatives to Javascript

The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used. Having said all that, we are in no way saying that these techniques are in anyway better than there Javascript equivalent, just an optional alternative and as a proof of concept. In this article we have concentrated on showing as many varied CSS techniques that cover the full spectrum of web site interactivity, thus we have intentionally minimized the number of pure CSS navigation methods, of which there are literally hundreds. 54 Awesome Tutorials css wordpress jquery. When a roundup of tutorials is done, they usual focus on one specific area of design, development or coding.

54 Awesome Tutorials css wordpress jquery

However we at Pelfusion know that a lot of our web developers have their fingers in more then one area of development. So, we’ve dedicated this article to the development of fantastic blogs and website. We have focused on finding articles based on the following areas of web development: WordPress Jquery. 15 Useful HTML5 Tutorials and Cheat Sheets. 1911 shares 8 Must-have Cheat Sheets for Web Designers and Developers As a web designer or developer, it’s nearly impossible to remember multiple programming languages, frameworks, and keyboard shortcuts to various applications.

15 Useful HTML5 Tutorials and Cheat Sheets

This is where cheat sheets can be a life saver. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. So… CSS3.0 Generator. Coding A HTML 5 Layout From Scratch - Smashing Magazine. Advertisement HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun.

Coding A HTML 5 Layout From Scratch - Smashing Magazine

Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible. While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. So today we’re going to experiment a little with these new technologies. It’d be a good idea to have a read at some of these articles first: I’ll also assume you know the basics of HTML and CSS.

Before we begin… There’s a couple of things you have to bear in mind before adventuring on the new markup boat. A word on Progressive Enhancement and Graceful Degradation. CSS3 Generator. 28 HTML5 Features, Tips, and Techniques you Must Know. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.

28 HTML5 Features, Tips, and Techniques you Must Know

This tutorial was first published in August, 2010. This industry moves fast -- really fast! If you're not careful, you'll be left in its dust. So, if you're feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know. 1. Still using that pesky, impossible-to-memorize XHTML doctype? If so, why? In fact, did you know that it truthfully isn't even really necessary for HTML5? 2. Consider the following mark-up for an image: There unfortunately isn't any easy or semantic way to associate the caption, wrapped in a paragraph tag, with the image element itself. 3.

Not long ago, I utilized the <small> element to create subheadings that are closely related to the logo. The small element now refers to "small print. " 4. You possibly still add the type attribute to your link and script tags. This is no longer necessary. 5. ...That is the question. 20 Must Know Recent CSS and CSS3 Resources and Tools.