pub-6887543428250003

TEN THINGS TRENDING


1. CSS Drive News- Fixing a parallax scrolling website to run in 60 FPS

Tips on how to efficiently implement the popular parallax effect on your web site.


2. Grouping related classes in your markup – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

A few weeks back, I put out a Tweet to a jsFiddle describing an idea I’d had in which I grouped two or more related class attributes to make them easier to notice when scanning an HTML file, and—coincidentally—trivial to manipulate very effectively with Vim, my text editor of choice.


3. Ideas Behind Responsive Emails | CSS-Tricks

Say you’ve designed an HTML email with 3 columns. Because of limited and weird CSS support in email clients, email design is done with tables. That 3 column design looks great on large-ish screens, but it squishes awkwardly on small screens. Theoretically a media query would save us here, but as we can’t even count on floats we sure can’t count on those. There is still a way though.


4. Script-injected “async scripts” considered harmful – igvita.com

Synchronous scripts are bad because they force the browser to block DOM construction, fetch the script, and execute it before the browser can continue processing the rest of the page. This, of course, should not be news, and is the reason why we have been evangelizing the use of asynchronous scripts.


5. SVG use with External Source | CSS-Tricks

Inline SVG is an awesome way to use SVG because, among other reasons, the individual shapes that make up the graphic can be scripted and styled. The shapes are right in the DOM. But does that mean we have to define those shapes right in the HTML on every page? Nope, we can to reference them from elsewhere. Ideally, that “elsewhere” is an external file, because that means that file can be cached by the browser, efficiency!


6. Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw | Smashing Magazine

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another.


7. An Introduction To Node.js And MongoDB | Smashing Magazine

Node.js is a rapidly growing technology that has been overtaking the world of server-side programming with surprising speed. MongoDB is a technology that’s revolutionizing database usage. Together, the two tools are a potent combination, thanks to the fact that they both employ JavaScript and JSON.


8. Mobile And Accessibility: Why You Should Care And What You Can Do About It | Smashing Magazine

Mobile has revolutionized the way we use the web. This is especially true of disabled users, for whom mobile devices open the door to a whole new spectrum of interactions.


9. How to dynamically change text color based on a background color

Designers often choose the text color of an element based on the background color. If the background is dark, light text is chosen. If the background is light, they use dark text. This is because light and dark contrast well with each other and make text easier to read.

So how can we use Sass to choose the appropriate text color for a background?


10. Themify Icons: iOS7 Inspired Icon Set

Are you looking for an alternative for Font Awesome? I have a good news for you! Themify has just released a new icon font called Themify Icons — a complete icon set consisting of 320+ pixel-perfect icons inspired by the iOS7 design. It is 100% free, with the ability to use and distribute for any purpose, whether personal, commercial, or anything in between. It is a must have tool for designing web templates and apps.