1323
dgraham/delegated-events
A small, fast delegated event library for JavaScript. -
javascript 
13 days ago
How to age galvanized metal: from shiny new to vintage perfection
Simple step by step tutorial shows you how to age galvanized metal roofing. Give shiny new metal a vintage patina with this tutorial that actually works.
21 days ago
Shape Blobbing in CSS
We just covered shape morphing in SVG, where shapes change from one to another. Let's look at shapes that blob into each other! You know, that gooey
css  animation 
4 weeks ago
Paths
The path element is the most powerful element in the SVG library of basic shapes. You can use it to create lines, curves, arcs and more.
svg 
4 weeks ago
<css-doodle />
A web component for drawing patterns with CSS
css  patterns 
4 weeks ago
Trianglify.io
is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
4 weeks ago
Scroll Bouncing On Your Websites
This article describes the effect of scroll bouncing and how it works on different web browsers. It contains reviews of several different solutions that are suggested on the web that can be used to prevent scroll bouncing. The CSS property, <code>overscroll-behavior</code>, which was implemented in Chrome on December 2017 and in Firefox on March 2018, is also described in this article. A good understanding of this effect is very helpful for building or designing any website that has fixed elements.
css 
5 weeks ago
anime.js
Javascript Animation Engine. Looks like a good, smaller alternative to gsap or pop motion.
javascript  animation 
7 weeks ago
Twitter
Oh my god. Thank you everyone!!!!
from twitter_favs
9 weeks ago
Twitter
The Wilson iOS app that I've been working on is in the App Store! Created and designed by with…
from twitter_favs
10 weeks ago
textFit
A jQuery-free component that quickly fits single and multi-line text to the width (and optionally height) of its container.

Sizes text to be as big as possible without overflowing a container.
js  typography 
11 weeks ago
How to install scripts in InDesign
Follow these simple steps to install scripts in the Scripts panel in any version of Adobe InDesign.
indesign 
12 weeks ago
InDesign CS6 resolution for pixel documents not... | Adobe Community
script to make inDesign think you have a 72dpi monitor so web designs show at actual screen size
indesign 
12 weeks ago
Twitter
Looking into a problem I have with inDesign (yes! sorry!), and there's dealing with the same thing 6 years…
from twitter
12 weeks ago
Granim.js
Create fluid and interactive gradients animations in javascript with this small library.

Animated css gradients
javascript  css 
june 2018
A Strategy Guide To CSS Custom Properties
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.
css 
may 2018
Twitter
User Interface mockups are a lot easier with amazing imagery, but unless you know you’ll always have control over t…
from twitter_favs
may 2018
browserl.ist
A page to display compatible browsers from a browserslist string.
may 2018
Layout Land
Learn what's now possible in graphic design on the web — layout, CSS Grid, and more. A series for designers and web developers. Created by Jen Simmons, Mozil...
css  grids 
may 2018
Twitter
Oooh this minmax work by is 👨‍🍳💋👌
from twitter_favs
may 2018
Twitter
Says at — "our monitoring tells us that around 1% of requests for JavaScript on BuzzFeed tim…
AllDayHey  from twitter_favs
april 2018
Twitter
Typical software company: 1. Backlog of stuff somebody decided the team should do -> 2. “Product” role who really i…
from twitter_favs
april 2018
ScrollMagic
- The javascript library for magical scroll interactions. ScrollMagic helps you to easily react to the user's current scroll position.
javascript 
april 2018
It's Time To Start Using CSS Custom Properties
Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.
css 
april 2018
ES6 DOM Scripting Tricks
Good ES6 tips - like looping and filtering of nodelists
april 2018
axios
Promise based HTTP client for the browser and node.js
javascript 
march 2018
(429) https://twitter.com/i/web/status/976485059292205056
I’ve had an incredible 7 years at and I’ll miss working with the all the great colleagues, partners and…
from twitter_favs
march 2018
ECMAScript modules in browsers
ES modules are landing in browsers! Here are the HTML-specific differences you need to be aware of.
march 2018
bounty
Javascript and SVG odometer effect library with motion blur
march 2018
Twitter
Farewell to our great Dane . He's been with us from day one and we will miss him incredibly. Thank you, An…
from twitter_favs
march 2018
anime
Anime (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.
javascript  animation 
march 2018
Laws of UX
is a collection of the maxims and principles that designers can consider when building user interfaces.
ux  design 
february 2018
Plus Hus
small, modular house or office spaces. Modern design.
home 
february 2018
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.
february 2018
Gradient for EVERY line of a para
##Gradient for EVERY line of a para Using `<mark>` and `box-decoration-break`...
february 2018
Room Acoustics Software
Room EQ Wizard REW, free room acoustics software and audio analysis software
church 
february 2018
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 
february 2018
RPF series
microphone and cat5 electric box covers
church 
february 2018
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 
february 2018
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 
february 2018
philipwalton/flexbugs
flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them.
december 2017
Creating author pages with Jekyll and Siteleaf
Really helpful tutorial for getting related content in siteleaf and jekyll.
jekyll 
december 2017
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
« earlier      
17 1password accessibility agile alldayhey 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 indesign 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: