1278
The Step-by-Step Guide to Go From Novice to Expert in Any Skill
The defining element of the novice is a reliance on recipes. Novices need clear instructions on how to do something in order to do it. They don’t have an intuitive understanding of the skill, so they need someone else’s recipes to follow in order to complete any task within the skill.
18 hours ago
Gradient for EVERY line of a para
##Gradient for EVERY line of a para Using `<mark>` and `box-decoration-break`...
6 days ago
Room Acoustics Software
Room EQ Wizard REW, free room acoustics software and audio analysis software
church 
10 days ago
UMIK-1
The UMIK-1 is an omni-directional USB measurement calibrated microphone providing Plug & Play acoustic measurement. From speaker & room acoustic measurement to recording, this microphone provides low noise and accurate results you can rely on.
church 
10 days ago
RPF series
microphone and cat5 electric box covers
church 
15 days ago
FMCA2000 series
pro audio floor boxes
church 
15 days ago
A functional JavaScript motion library
The JavaScript motion engine. Mix tweens, physics, and user input actions to create delightful interactions on the web.

Alternative to gsap
javascript  animation 
16 days ago
Staggering Animations
The following is a guest post by David DeSandro. David wanted to offer a new feature in Isotope: staggered animations. Like so many things web, there are l
css  javascript  animation 
21 days ago
philipwalton/flexbugs
flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them.
9 weeks ago
Creating author pages with Jekyll and Siteleaf
Really helpful tutorial for getting related content in siteleaf and jekyll.
jekyll 
9 weeks ago
Yarn Package Manager: An Improvement over npm
Yarn is the newest package manager on the block with speed and improvements over npm.
november 2017
Why npm Scripts?
The following is a guest post by Damon Bauer. There has been a growing sentiment (for instance) that using node packages directly, with the command line in
development 
november 2017
Webpack – A Detailed Introduction
Webpack is a powerful tool that bundles your app source code efficiently and loads that code from a server into a browser. Read more »
webpack 
november 2017
Flexbox and Grids, your layout’s best friends
Aerolab's blog focuses on actionable design and development guides, tips and strategies. Check it out!
css  flexbox  grids 
november 2017
How to Use CSS Gradients on the Web
In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders), and I’ll also throw in some useful...
css 
november 2017
Goodbye MAMP, OS X Mavericks includes a built in PHP webserver
Developing web apps, especially PHP apps, has gotten easier on Mac OS. Run Wordpress or any custom PHP app locally in minutes.
php 
november 2017
Using SVG as placeholders — More Image Loading Techniques
I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded…
svg  performance  images 
november 2017
Twitter
1.5 Years ago I closed down 31Three and started a new chapter at Shopify. I really wanted to grow again in my caree…
from twitter_favs
november 2017
Twitter
🔥 Since :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accompl…
from twitter_favs
november 2017
Reboot, Resets, and Reasoning
I saw in an article by Nicholas Cerminara the other day (careful visiting that link, looks like they have some tracking scripts run wild) that Bootstrap 4
css 
october 2017
System Font Stack
Defaulting to the system font of a particular operating system can boost performance because the browser doesn't have to download any font files, it's usin
css  fonts 
october 2017
Twitter
CSS Gradients 😍 Made this icon with a single div, w/o using pseudo elements (before, after).

Check it out
from twitter_favs
october 2017
Twitter
Nested is a thing, and this is a brilliant use case for them. 🔥

More on the topic: &…
SVG  from twitter_favs
september 2017
Mimic Relative Positioning Inside an SVG with Nested SVGs
Nested is a thing, and this is a brilliant use case for them. 🔥

More on the topic: &…
SVG  from twitter_favs
september 2017
Breaking the Grid
Two ways to break CSS Grid and how to fix it
css 
september 2017
Convert Polygon to Path Data
I've had to do this a few times recently so I thought I'd save the method. StackOverflow has a method that works great: [].forEach.call(polys,convertPolyTo
svg 
september 2017
SVG Circle/Ellipse to Path Converter
Convert svg circle or ellipse to path
svg 
september 2017
Property Index – SVG 1.1 (Second Edition)
SVG properties that can be styled with css.
css  svg 
september 2017
Sketch’s Brilliant New Way to Export Borders as SVG
Sketch can now export inside or outside borders in your design into centered SVG strokes. No other vector design software does this—it saves you tons of time and makes your SVG graphics more reliable.
sketch  svg 
september 2017
Twitter
Love the portrait Geri did of Brandy! She is super great to work with (no surprise there).
from twitter
august 2017
Grid by Example
Lots of examples, tutorials, and starter layouts with fallbacks.
css 
august 2017
A Complete Guide to Grid
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flex
css 
august 2017
Learn CSS Grid
A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
css 
august 2017
100 Days of Scriptures
One passage of Scripture, every day, for 100 days.
typography  design 
august 2017
Practical CSS Grid: Adding Grid to an Existing Design
Converting existing designs to Grid without breaking in non-grid browsers
css 
august 2017
(429) https://twitter.com/ecoenen/status/892885546955149312/video/1
Baseball tournaments are hard on everyone... well, almost everyone.
from twitter_favs
august 2017
YNAB - reducing budget file size
Explains how to reduce the size of the budget file so that it doesn't load so slowly. (can also delete old backups as necessary)
august 2017
A Book Apart, Accessibility for Everyone
Check out this really cool multi-state button on site and sign-up for this book!
from twitter_favs
august 2017
(429) https://twitter.com/justincodd/status/892767650014793728/photo/1
Check out this really cool multi-state button on site and sign-up for this book!
from twitter_favs
august 2017
(429) https://twitter.com/i/web/status/888500276847562752
CSS variables (custom properties) makes supporting reduced motion settings super easy. There is little excuse to no…
from twitter_favs
july 2017
ScrollEntrance.js
A simple, lightweight JavaScript plugin for subtle scrolling animations.
javascript 
july 2017
LazyLoad (vanilla-lazyload)
LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images.
july 2017
Twitter
TIL you can make CSS attribute selectors case insensitive by putting an 'i' after the attr="value" part
from twitter_favs
may 2017
​Foamworx
Home spray insulation - for crawl spaces and attics
may 2017
React For Beginners
Want to upgrade your JavaScript skills and learn React.js? Learn how to build websites and web apps in just a couple of afternoons.
javascript  react 
may 2017
Leveling Up with React: Redux
This tutorial is the final of a three-part series by Brad Westfall. We'll learn how to manage state across an entire application efficiently and in a way t
react 
may 2017
Leveling Up With React: Container Components
This tutorial is the second of a three-part series on React by Brad Westfall. This series is all about going beyond basic React skills and building bigger
react 
may 2017
Leveling Up With React: React Router
This tutorial is the first of a three-part series on React by Brad Westfall. When Brad pitched me this, he pointed out there are a good amount of tutorials
react 
may 2017
#147: Starting a React-Powered Comment Form
In this pairing screencast, Sarah Drasner joins me and guides me through some of my very first learnings of React. We tackle some "real world" style functi
react 
may 2017
I Learned How to be Productive in React in a Week and You Can, Too
This article is not intended for seasoned React pros, but rather, those of us who make websites for a living and are curious how React can help us reason a
react 
may 2017
SVG Text On Path—Part 2
Creating SVG text along a path opens up some interesting and creative possibilities. Here's how to work with SVG text on a path.
svg 
may 2017
SVG Text On A Path — Part 1
Creating SVG text on a path opens up many creative possibilities for rendering text on screen. It's easy to do and it's also fun.
svg 
may 2017
Liquid
Documentation for the Liquid template language, created by Shopify.
liquid 
march 2017
Twitter
Repeating backgrounds can be fairly smart. Check this out. 🎓
from twitter_favs
march 2017
« earlier      
17 1password accessibility agile analytics animation apache aperture app artists awesome backgrounds backups base64 book bookmarklet bower brightcove browsers business campers canvas carpentry charts chome chrome church clients clothing cms coffeescript collaboration color comic content contenteditable cooking courses craftsmanship critique css culture customer-service database debug deployments design development dns domains ecommerce email environment expressionengine favicon flexbox fold font fonts form framework fun games gamification gardening gif git github grids grunt gtd gulp home html html5 ia icons ie illustrator images impostersyndrome innovation interaction ios javascript jekyll journal jquery js laravel lean-ux less lightroom liquid mac mamp management maps markdown methodology microformats mobile moview music node omnigraffle omniture optimization ourstory patterns payment performance personas philosophy photos photoshop php plugins polyfill pricing print process productivity prototype quote quotes rails rake react recipe regex report responsive retina rss ruby safari sass seo server shopify sketch soccer social store style-guide sublime svg table tags taxonomy terminal testing texture tips tools training trello tutorials typography unicode usability utility ux video videos wallpaper webcomics webfont webpack wireframes woodworking wordpress work wysiwyg zepto

Copy this bookmark:



description:


tags: