Keeping aspect-ratio with HTML and no padding tricks
For a long time we’ve been told the only way to have a DOM element keep a fixed aspect ratio without Javascript is with the % padding trick. Like here:…
css  svg  ratio 
7 days ago
Vim: you don't need NERDtree or (maybe) netrw | George Ornbo
Vim's netrw file browser is good enough. With a few tweaks there is no need for plugin like NERDtree. For many tasks you may not even need netrw.
vim  nerdtree  netrw 
7 days ago
CSS Gradient
CSS Gradient is a happy little website and free tool that lets you create gradients for the web. It's also chock-full of colorful content about gradients from technical articles to real life examples like Stripe and Instagram.
color  css  generator  gradient  tool 
9 days ago
Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
canvas  drawing  javascript  sketch 
9 days ago
A JavaScript API for drawing unconventional text effects on the web.
javascript  text  typography  effect  animation  webgl  three.js  library 
24 days ago
7 Practical Tips for Cheating at Design – Refactoring UI – Medium
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…
design  ui 
24 days ago
Product Designer in San Francisco - Moe Amaya
An independent digital product designer currently based in San Francisco. Clients include Spoke, MIT, Teespring, and Flux.
4 weeks ago
Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmarking
webdesign  gallery  japan 
4 weeks ago
Winamp 2.9 reimplemented in HTML5 and JavaScript
winamp  javascript 
5 weeks ago
Free customizable SVG Backgrounds
SVG Backgrounds hosts a collection of free to use customizable SVG-based repeating backgrounds for websites and blogs
svg  background  generator 
6 weeks ago
Cameron's World
🌍 A web-collage of text and images excavated from the buried neighbourhoods of GeoCities.
geocities  gif  internet  history  culture  webdesign 
6 weeks ago
GeoGebra - Dynamic Mathematics
Discover math on, the home of our free online graphing calculator, geometry calculator, 3D calculator, spreadsheet, CAS, probability calculator and classroom activities
geometry  math  graphing 
6 weeks ago
Letters from Sweden: Rough Around the Edges — Fontstand
Sometimes, typefaces don’t need to be polished or gentrified to get the job done. They just need to be the way their designer thinks — or feels — they
article  typography  letters-from-sweden 
6 weeks ago
opentype.js – JavaScript parser/writer for OpenType and TrueType fonts.
A JavaScript library to manipulate the letterforms of text from the browser or node.js.
opentype  javascript  parser 
6 weeks ago
Review: the iPhone X – 512 Pixels
My review of the iPhone X, three months into ownership:
review  iphone 
7 weeks ago
Adele - Design Systems and Pattern Libraries Repository
Dozens of design systems and pattern libraries thoroughly analyzed. Learn, enjoy, contribute!
design-systems  design-pattern  resource 
8 weeks ago
The Global Goals
In September 2015, 193 world leaders agreed to 17 Global Goals for Sustainable Development. If these Goals are completed, it would mean an end to extreme poverty, inequality and climate change by 2030.
9 weeks ago
I’m harvesting credit card numbers and passwords from your site. Here’s how.
The following is a true story. Or maybe it’s just based on a true story. Perhaps it’s not true at all. It’s been a frantic week of security scares — it seems like every day there’s a new…
security  web  csp 
10 weeks ago
Open Directory
Open Directory is a website showcase and growing directory of Agencies, Design Studios, Designers, Developers, Type Foundries and other resources.
gallery  webdesign 
11 weeks ago
How to draw oscilloscope lines with math and WebGL – m1el – Byte Juggling
When I saw oscilloscope music demos, they amazed and inspired me.

Observing a clever use of interaction between sound and an electron beam is a unique experience.

Some awesome oscilloscope music videos:
Oscillofun and

However, I could not find any beautiful oscilloscope emulators.
Lines produced by most emulators barely look like real oscilloscope lines at all.

Because of that I made a cool WebGL demo — woscope,
which is a XY mode oscilloscope emulator.

In th...
webgl  oscilloscope 
11 weeks ago
Overview -
react redux nodejs boardgame
game  programming  boardgame  javascript 
december 2017
JavaScript End to End Testing Framework |
Fast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing.
browser  javascript  testing 
december 2017
Percentage Change Calculator
Calculating percentage change and expressing an increase or decrease. ( ΔV / |V1| ) * 100 = ((V2 - V1) / |V1|) * 100 = percentage change. Positive percentage change is an increase and negative is a decrease. How to calculate percentage change and percentage formula.
calculator  math  tool 
december 2017
The State of Design – Pete Lacey – Medium
Bla bla bla bla blaaa blaaa bla blaa blaaaaaa bla bla bla blaaa bla bla blaa bla? Bla bla. Bla bla blaaa bla bla blaa — blaa blaaa bla bla bla bla bla. Bla bla bla bla blaaa blaaa bla blaa blaaaaaa…
humor  design  medium  article 
december 2017
Let’s Chart: stop those lying line charts – Signal v. Noise
I want to talk about one of the most basic tasks a data analyst will be asked to do on a regular basis: present some data over a period of time. Let’s look at a chart of monthly sales from Noah’s…
svn  article  charts 
november 2017
How to use SVG as a Placeholder, and Other Image Loading Techniques
Excited to announce that Gatsby now has super simple support for traced SVG! Thanks to @fk for his great work!
svg  images  loader  preload  javascript  canvas 
november 2017
Sweet studio
We are a venture studio dedicated to the early stages of the founders journey.
We co-create and fund companies by combining expertise, capital and execution craft.
november 2017
Helmet helps you secure your Express.js apps by setting various HTTP headers. It's not a silver bullet, but it can help!
express  security  node.js  middleware 
november 2017
Typographics 2016: Text and Type, Tobias Frere Jones - YouTube
This talk took place on Friday June 17, 2016 in The Great Hall at The Cooper Union as part of Typographics. Tobias Frere-Jones will look at the mechanics of...
typography  talk  youtube  tobias-frere-jones  typographics 
october 2017
My Collection of Things
I’ve found what I think are the best products in most categories that most
people need. These are personal recommendations based on design and
home  things  collection 
october 2017
Schick Toikka
Schick Toikka is a type foundry and graphic design studio established in 2010 by Florian Schick and Lauri Toikka.
typography  type-foundry 
october 2017
npm trends: Compare NPM package downloads
Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner!
javascript  library  npm  comparison 
october 2017
« earlier      

Copy this bookmark: