Posts Tagged: web development

What no one told you about z-Index

Web developer Philip Walton:

The key to avoid getting tripped up is being able to spot when new stacking contexts are formed. If you’re setting a z-index of a billion on an element and it’s not moving forward in the stacking order, take a look up its ancestor tree and see if any of its parents form stacking contexts. If they do, your z-index of a billion isn’t going to do you any good.

Great advice. Read the rest of the article for a more through breakdown, with a simple example, of why this is the case.

Twelve curated tips and workflows from the trenches

Git is an endlessly powerful version control system, by far the strongest I’ve ever used in my career. Yet that said, I stick pretty much to basic command line (pull, push, diff) commands on a daily basis. Developer Nicola Paolucci’s post on Git tips I think will change this. Major hat tip to him for two actions I’d invoke commonly: listing all deleted files in a respository and searching for a string in all revisions of git history.

Sass for web designers

Now that I’m dabbling more and more with Sass, I’m really excited to see the great Dan Cederholm will be releasing a whole book on the subject. (For those that haven’t read Cederholm’s CSS3 entry into the A Book Apart series, do so.)

jQuery 1.9 final, jQuery 2.0 beta released

Can’t wait to dig through these releases and give them a try.

jQuery API documentation

I’m late in noticing this one, but hooray, the API docs for jQuery got a big design refresh! Responsive! Better color palette! I approve.

All you need to know about CSS transitions

A great primer on CSS3 transitions by developer Alex Maccaw. I really like how Alex mixes up basic syntax with performance implications and cross browser support.

The good man

Astonishing CSS3 animation work by graphic design major Pedro Ivo Hudson.

Move the web forward

Great advice and resources from web developers Paul Irish, Mat Marquis and many more on how to give back to web community. Some essential, timeless links here.

Why we’re pivoting from mobile-first to web-first

Startup founder Vibhu Norby:

All in all, mobile service apps turn out to be a horrible place to close viral loops and win at the retention game. Only a handful of apps have succeeded mobile-first: Instagram, Tango, Shazam, maybe 2 or 3 others…

…You have an entirely different onboarding story on the web. You can test easily, cheaply, and fast enough to make a difference on the web. You can fix a critical bug that crashes your app on load 15 minutes after discovery (See Circa). You can show 10 different landing pages and decide in real-time which one is working the best for a particular user. You can also close a viral loop: A user can click an email and immediately be using your app with you.

CSSload.net

If you’re a web developer, you’ve probably had to implement loading animations (e.g. spinners, bars) several times. In the land of ajax and back end validation, it’s essential work. Lately instead of the usual transparent GIF route, I’ve preferred implementing CSS based animation; it’s one less HTTP request and easily customizable.

Yet writing CSS based loaders can be time consuming. That’s what makes cssload.net useful. Pick an animation, color set and download the CSS3 code.