Louis has collected another 20 learning resources, tools, info-apps and more for front-end coders.
Tag: LouisL
Bashkim Isai works off an idea presented by BBC's developers to help you get up and running with flexbox with safe fallbacks for legacy browsers.
Maria Antonietta Perna has created some visual examples and demos to help understand CSS's cool new mix-blend-mode property and how it can be used today.
CSS counters are a rarely used CSS feature. But they can be very handy once you understand how they work and in what cases they are most practical.
Dino Esposito introduces WURFL Image Tailor, a service that provides a server-side solution to address the responsive images problem.
A 2013 study looked at common errors by beginners learning HTML and CSS. Louis summarizes some of the findings and the progress being made as a result.
Foundation 5 doesn't have a "mega menu" component. George uses some existing Foundation styles to create a responsive mega menu with just CSS.
In this screencast, watch Sandy Ludosky as she shows you how to create new colors from existing colors with the LESS's lighten() and darken() functions.
Christ Poteet introduces the concept of mobile first design and how it differentiates from the technical aspect, with a light intro to the subject.
Monty Shokeen recently discovered CamanJS, a Canvas-based image manipulation library. He showcases its features and demonstrates with a live example.
Static site generators seem to be all the rage nowadays. Matthew Daly shows you how to build your own static site generator as a Grunt plugin.
Patrick Catanzariti spoke to some experienced front-end developers to get their views on how to deal with the popular BEM CSS methodology on large scale projects.
Microsoft's David Voyles explains the basics of working with HTML5 video, including how to use Microsoft's Azure to work with video files in the cloud
UIkit has a component not available in other popular frameworks: Dynamic Grid. Ivaylo shows us how to use this feature to build a responsive portfolio.
George Martsoukos examines solutions, along with demos, for a number of different techniques for achieving responsive tables.
Harry Roberts has created an anti-framework of sorts: inuitcss. Reggie takes a look at how to set it up and what makes it different from the rest.
Former SitePoint team member Kevin Yank is back to explain three CSS tidbits that most people get wrong in his Sit the Test CSS quiz.
Ashraff introduces Google Charts, which help you to put attractive, colorful, SVG-based charts on your pages using a specialized API.
Luis Vieira describes how you can use font subsetting along with asynchronous loading and local storage to improve the performance of web fonts.
Tom Bennet uses his love for video games to show us how to create responsive CSS sprites using ImageMagick and the GreenSock JavaScript animation library.
Nick Salloum introduces the concept of browser-controlled optimizations and how we can trigger these using CSS's new will-change property.
Richa Jain discusses why we might have jumped on the bandwagon of Media Queries too quickly, not recognizing the real solution to cross-device layouts.
Nick Salloum mimics Dropbox and Gmail, building a functioning custom context menu (right-click menu) from scratch with JavaScript.
Miles Johnson introduces his 4-years-in-the-making project: Toolkit, an extensible and customizable component-based front-end framework.
You've most certainly seen articles and tutorials discussing the "hows" of accessibility. But have you considered the "whys"? Shaumik considers.
If you're building offline functionality into your apps using AppCache, you'll want to consider some common problems that can arise. Tanay has the details.
Ryan Reese introduces the basics of the viewport meta tag and explains why RWD layouts should not be based on device-specific media queries.
Luis Vieira discusses how to use local storage, part of the HTML5 Web Storage API, to improve the performance of a website.
Ryan Morr discusses the basics of CSS grids and shows us the CSS concepts and math that goes behind such a system and why it's useful for HTML scaffolding.
Byron Houwens shows off some of the features of the WebGL spec by building a rotatable model Earth with three.js and some custom scripting.