#web (3832 links)
- Side Effects in CSS — Philip Walton philipwalton.com
- Design Principles learndesignprinciples.com
<blockquote>Learn about design principles and see how they can be applied from architecture to product design.</blockquote>
- Quantity Queries for CSS alistapart.com
- Dev.Opera — The State of Web Type dev.opera.com
- Harnessing Flexbox For Today's Web Apps - Smashing Magazine smashingmagazine.com
- Responsive Hero Images blog.cloudfour.com
- Accessible Interface Design medium.com
- javascript - Pros and Cons of Facebook's React vs. Web Components (Polymer) - Programmers Stack Exchange programmers.stackexchange.com
- Stop Using LinkedIn stopusinglinkedin.com
- Better SVG Fallback and Art Direction With The <picture> Element sarasoueidan.com
- Grid by Example gridbyexample.com
- Factmint factmint.com
<blockquote>Store, query and visualize your data with Factmint. Transform your HTML tables into interactive data visualizations.</blockquote>
- Flexbox in the Real World planningforaliens.com
<blockquote>First, let me make something as clear as I can: the point of running your client-side JavaScript application on the server is not to replace your existing API server.</blockquote>
- Subtle Click Feedback Effects | Codrops tympanus.net
- Client-side MVC's major bug - TimKadlec.com timkadlec.com
<blockquote>First, let me make something as clear as I can: the point of running your client-side JavaScript application on the server is not to replace your existing API server.</blockquote>
- Let's Encrypt letsencrypt.org
<blockquote>Arriving Mid-2015 Let’s Encrypt is a free, automated, and open certificate authority.</blockquote>
- Introducing Grunticon 2! Style & Animate your SVGs | Filament Group, Inc., Boston, MA filamentgroup.com
<blockquote>Version 2 of Grunticon makes it easy to embed SVG markup into your page so you can apply CSS and JavaScript to the actual SVG markup.</blockquote>
- Atomic Design by Brad Frost atomicdesign.bradfrost.com
- A Static Site Generator With Gulp, Prose.io, and Travis CI blog.crushingpennies.com
- Pivotal Styleguide styleguide.cfapps.io
<blockquote>This is everything you need to get started building UI at Pivotal. Pivotal UI includes Pivotal styles as well as Bootstrap CSS, OOCSS, the FontAwesome icon font, and the Source Sans Pro Google Font in your project.</blockquote>
- Variable Fonts for Responsive Design alistapart.com
- CSS Vocabulary apps.workflower.fi
Because you kind of forget after a few years.
- Making with Dough | Making Money Advice making.moneyadviceservice.org.uk
<blockquote>Over the last year, we’ve been putting together a reusable component library for use on our site. It’s called Dough and it’s now powering nearly all of our common UI elements across a suite of around twenty five tools, calculators and websites. It’s completely open source and available for you to use too.</blockquote>
- Color Picker - Explore Colors for HTML and CSS hexcolortool.com
- An Unconventional Review of AngularJS | Let’s Code JavaScript letscodejavascript.com
<blockquote>AngularJS is everything I expect from a framework. That’s not a good thing.</blockquote>
- This Is Responsive bradfrost.github.io
<blockquote>Patterns, resources and news for creating responsive web experiences.</blockquote>
- StackEdit – In-browser markdown editor stackedit.io
- Useful SVGO[ptimization] Tools sarasoueidan.com
- davidtheclark/postcss-simple-mixin github.com
<blockquote>A PostCSS plugin to enable simple mixins in CSS (no arguments, no nesting).</blockquote>
- paulirish/automated-chrome-profiling github.com
<blockquote>Node.js recipe for automating javascript profiling in Chrome.</blockquote>
- Roots: Enlightened Static Sites roots.cx
- CSS animations performance: the untold story greensock.com
<blockquote>There are some interesting (and surprising) performance implications of using CSS animations that aren't widely known.</blockquote>
Read the comments.
- Using CSS transforms developer.mozilla.org
<blockquote>By modifying the coordinate space, CSS transforms change the position and shape of the affected content without disrupting the normal document flow. This guide provides an introduction to using transforms.</blockquote>
<blockquote>There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.</blockquote>
- The Shifting Definition of Front-End Developer blog.salsitasoft.com
<blockquote>Angular and other big-iron web frameworks are not an affront to front-end devs. They are just the latest manifestion of a long-term trend: code moving from the server to the browser. Let's define "front-end" to mean the parts of the app relating to user interface, rather than those that happen to be running in the browser's JavaScript VM. If we assign tasks to our developers accordingly, we will see that the new world of single-page web apps is very much like the old one. Plus ça change...</blockquote>
- CSS Content Filter | CodyHouse codyhouse.co
<blockquote>Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.</blockquote>