Another big week in the world of web design. Cap Watkins puts forward the point that if you want to produce great products, we as developers and designers shouldn’t hang onto the ownership of certain sections of a project, we should co-own everything. The U.S government release a web design standard guide. Kezz Bracey explores PostCSS. Mark Otto shares how the core Bootstrap team manage and develop features and so much more. Enjoy.
Lots of #HotDrama around ad blocking and the future of the web this week. Marco Hengstenberg looks at the evolution of Smashing Magazines navigation over the years in detail. Heydon Pickering explains how you can animate various parts of an SVG and animate them separately to create a GIF like effect. Yoshua Wuyts shares some insightful tips and tricks to become at one with the Node.js filesystem and so much more. Enjoy.
Nicholas Zakas chimes in on the topic of “Stop pushing the web forward”. Ashley Nolan released the results of a survey he did focusing on front-end tooling. Val Head looked into ways to avoid motion sickness when designing animations. Thomas Byttebier blogged about his experience with CSS and shared a few tips on creating less of a mess. Enjoy.
Patrick Brosset takes a look at the wonderful world of the CSS Grid Layout. Google released a new logo and Alex Cook, Jonathan Jarvis & Jonathan Lee look at the finer details of how it came about. Robin Rendle looks at some interesting prefetching performance techniques. Joni Trythall looks at a number of properties to tackle tricky text wrapping/overflow issues and more. Enjoy.
Another big week in the world of web design. Paul Robert Lloyd that looks at why we need to consolidate our learning and consider how we build upon it. Andy Jiang explores the approach designers take when solving problems and reinforces that we all have the skills and encourages us to be more aware and mindful of our problem solving processes. Mike Riethmuller shares his design pattern that he has been using for icons. Addy Osmani looks at taking advantage of your existing knowledge of features in Sublime Text and applying them to the Chrome DevTools and more. Enjoy.
Another huge issue with some much great content. Also a very big milestone for WDW being issue 200! This week Glen Maddern released a great post about CSS Modules explaining why they are the future. WordPress 4.3 was released. Ben Gremillion revisited some Flexbox basics and so much more. Enjoy.
For those who are keen to know a little history. WDW’s first issue was sent out on the 1st of July 2011 with about 15 subscribers. That’s over 4 years ago! Today, the subscriber count is around 23,400 and growing on an average of 150 a week. Each week contains about 20 links, so that’s about 4,000 awesome links that have been sent out worldwide.
To think that over 23,000 people let me email them once a week is truly astounding. This is something that I cherish and gives me the incentive to continue to make sure each and every issue of WDW is top notch.
The talented Facebook team explain how they went about speeding up page loads by 30%. Dean Hume looks at how you can incorporate critical CSS into your blog. Steven Fabre released his web animation tool and more. Enjoy.
Philip Walton wrote a great piece about what it takes to become a great front-end engineer. Nicolas Bevacqua dive’s into several tools and techniques that he users to help monitor site performance. Harry Roberts looks at taking the classic BEM css naming convention a little further and more. Enjoy.
In this weeks newsletter Geoff Graham puts forward the point that front end development is every bit as difficult and worthy as any other subset. Also many people blogged about “The Mobile web sucks” but Jeremy Keith’s take nailed it and Rachel Andrew reminds us that with modern CSS layout it is not going to be all smooth sailing.
This week Maciej Cegłowski published another cracking post that reflects on the history of Web Design. Chris Coyier looks into preprocessing CSS and why we should be carful. Mark Otto runs over some ways to nest your Sass and Less correctly and so much more. Enjoy.
For most web developers we are knee deep in CSS on a daily basis. This can be a good or bad thing. It really depends on the state of the CSS. A well-organised codebase can be a pleasure to work with but, generally speaking, most CSS is a complete nightmare, especially on larger projects.
A great post but Guillermo Raunch about delivering a Pure UI experience during development. Margaret Stewart wrote about Facebook’s business design principles. Wes Bos explored the power of using Oh-My-ZSH and Z to take your command skills to the next level and more. Enjoy.
Mat Marquis writes an open letter to browser representatives and implementers stressing the need to adapt to the realities of the way we all work to help push the Extensible Web Manifesto to the next level. Paul Irish does a detailed performance audit on Reddit’s new mobile site. Jonathan Snook explores a few reason why creating independent modules in CSS is difficult. Paul Lewis tests Reacts performance and so much more. Enjoy.
Steven Bradley wraps up his epic 7 post series on Design Principles. Jeff Walker dives into the state of JS Build Tools. More talk about why Web Components will make the web a better place. Lea Verou’s new CSS Secrets book is now available and so much more.
Writing CSS isn’t easy, especially at a large scale. Thankfully we have Glen Maddern and a few other super smart people exploring how we might author CSS in the not too distant future. Also Ian Feather investigates some of the most practical questions and issues still remaining with Web Components today. Luke Wroblewski explains why drop downs should be the UI of last resort and more.
Paul Ford produced one of the best articles of the year last week, What is Code? which is a must read. Alex Russell explores Progressive Apps. Jake Giltsoff released an amazing resource about SVGs for the web. Envato also released there re structure style guide and some much more.
This is a lightweight, simple solution for adding sharing buttons to your site. Like many things, there are many ways to achieve this but the main goal of this solution is performance.
Every major social network provides an easy way to add sharing buttons to your site, but the downside of many of these is each button loads various scripts and stylesheets increasing the page weight. Generally speaking, say you wanted to have 4 sharing buttons (Twitter, Facebook, Google+ and LinkedIn) it’s more than likely you will be loading 8+ extra resources.
Using the provided solutions from the major networks is convenient, but less then ideal if performance is a main priority.
A really great article by Nicole Fenton that explores way to write better interface copy. Wilson Page wrote about the current state of Web Components. Brent Jackson explains how to set up a static site with React and Webpack and so much more. Enjoy.