background preloader


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. Ask yourself: do I absolutely need to apply an id to this element in order to target it? View Demo View Demo. 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. CSS Image Map CSS Image MapDemo. 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 Whether you have just started in web development or if you’re a pro, or if you want to just improve your skills, then these tutorials are for you.

This article focuses on the BEST tutorials for each field, so we hope you enjoy it and if you have any other tutorials to suggest, please feel free to let us know. CSS 3 Tutorials 1. 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. 2. Why bother with CSS that has such limited support? 3. 4. 5. 6. 7. 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… Read More 2705 shares Photoshop CS6 Cheat Sheet Photoshop is one of the preferred tools of web designers, and like any other tool that is used over and over, it’s important to optimize one’s workflow by using keyboard shortcuts. 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. CSS3 Generator.

28 HTML5 Features, Tips, and Techniques you Must Know. 20 Must Know Recent CSS and CSS3 Resources and Tools.