Let’s take a look inside your
Your is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s tags.
Great demos for mostly-CSS card flip, cube, and carousels.
With the introduction of CSS transforms, elements could be shifted, rotated, slanted, squashed and stretched. Web designers were finally able to catch up to print designers. With CSS 3D transforms, web designers can move past their print counterparts and explore a new realm in graphic design.
Checkboxland is a JavaScript library for rendering anything as HTML checkboxes.
You can use it to display animations, text, and arbitrary data. It also supports plugins, so you can build more powerful APIs on top of it.
Checkboxland is dependency-free, framework-agnostic, and fun! 🙃
Tumult Whisk is the lightweight HTML and PHP editor with a live preview pane that displays the updated page as you type. It is an essential app for your web dev toolkit.
Timmy Cai: Create a HTML Email Signature for Mac OS X Mountain Lion 10.8
If you want to create a custom HTML email signature for Mail on Mountain Lion, the HTML coding part remains the same but the installation have changed. Follow this tutorial to create a HTML email signature file and to get it installed into the new version of Mail on Mountain Lion OS X 10.8.
SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.
Chris Coyier: Using Flexbox: Mixing Old and New for the Best Browser Support (CSS-Tricks)
Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed quite a bit over the past few years, hence the "Old" and "New"
Dave Klein: Interview with Paul Irish, HTML5 expert and community leader (Inspire Magazine)
I think it’s important to publish what you learn. There’s really no school for front-end development. You can’t go to a university for a JavaScript degree or a class about how browsers work. Most of us learn from blogs and Twitter. Early in my career, I learned a bunch of things whenever I worked on a project, but I never told other people about them. So my general advice is to publish what you learn, share with the community, and collaborate on projects that help move the community forward.
1stwebdesigner: 20 snippets you should be using from HTML5 Boilerplate
Sounds stupid and listy but it's actually a good introduction to some of the more useful and practical pieces of the huge insane HTML5 Boilerplate (html5boilerplate.com).
This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.
"I'd much rather rely on a subset of trusty old HTML than expend brain cells trying to remember the fake-HTML way to make something bold, or create a hyperlink. HTML isn't perfect, but it's an eminently reasonable humane markup language."
"The need for these distinctions becomes moot, of course, when no secondary actions are present. Make sure you really need each secondary action on a form and don’t add them indiscriminately."
It's about time. But when will this actually become an official recommendation? When universally adopted? And will that adoption be as awful as the previous implementations?