#web (4,377 links)
- andywer/postcss-debug github.com
PostCSS-Debug Debug your postcss workflow with ease! Contains a simple, but interactive webinspector. Creates snapshots of your CSS files before/after each…
- Using React is a Business Decision, Not a Technology Choice — Future of Front End blog.formidable.com
Summary : React is a library for building composable user interfaces. There are many other tools like Angular, Backbone, Knockout and Ember that do similar…
In the last months I’ve seen several apps creating what is known as a “Progressive Web App”. After 10 years of advocating using web technologies to create web…
- Introducing Drizzle blog.cloudfour.com
June 9, 2016 It’s hard to believe it’s been over three years since Dave Rupert wrote Responsive Deliverables , challenging the rest of us to start making “tiny…
- Computer says NO to HTML5 document outline | HTML5 Doctor html5doctor.com
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading…
- GoogleChrome/lighthouse github.com
Automated auditing, performance metrics, and best practices for the web.
#audit#best-practices#chrome-devtools #developer-tools#performance-analysis#performance-metrics #pwa #web #javascript - Visual regression tests on every commit gizra.com
As we dive deeper into visual regression testing in our development workflow we realize a sad truth: on average, we break our own CSS every week and a half.…
- You Don't Need JavaScript for That! robots.thoughtbot.com
I often use a few CSS alternatives to common JavaScript interactions when I’mdeveloping the front-end of a website (especially a prototype). There are…
- Why I think Webpack is the right approach to build pipelines devlog.disco.zone
This post was originally posted as a Gist, but seems to have been quite well-received, so I wanted to put it here for posterity. It’s slightly less-edited than…
- Breaking Out With Viewport Units and Calc blog.cloudfour.com
May 26, 2016 While iterating on a new article layout for the impending Cloud Four redesign , I encountered an old CSS layout problem. For long-form content,…
- Responsive Product Comparison Tables daverupert.com
I’m sure it’s not a rare use case, but between working hours I’m a mobile-only user. Young kids mean I need my hands free and not having a laptop in the house…
- You Are Not A Publisher medium.com
The content management industry has tricked the entire world into thinking that they’re publishers. They’re wrong. Try this. Ask anyone with any knowledge of…
- The future of loading CSS jakearchibald.com
Posted 11 February 2016 - totally overshadowed by some waving gravity thing. Thanks Einstein. Chrome is intending to change the behaviour of <link…
- Autofill: What web devs should know, but don’t blog.cloudfour.com
May 19, 2016 Many people know that you can scan your credit credit in Mobile Safari. But how many web developers know how to create a form that supports that…
Recent changes to the CSS specifications have introduced quite a few interesting features. Unfortunately, some of them are still in a draft state and the ones…
- Flexbox and Truncated Text | CSS-Tricks css-tricks.com
Situation: you have a single line of text in a flex child element. You don't want that text to wrap, you want it truncated with ellipsis (or fall back to just…
- AEM 6 Why Sightly? icidigital.com
Imagine for a moment, that you have all been assigned to a new team within our company. We have assembled this team to take on an important web development…
- Creating A Living Style Guide: A Case Study – Smashing Magazine smashingmagazine.com
Advertisement Living style guides are an important tool for web development today, especially in large, complex web applications. They help document styles and…
- kristerkari/stylelint-scss github.com
stylelint-scss A collection of SCSS specific linting rules for stylelint (in a form of a plugin). Purpose stylelint by itself supports SCSS syntax very well (as…
I had hoped this post would never be needed. However as is often the case what we maintainers assume is common knowledge in reality is far from it. Firstly lets…
This is sort of a response to Adam “ @mrmrs_ ” Morse’s “ Webfonts .” It’s not a rebuttal by any means, but rather a collection of my own thoughts that at least…
- Use Cases and Requirements for Element Queries responsiveimagescg.github.io
Editor’s Draft, 15 January 2015 This version: http://responsiveimagescg.github.io/eq-usecases/ Editors: ( RICG ) Scott Jehl ( Filament Group ) Version History:…
Writing Speaking Training Work With Me How fast should your UI animations be? May 5th, 2016 This is a question I get asked a lot at workshops and talks, and…
You might have heard about PostCSS and CSS modules but you are still recovering from the onslaught of 10,000 other frontend build process changes. The question…
- React Native for Web Developers medium.com
‘Cause native apps do some things better If you were expecting all things React web at ReactConf this year you might have left disappointed, React Native was…
- https://jakearchibald.com/2016/caching-best-practices/ jakearchibald.com
- Best Practices for Chinese Layout — Medium medium.com
10 Principles to let long-form articles more readable If you are going to expand your service into Asia. First, you may see the language wall (and then the…
- Flexbox Patterns flexboxpatterns.com
Flexbox Patterns Source on GitHub Tweet this Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive…
UI development as a first-class citizen The single hardest part of front-end development at any scale is making changes to code and understanding all of the…
- Layout Demos by Jen Simmons labs.jensimmons.com
The Experimental Layout Lab of Jen Simmons Check back often. This will keep changing. Includes the demos for: Revolutionize Your Page: Real Art Direction on the…
- Semantic UI semantic-ui.com
React is a great way to generate static HTML with a component-based UI.One of the biggest hurdles to working with React is the amount of boilerplate and build…
Have you ever thought of aligning text smartly in CSS? You must try now. No there is no CSS property text-align:smart or smartly Let’s see an example Here we…
- State of React and CSS — KADIRA VOICE voice.kadira.io
Recently, I started to work on a project that helps us to develop UI components isolated from the main app. Initially, I assumed everyone would write CSS in…
- CSS Animations: A Pocket Guide - Val Head, Author cssanimationspocketguide.com
Book Information: 65 pages ISBN: 978-1-907828-18-8 Live example files CSS animations open up a whole new way to look at and use CSS to bring motion to the web…
Several years ago I got curious about how css worked at scale. When I first started out, there weren’t nearly as many learning resources as there are now. There…
- A Complete Guide to Grid | CSS-Tricks css-tricks.com
CSS Grid Layout (aka "Grid"), is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based…
- Space Yourself – Smashing Magazine smashingmagazine.com
Advertisement There’s more to spaces than the key you instinctively hit between words with one of your thumbs. Let’s find out what other space characters there…
- Houdini: Maybe The Most Exciting Development In CSS You've Never Heard Of – Smashing Magazine smashingmagazine.com
Advertisement Have you ever wanted to use a particular CSS feature but didn’t because it wasn’t fully supported in all browsers ? Or, worse, it was supported in…
- PostCSS Mythbusting: Four PostCSS Myths Busted sitepoint.com
With the introduction of any new front-end tool, there comes the important questions with regard to its potential value in an already congested marketplace.…
- Cleaning Up a CSS Codebase sitepoint.com
You have just been onboarded to an existing project to replace a departing developer. Or maybe you just opened that old project of yours from a few years ago.…
There are two kinds of HTML: HTML that makes up templates HTML that is content I feel like some discussions about HTML are clouded by not making this…
- Precise control over responsive typography · MadebyMike madebymike.com.au
Precise control over responsive typography 17 Mar 2015 It is possible to have precise control over responsive typography. Using calc() and viewport units you…
- About rel=noopener mathiasbynens.github.io
0m6 you’ve been h4ck3d!!1one!shift!!!1 💩 About rel=noopener What problems does it solve? You’re currently viewing index.html. Imagine the following is…
Image “Question!” by Stefan Baudy, CC BY 2.0So, you’re starting a brand new JavaScript front end project or overhauling an old one, and maybe you haven’t kept…
Instagram-style filters in HTML5 Canvas Nate Hunzaker, Senior Front-End Developer Posted in #Code , #Front-end Engineering on March 10, 2016 So began my journey…