Today’s Readings

Flexbox. I know, right? Can we use it? Are the fallbacks reliable? What about mobile?? This article about flexbox in the real world offers three scenarios where you can use it, right now, and one where you can, but maybe shouldn’t (or at least, will need another old-IE-only set of CSS to make IE8/9 look properly).

Then, if you’re still on the band wagon, have a look at ‘s presentation from the Smashing Conference in Oxford. The article contains her slides and a TON of resource links!

Then once you have all of that mastered, you can dive into the deep-end and play with flexbox as a grid layout!

Now take all that delicious, nutritious flexbox goodness and stir it together with some width- and height-based @media queries, and you could have some pretty slick, responsive content!

Firefox for Android just upped-the-ante for mobile browsers by making web apps installable the same way native apps are installed, finally lowering the confusion rate for end-users!

Wow, some people go through an awful lot for an underline… I have to agree, even with my developer-eyes, those initial underscores look like poopookaka, but I just don’t think would never spend that much time on something like that… And that, boys and girls, is why we have designers and developers… :-)

I don’t know that self-driving cars would make people okay with long commutes, but they sure would be cool for longer roadtrips!

This Instagram-like gallery with slideshow/carousel overlay is pretty slick-looking, but since the slideshow/carousel relies on JS anyway, I would probably prefer to see the content sent to the user only once, they JS creating the duplication…

The Halfbike looks full-on bad-ass!! Would be awesome for short commutes or errands!

How often does your design team ask you to make the select box in a page look different than native, or the same in all browsers? Pain the butt, right? Maybe not anymore

When it comes to the web today, content may be king, but performance rules. And if you’re tweaking performance for a WordPress site, it’s easy to try throwing everything you find at the site, in hopes it will help. But be careful, there are performance improvements that can do more harm than good.

Worried about your privacy? Tell the President.

Think much about the type of cursor you see when you move around webpages? I didn’t either, until I read this article about cursor-over-text behavior. Now it’s got me thinking about it… I personally hate the I-beam cursor, in all instances, it’s just too hard to find…

Ever work on a project where multiple hands are in the CSS? I have, and I can verify it is really easy for code to get messy with varying coding styles creating code that’s nearly impossible to decipher. And some times all that varying code comes from me alone… :-) Here is a nice, simple set of CSS coding guidelines. Some may seem odd at first, but get to the sample, and it all makes sense…

And now that we have our CSS all in order, let’s talk about a few WTF moments with CSS and HTML.

By why leave JavaScript out, especially when it has so many WTF moments? Here are just a couple, relating to comparing objects.

And now that we have our entire HTML/CSS/JS house in order, let’s stash them all in the browser’s localStorage so we have fast loading pages on all our lovely devices…

A quick explanation of the CrowdPilot home page, with all its animated SVG glory!

And while we’re making totally cool SVG stuff, how about using dynamic content from WordPress, to create SVG text nodes, so they can be responsive? Say what??

Use CSS animations much? I have started using them a lot as progressive enhancements to UIs (background fades and scaling for updated content, scaling for hovering over panels, etc.), and they’re a really nice touch. Not at all required or necessary, just polish. But how do the various CSS animation thingies compare, performance-wise?

And finally, did you just say sweet-and-spicy bacon popcorn????

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *