Archive

Optimizing SVG for the Web

So you have an amazing vector and you’re just about ready to send it out for the world to see, but you notice it’s XML (the stuff that makes up an SVG) is a bit bulky. We’ll take a look at a command line tool that can help us clean that up a bit called SVGO.

Web Design Weekly #159

Jeremy Keith has come to the party with a great post about CSS for it’s 20th birthday. Adam Beres-Deak dived into web font performance. Sara Soueidan did and epic post on CSS-Tricks. Andrew Nacin, one of the lead developers of WordPress talks about WordPress philosophy and more. Enjoy!

Web Design Weekly #158

Laura Kalbag looks into why you should get out of your comfort some to explore the unknown. Matthew Setter explains how to work with other people’s code. Emma Sax covers some easy to follow points on how to make background videos accessible. Kahlil Lechelt released a new JavaScript podcast called Descriptive and lots more. Enjoy!

Web Design Weekly #157

Tyler Gaw goes into detail on how you can access native OS X frameworks with JavaScript. James Shore does a great review of React. Zach Leatherman drops some great knowledge on how to improve the use of @font-face. More awesome screencasts by Adam Morse and more. Enjoy!

Web Design Weekly #156

Jason Grigsby clarifies when it is a good time to use the picture element. Luke Wroblewski wrote about Mat Marquis’s recent talk about the future of responsive images. Rob Dodson explains how to setup a Polymer project using the new Yeoman generator and more. Enjoy!

Diving into Webpack

Of late there has been a little bit of hype around this “webpack” thing. Hopefully this post gives you an overview of what it is, how to use it and if it’s worth all the hype.

Web Design Weekly #155

Bobby Grace wrote about how they structure CSS at Trello. Lots of news about all the changes in iOS8. Steven Fabre blogged about his process of making an animated banner ad with no images for CodePen. Chris Lema posted about the healthy WordPress community. The Facebook developers gave a sneak peel at a new tool called Flow which is for analysing and type checking JavaScript and lots more. Enojy!

Understanding & measuring events with Chrome DevTools timeline

Measuring performance is important and so important that we need a hash tag (#perfmatters) to discuss all the difficult scenarios and topics surrounding the question “How can I make my Website faster?” In order to answer that question we have to understand how to collect and measure that data collected.

Web Design Weekly #154

A great case study by Vitaly Friedman that looks behind the scenes in how the Smashing Magazine team worked super hard to optimise their website. Pete Hunt dives into the details on how Instagram.com works. PayPal released an accessible HTML5 video player. Ian Feather was on the ShopTalk show talking about lots of great front-end tips and more. Enjoy!

Compass Sourcemaps

Since the release of Compass v1.0.0 we’ve seen sourcemaps supported across the board. This means tools like Gulp and Grunt (including their compass compiler helpers), CodeKit2 and the CLI will now produce a Compass sourcemap file. This article dives into the config landscape across various tooling systems.

12345...1020...