1259
Yarn Package Manager: An Improvement over npm
Yarn is the newest package manager on the block with speed and improvements over npm.
22 days ago
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 
22 days ago
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 
23 days ago
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 
23 days ago
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 
23 days ago
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 
28 days ago
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 
29 days ago
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
4 weeks ago
Twitter
🔥 Since :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accompl…
from twitter_favs
5 weeks ago
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 
7 weeks ago
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 
7 weeks ago
Twitter
CSS Gradients 😍 Made this icon with a single div, w/o using pseudo elements (before, after).

Check it out
from twitter_favs
9 weeks ago
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
11 weeks ago
Twitter
Nested is a thing, and this is a brilliant use case for them. 🔥

More on the topic: &…
SVG  from twitter_favs
11 weeks ago
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
background-repeat | CSS-Tricks
Repeating backgrounds can be fairly smart. Check this out. 🎓
from twitter_favs
march 2017
Twitter
Repeating backgrounds can be fairly smart. Check this out. 🎓
from twitter_favs
march 2017
Target=”_blank” — the most underestimated vulnerability ever
The newly opened tab can then change the window.opener.location to some phishing page. Or execute some JavaScript on the opener-page on your behalf… Users trust the page that is already opened, they…
february 2017
Controlling The Cache: Using Edge Side Includes In Varnish
Rachel Andrew explains how you can benefit from using Varnish Edge Side Includes even for pages that can’t be cached for long periods.
february 2017
Timber
wordpress templating engine
wordpress 
february 2017
Fictive Kin — Amigos
Well, looks like I’m back to collecting cards.
from twitter
january 2017
Twitter
Well, looks like I’m back to collecting cards.
from twitter
january 2017
SVGO Compressor for Sketch
Sketch plugin for compressing svg files.
svg  sketch 
january 2017
Cache-busting in Jekyll, GitHub pages
I’ve always found updating my blog an interesting feat, however with several million users per year (you crazy cats) cache-busting is something I’ve recently...
jekyll 
january 2017
WP REST API: Modifying the JSON Response
Getting use of the rest_prepare_posts filter for modifying the WordPress RESTful API JSON response.
wordpress 
january 2017
E-commerce Site of the Year
RT : Whoa! So our site just got nominated for ecommerce site of the year on

Vote here:
from twitter_favs
january 2017
doiuse...?
doiuse.com: Lint your CSS againt autoprefixer-like browser queries.
css 
december 2016
jquery.event.ue
- jQuery plugin to unify mouse and touch input
javascript  jquery 
november 2016
All-in-One WP Migration
is the only tool that you will ever need to migrate a WordPress site.
wordpress  database 
november 2016
Vagrant: Why?
In a previous post, I mentioned that we — at Fictive Kin — over the past several years have managed to build a development environment that works pretty well, and that I’m proud of. When (if) everythi
november 2016
10 principles for smooth web animations
Since we launched Gyroscope last year, many people have asked about the JavaScript library we use for our animations. We thought about releasing it to the public, but that’s actually not where the…
javascript  css 
november 2016
Seven Simple Daily Prayers
Prayerlessness is the great enemy of true happiness. If you have set it aside or are stuck in a rut, here are seven simple prayers to pray each day.
november 2016
« 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: