#web (4,377 links)
- Accessible Interface Design medium.com
- javascript - Pros and Cons of Facebook's React vs. Web Components (Polymer) - Programmers Stack Exchange programmers.stackexchange.com
- Better SVG Fallback and Art Direction With The <picture> Element sarasoueidan.com
- Grid by Example gridbyexample.com
- Factmint factmint.com
Store, query and visualize your data with Factmint. Transform your HTML tables into interactive data visualizations.
- Tinfoil tinfoilsecurity.com
Security scanner than integrates with CI.
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.
- Subtle Click Feedback Effects | Codrops tympanus.net
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.
- Let's Encrypt letsencrypt.org
Arriving Mid-2015 Let’s Encrypt is a free, automated, and open certificate authority.
- Introducing Grunticon 2! Style & Animate your SVGs | Filament Group, Inc., Boston, MA filamentgroup.com
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.
- Atomic Design by Brad Frost atomicdesign.bradfrost.com
- A Static Site Generator With Gulp, Prose.io, and Travis CI blog.crushingpennies.com
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.
- Variable Fonts for Responsive Design alistapart.com
Because you kind of forget after a few years.
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.
- Color Picker - Explore Colors for HTML and CSS hexcolortool.com
- An Unconventional Review of AngularJS | Let’s Code JavaScript letscodejavascript.com
AngularJS is everything I expect from a framework. That’s not a good thing.
- This Is Responsive bradfrost.github.io
Patterns, resources and news for creating responsive web experiences.
- StackEdit – In-browser markdown editor stackedit.io
- Useful SVGO[ptimization] Tools sarasoueidan.com
- davidtheclark/postcss-simple-mixin github.com
A PostCSS plugin to enable simple mixins in CSS (no arguments, no nesting).
- paulirish/automated-chrome-profiling github.com
Node.js recipe for automating javascript profiling in Chrome.
- Roots: Enlightened Static Sites roots.cx
There are some interesting (and surprising) performance implications of using CSS animations that aren't widely known.
Read the comments.
- Using CSS transforms developer.mozilla.org
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.
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.
- The Shifting Definition of Front-End Developer blog.salsitasoft.com
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...
- CSS Content Filter | CodyHouse codyhouse.co
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.
This survey downloaded CSS files from over 8,000 domains and aggregated some data about how CSS is being used and written. I think this can be useful to drive conversations forward about how to organize, think about, and manage larger CSS projects, as well as to look at how the web is evolving.
- A New Way to Test Internet Explorer on OS X, iOS and Android | Rey Bango blog.reybango.com
A new and horrible way.
- Flexbox Tutorial sketchingwithcss.com
- Normalizing Cross-browser Flexbox Bugs — Philip Walton philipwalton.com
- Thinking beyond “Scalable CSS” - The dot Post thedotpost.com
Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.
- Non-blocking web fonts using LocalStorage crocodillon.com