The other day, someone asked me the following question: “If I understand it right clear float is automatic in most modern browsers right?”
If you’re new to CSS, then it would seem that the answer to this question should be “yes, of course — modern browsers don’t have these types of bugs!” But the necessity to clear floats is not a browser bug; it’s actually, well, more of a CSS feature. And it’s still needed in so-called “modern” browsers (assuming you’re using floats for layout).
Recently, I’ve bookmarked a bunch of animation-related scripts, libraries, and plugins. Although CSS3 has certainly made animation easier for us, sometimes we need a little bit of help.
There are other libraries that are more popular than these (like Raphaël.js), but these are some mostly lesser-known scripts that I’ve stumbled across in recent months.
Back in July I wrote a post called JavaScript String Methods Reference, outlining many of the ways strings can be manipulated in JavaScript.
Another area where JavaScript has a number of different methods available for use is Array manipulation, which I’ll cover in this post. As usual, I’ll do my best to keep it simple and accurate, but if I’ve erred or if you think I’ve omitted anything important, please comment.
Every element in an HTML document accepts a value for the CSS display property. The possible values you can use for display are many.
The three most commonly used values are none, block, and inline. But what if you don’t define a display value for an element? Well, all elements have an initial or default state for their display value. Let’s consider some of these and see some interesting things you might not have known.
If you’ve followed Smashing Magazine for some time, you know that they at one time had a section of their site called “The Smashing Network” which had a feed of links to articles from various sites in the web development and design blogging industry. That section is now gone, though.
To some extent, I miss the Smashing Network. Not all of the articles in the Smashing Network were of great quality, but I liked that I could scan a few pages of links every couple of days to see what kinds of CSS articles were being published in the Network.
While I usually try to write stuff that’s geared more to experienced developers, I don’t want to neglect those who are just starting out.
I’ve been collecting links to beginners resources for web development for some time now, so I thought I’d share that list here. Feel free to add your own in the comments.
The folks over at No Starch press were kind of enough to give me a review copy of one of their new releases Think Like a Programmer by V. Anton Spraul.
Since I didn’t think I could read the book and write a review any time soon, to help them promote what I believe is a valuable book for anyone who solves problems with code, I offered to give away two copies on my site, and they gladly agreed.
There are quite a few references online for finding detailed info on CSS properties. I find, however, that most of them usually have more than what I’m looking for — and don’t even get me started on the overly-convoluted CSS specs. Truth is, sometimes I just want to know which values are valid for a particular property, and nothing more. So I built a quick-reference site that does just that.
It’s called: CSS Values.
The upcoming IE10 will continue to have strong support for a number of CSS3 features and HTML5 APIs.
But if you haven’t yet heard, many of these features will be supported in IE10 unprefixed. These include gradients, animations, transitions, and more.
Parallax scrolling sites have been a pretty hot UX thing of late, being showcased on various blogs. Although the “ooooh! aahhh!”-ness of it all has subsided, I think this type of site is certainly a legitimate design and development option for many brands.
To help you choose a JavaScript or jQuery library or plugin for doing this sort of thing (unless you’re a masochist and want to write one from scratch!), in this post I’ve put together a list of plugins and scripts to choose from.
