Popular Design News of the Week: December 10, 2018 – December 16, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, […]

Read more
Annotated Build Processes

By Chris Coyier On December 14, 2018 build tool, gulp, webpack When you’re putting together a build process for a site, it’s so dang useful to look at other people’s processes. I ran across Andrew Welch’s “An Annotated webpack 4 Config for Frontend Web Development” the other day and was glad he blogged it. If […]

Read more
Making SVG icon libraries for React apps

Using SVG is currently the best way to create icon libraries for apps. Icons built with SVG are scalable and adjustable, but also discrete, which allows them to be incrementally loaded and updated. In contrast, icons built as fonts cannot be incrementally loaded or updated. This alone makes SVG icons the better choice for high-performance […]

Read more
How to Create a Visually Appealing Instagram

Instagram truly is the social media platform of this decade. It has exploded in popularity and seen massive growth. Instagram has become a social media platform for the masses, and for all types of purposes. From billion dollar companies like Snickers, to influencers, to freelancers. Instagram has one thing that everyone, no matter what they […]

Read more
JavaScript to Native (and Back!)

By Chris Coyier On December 13, 2018 flutter, native apps, react, react native I admit I’m quite intrigued by frameworks that allow you write apps in web frameworks because they do magic to make them into native apps for you. There are loads of players here. You’ve got NativeScript, Cordova, PhoneGap, Tabris, React Native, and […]

Read more
Keep Math in the CSS

By Chris Coyier On December 12, 2018 custom properties, math There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to. For instance, if you needed a 7-column float-based grid (don’t […]

Read more
Prototypes and production

When we do front-end development at Clearleft, we’re usually delivering production code, often in the form of a component library. That means our priorities are performance, accessibility, robustness, and other markers of quality when it comes to web development. But every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something […]

Read more
How to Dominate Google in 2019

You’ve already experienced it… SEO is becoming harder and harder. As time goes on, it takes longer to rank and you have to spend more money to get the results you want. But the reality is, you can’t wait forever to get results. And you have no choice but to leverage SEO as a tactic […]

Read more
Why isn’t it ?

By Chris Coyier On December 10, 2018 standards The way JavaScript works is we can do scripts as an inline block: let foo = “bar”; Or, if the script should be fetched from the network… /js/global.js With CSS, we can do an inline block of styles: <style> .foo { color: red; } </style> So why […]

Read more
Top