There are so many ways to begin to understand how a website is built it’s easy to get overwhelmed. One way I would recommend is utilising the developer tools that are built into the browser.
During the last few years I have found myself dealing with largish codebases on various projects. During that time I have continued to assess the tools and techniques used to make it as easy as possible. This post explores ways to make developing on large CSS codebases more enjoyable.
A super awesome Shoptalk episode with Rob Dodson talking all about Polymer and Web Components.
Web Components are a pretty hot topic in front end web development and this episode helps clarify what they are all about, why Google and others are investing heavily in the development and how you can begin getting your hands dirty and start developing your own components today.
Tim Kadlec talks about how the “responsive design is bad for performance” myth can actually be really good for performance. Sara Soueidan goes over the clipping techniques in both CSS and SVG. Sophie Shepherd has some nice ammunition for your next conversation about “The Fold”. Jonathan Snook looks at ways to organise our CSS and Tim Evko looks into Front End Security.
As a web developer, the security of your site or app should be a top concern, especially as those sites and applications become popular. Tim Evko takes a look at some common front end vulnerabilities, as well as ways to safeguard against them.
Anselm Hannemann explores a pretty rad technique to colorize a video with CSS. Matt Steele talks about Responsive Images and how to adapt your site to be lean and fast. Jeff Dicky blogged about using Node.js in production. Axel Rauschmayer talked about six technologies that will change the web platform and more. Enjoy.
Hugo Giraudel shares his journey of building SassyLists. SassyLists is a toolbox providing almost 40 functions to help working with Sass lists. The Sass default list API is very light therefore you might need some extra functions, especially if you are building a Sass framework or a robust grid system.
Some super exciting things happening with Firefox Nightly shipping WebIDE. Brad Frost talks about why designing with dynamic content is so important in providing more thoughtful, realistic and resilient designs. Marcus Taylor explores was to improve your WordPress site. The Framer.js team released Framer Studio for easier prototyping and lots more. Enjoy.
Can I Use is a super valuable resource during development and one of the cool things I discovered recently is you can connect your Google Analytics account to Can I Use to get accurate supported stats based on your sites actual data.