Chap
I'm loving contrasted sans lately, and this is one of the best examples I've found. Beautiful.
typeface  fresh_signals 
26 days ago
Google Web Fonts Typographic Project
*Hand-picked tales from Æsop’s fables with hand-picked type from Google fonts*

Really excellent font pairings from Google Fonts.
design  fonts  typography  webdesign 
5 weeks ago
Jost*
A fantastic, modern typeface based on Futura. I'm really excited about variable fonts, and this is a great example.
typeface  variable_fonts 
5 weeks ago
The Kubrick Site: Joseph Gelmis' '2001' Reviews
The Kubrick Site: Joseph Gelmis' '2001' Reviews via Instapaper http://ift.tt/2hXMGLY
IFTTT  Instapaper 
november 2017
ncrocfer/clf · GitHub
Commandlinefu.com is the place to record awesome command-line snippets. This tool allows you to search and view the results into your terminal.
cli  command_line  snippets 
march 2015
animatedModal.js
Animated, fullscreen modals with CSS3 transitions.
webdev  css3  css  modal  transitions  plugins 
march 2015
Redshift
Redshift adjusts the color temperature of your screen according to your surroundings. This may help your eyes hurt less if you are working in front of the screen at night. This program is inspired by f.lux
Windows  sleep  light  flux 
february 2015
sdegutis/mjolnir
mjolnir - Lightweight automation and productivity app for OS X
menubar  automation  osx  utility 
january 2015
tadeuzagallo/GithubPulse
GithubPulse - OS X StatusBar app to help you remember to contribute every day on Github
app  menubar  github  osx 
january 2015
Centering in the Unknown | CSS-Tricks
When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. S
css  webdev  working-with-the-unkown 
january 2015
(Ab)using CSS3's :nth-child selector to invent new ones | grack
CSS3’s :nth-child and :nth-last-child selectors are powerful: not only can they replace :first-child and :last-child, but they can style more complex patterns like the first (or all but the first) three children, every fourth child, or combinations of the pattern “a*n+b”.
But did you know that you can do more interesting things with the selectors? For example, you can style the third element, but only when it’s one of five child (the virtual :nth-of-m-child selector we’ll discuss below). Or that you can style all of the children of an element with m children (another virtual selector we’ll call :family-of-m).
webdev  css  selectors  working-with-the-unkown 
january 2015
Illustrator SVG Exporter
illustrator-svg-exporter - A better way to generate SVGs from Illustrator.
svg  illustrator  design  web 
january 2015
Stop Making Users Explore — Medium
“When customers buy quarter inch drills, they really are buying quarter inch holes.”
research  UX 
october 2014
How to mirror your iPhone with a Lightning cable using QuickTime in OS X Yosemite — Medium
If you’re on OS X Yosemite, you can now easily create screen captures and mirror your iOS device to your computer using your Lightning USB cable and QuickTime. This is super useful for presenting live demos of your app or prototypes without having to worry about your wi-fi connection, which is often an issue with other mirroring apps. This feature also works great for recording a usability session with test users, or for documenting UI bugs.
usability  development  iOS  reference 
october 2014
Bohemian Coding - Preferences
`defaults write com.bohemiancoding.sketch3 exportCompactSVG -bool yes`

`defaults write com.bohemiancoding.sketch3 svgExportSkipAssignIdToLayerName -bool yes`
sketch  svg  design 
october 2014
SVG `symbol` a Good Choice for Icons | CSS-Tricks
You could design an icon set where the icons all had the exact same aspect ratio. But that's probably not typically going to be the case. The container aro
css  svg  icons  symbol  webdesign 
october 2014
Writing CSS (and SASS) that doesn’t suck - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan
Working at an agency, I sometimes have the pleasure (misfortune?) of taking over a front–end project started by a freelancer that we’ve brought in. More regularly, I inherit some code written by a developer in our team at TMW, but front–end may not be their main skill.
css3  css  sass  research 
september 2014
The Typekit Blog | About Face: Prenton
A nice alternative to Gill Sans that's even fit for body text.
typeface  typography  alternatives 
september 2014
GitPrep - Github clone. you can install portable github system into unix/linux.
GitPrep is Github clone. you can install portable github system into unix/linux. You can create users and repositories without limitation. This is free software.
git  github  hosting  homeserver 
september 2014
slap
“slap: slap is a Sublime-like terminal-based text editor that strives to make editing from the terminal easier.”

From “slap”

One Thing Well

http://onethingwell.org/post/95912557413
CLI  development  webdev  code 
august 2014
Save even more time with TextExpander snippet nesting
“One of the features that TextExpander offers is the ability to nest snippets inside of one another.”

From “Save even more time with TextExpander snippet nesting”

BrettTerpstra.com

http://brettterpstra.com/2014/08/05/save-even-more-time-with-textexpander-snippet-nesting/
textexpander 
august 2014
svg/svgo-gui
svg optimizer, now with drag/drop UI
svg  optimization  graphics  tools  via:inrgbwetrust 
june 2014
Launched
A [web-based] launchd.plist generator
osx   
june 2014
gitbook
GitBook is a command line tool (and Node.js library) for building beautiful programming books and exercises using GitHub/Git and Markdown.
book  git  github 
may 2014
wallabag
wallabag is a self hostable application for saving web pages. Unlike other services, wallabag is free (as in freedom) and open source. A self-hosted alternative to Instapaper et al., with a brace of ‘read later’ browser extensions and apps.
readlater 
may 2014
spritesmith
Utility that takes image files and generates spritesheets and coordinate maps.
css  images  sprites 
may 2014
imap-backup
Backup GMail (or other IMAP) accounts to disk
IMAP  backup 
may 2014
Draft. Write Better.
As well as offering well-thought-out version control this web-based text editor syncs with Dropbox, Evernote, Box & Google Drive, makes it easy to publish your work on a long list of platforms, and comes with a Chrome extension that lets you edit textareas across the web with Draft.
writing 
april 2014
Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch
Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered to the client.
css  webdesign  responsive 
april 2014
gource - software version control visualization - Google Project Hosting
Gource is a software version control visualization tool. Software projects are displayed by Gource as an animated tree with the root directory of the project at its centre. Directories appear as branches with files as leaves. Developers can be seen working on the tree at the times they contributed to the project.
git 
april 2014
imitone: Mind to Melody
imitone is an app for PC and Mac which transforms your voice into musical notes, live. As you sing—or whistle, or hum—imitone instantly converts the sound into MIDI signals which can control almost any music software.
music 
april 2014
Font-To-Width
Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.
jquery  web  javascript  typography  css  resource  framework 
april 2014
Team-Sass/modular-scale
A modular scale is a list of values that share the same relationship. These values are often used to size type and create a sense of harmony in a design. Proportions within modular scales are all around us from the spacing of the joints on our fingers to branches on trees. These natural proportions have been used since the time of the ancient Greeks in architecture and design and can be a tremendously helpful tool to leverage for web designers.
sass  css 
march 2014
ScrollMagic - The jQuery plugin for magical scroll interactions.
The jQuery plugin for magical scroll interactions. ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar.
jquery  javascript  scroll  parallax  webdev  js  resource  library  framework 
march 2014
Dug.js — A JSONP to HTML Script — Rog.ie
So you want to display your Dribbble shots, recent pins on Pinterest, 500px or Instagram photos, Github commits, or recently listened to music on your blog or site? Then this chunk of javascript is for you. It was designed to be a lightweight, simple, library-independent script to pull in feeds of content available on the web as JSONP (there's lots of em!) to display on your site.
html  javascript  json  jsonp  development  api  webdesign 
february 2014
Scam Stud « Science-Based Medicine
Silly me. Reality, as I understand it, is often if little interest to proponents of SCAM. This was brought home by the Food Babe with an essay Should I get the Flu Shot? Spoiler alert. Her answer is “No, I’m not taking the Flu Shot. Ever.”
medicine  science  debunking 
february 2014
“SVG Workflow for Designers,” an article by Dan Mall
Since all the cool kids are going the SVG route, I figured I’d try my hand at it too. I seem to have arrived at a decent workflow for creating quick vector assets with really small file sizes. If anything, I’m just writing this down so I can remember it for next time.
webdesign  design  svg  images 
january 2014
Flow Up
A jQuery plugin that makes content flow up as you scroll down. This plugin is based on Eric Wenn’s implementation but it has important fixes and improvements.
jquery  javascript  animation  webdesign 
january 2014
Profound Grid | A grid system for fixed and fluid layouts
A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

The most complicated of the <abbr>CSS</abbr> grid systems I’m looking into. It has a learning curve for those of us not accustomed to Sass mixins, but it’s fluid, semantic, and precise.
css  responsive  sass  framework  grid  fluid  webdesign  gridsystem 
january 2014
Simple Grid
Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.

Another <abbr>CSS</abbr> grid system I’m looking into. I like the flexibility a lot, but it’s not as fluid (based on a 1140px max-width) as some others I’m looking into.
webdesign  css  framework  grid  gridsystem 
january 2014
mourner/dead-simple-grid
dead-simple-grid - Dead Simple Grid is a responsive CSS grid micro framework that is just that. Dead simple.

This seems really impressive, and I love the idea of a 250 <em>byte</em> layout stylesheet (that features an impressive <em>two</em> classes.
design  css  grid  framework  gridsystem  fluid 
january 2014
Vellum | Create Beautiful eBooks for iBooks, Kindle, and Nook
CREATE BEAUTIFUL EBOOKS FOR IBOOKS®, KINDLE®, AND NOOK® Whether you’re publishing your first book or your fifteenth, you’ll be amazed at how easy it is to create beautiful eBooks with Vellum. Available for Mac OS X.
ebook  publishing 
january 2014
Reinvented Software - Feeder for Mac
Feeder is an application for creating, editing and publishing RSS feeds on Mac OS X. Whether it’s a news feed for your site or a podcast, Feeder makes it simple.
RSS 
january 2014
Let.ter | The tiny email app
Let.ter is a new approach to email, one that lets you focus on your message without the distractions of your email inbox. No notifications, no inbox zero to achieve, no folders and tags and complexities. Just you and your email.
email  markdown  minimal 
january 2014
codepad
codepad is an online compiler/interpreter, and a simple collaboration tool. Paste your code… and codepad will run it and give you a short URL you can use to share it in chat or email.
code  colaboration 
january 2014
Project Hubs: A Home Base for Design Projects ◆ 24 ways
A really smart way to minimize confusion and emails when working with clients.
webdesign  design  projectmanagement  24ways 
january 2014
Responsive Nav — Responsive Navigation Plugin
Responsive navigation plugin without library dependencies and with fast touch screen support.
responsive  javascript  webdesign  navigation  mobile 
january 2014
« earlier      
1920's 24ways absurdistwords alternatives animation api app archiving art article audio automation backup book branding breakfast brett_terpstra business carousel cli clientwork code colaboration color color_theory command_line conspiracy css css3 culture david_desandro debunking decoration design dessert dev development ebook email favicon fieldrecordings film fluid flux fonts food framework freelance fresh_signals funny git github gmo google grandpa graphics grid gridsystem hardware health history homeserver hosting html html5 humor icons ifttt illustrator images imap infographic inspiration instapaper interesting ios jason_santa_maria javascript jekyll jquery js json jsonp keyboard letterpress library light linguistic logic logo logotype mac maps markdown medicine menubar minimal mobile modal music nature navigation neuroscience noise notation openmeta opentype optimization osx parallax philosophy phone phonegap pictures plugin plugins presentation privacy problemsolved: problemsolved:addopenmetatohazel problemsolved:disableadobeupdater problemsolved:hideaddressbarmobilesafari problemsolved:installcli problemsolved:locationbasedsettings problemsolved:testinginie productivity programming projectmanagement psychology publishing quicklook racism readlater recipe reference regex regular_expressions research resource resources responsive rss sass science scroll selectors services simpsons skepticism sketch sleep slider smitten_kitchen snippets software software:design sprites study svg symbol tag terminal text textexpander tool tools touch transitions tutorial typeface typekit typography ui unread usability utility ux variable_fonts via:inrgbwetrust via_coudal via_panic web webdesign webdev windows wordpress working-with-the-unkown writing yosemite

Copy this bookmark:



description:


tags: