linkding

#blogit #color #webdesign | A cool tool for rapid color scheme creation. It can export PNG, CSS, Sass, and LESS files.

10 years ago | View Shared by ttscoff

#alerts #blogit #javascript #ui #webdesign | If you're a front end web developer, alert boxes and confirmation dialogs are an important tool. This is a fast, good-looking way to ditch `alert()` without much effort.

10 years ago | View Shared by ttscoff

Duo - A next-generation package manager for the front-end.

#blogit #javascript #packagemanager #webdesign #webdev | This looks hot. I haven't tried it out yet, but it does away with some of the less convenient parts of Component or Browserify. Smart.

10 years ago | View Shared by ttscoff

ViewFlux - Feedback, Prototyping & Collaboration for Designers

#blogit #collaboration #design #feedback #prototyping #webdesign | I've been testing this out and it's a great tool for anyone who needs to share designs and receive feedback. You can generate clickable prototypes, add annotations, and it includes versioning and archiving.

10 years ago | View Shared by ttscoff

Using Sass source maps in WebKit Inspector

#blogit #css #sass #sourcemaps #webdesign | If you use a CSS preprocessor, source maps are the awesome. Here's some info for using them with Sass.

10 years ago | View Shared by ttscoff

Beautiful web type — the best typefaces from the Google web fonts directory

#blogit #font #google #typography #webdesign | Ever spend an hour trying to find a decent font in Google's [web font collection](http://www.google.com/fonts/)? This page highlights a few really great fonts/combinations. Beautiful.

10 years ago | View Shared by ttscoff

Steady.js

#blogit #javascript #scroll #webdesign | If you've ever worked with throttling onScroll handlers in a web page, this looks like a clever solution. I've been doing ok with a jQuery debounce/throttle combination, but this allows a callback function to delay the handler until a task is finished.

10 years ago | View Shared by ttscoff

Single Element CSS Spinners

#ajax #blogit #css #spinner #webdesign | If you design web pages, you're going to need one of these eventually. Nice collection of CSS "spinners" for loading feedback.

10 years ago | View Shared by ttscoff

Jeet Grid System

#blogit #css #framework #grid #sass #webdesign | A Sass grid system that allows for more "human" syntax and less nesting of elements.

10 years ago | View Shared by ttscoff

Faster Sass debugging and style iteration with source maps, Chrome Web Developer Tools and Grunt

#blogit #chrome #compass #sass #webdesign | I just got this working last night and it's awesome. The Chrome Inspector can point me right to a line in a Sass partial... (requires bleeding edge Sass/Compass).

10 years ago | View Shared by ttscoff

Gridlover

#blogit #css #typography #webdesign | A really handy tool for quickly generating baseline grids and vertical rhythm.

10 years ago | View Shared by ttscoff

BrowserSync: Time-saving synchronised browser testing.

#blogit #grunt #webdesign | A very handy tool if you develop anything for the web. Have changes to your files trigger refreshes in multiple browsers, and have scrolls, clicks and form actions execute in all browsers simultaneously.

10 years ago | View Shared by ttscoff

Why “just use Adblock” should never be a professional answer

#advertising #blogit #webdesign | A good read from Christian Heilmann on the effects of web advertising.

10 years ago | View Shared by ttscoff

Browser Testing Report: Browser Test & Performance Testing | Modern.IE

#blogit #ie #webdesign | As part of Modern.IE, a site scanner to detect coding problems for older versions of IE. Open source version available.

10 years ago | View Shared by ttscoff

Stick your landings! position: sticky lands in WebKit

#blogit #css #webdesign | This is an old post, but I just now realized that `position: -ebkit-sticky` is now working in current versions of Chrome and Safari. Even in [Marked](http://marked2app.com)...

10 years ago | View Shared by ttscoff

LayoutIt! - Interface Builder for Bootstrap

#blogit #bootstrap #tools #webdesign | A drag & drop builder for Bootstrap 3 projects.

10 years ago | View Shared by ttscoff

JamieMason/ImageOptim-CLI

#blogit #compression #grunt #image #optimization #webdesign | All of my favorite image compression programs on the command line, complete with a Grunt plugin for automation.

10 years ago | View Shared by ttscoff

Rubberband

#blogit #jquery #responsive #webdesign | We created something similar to this for the Engadget relaunch. It's an essential tool for responsive design and allows modular loading and unloading of assets at viewport breakpoints.

10 years ago | View Shared by ttscoff

Quickly toggling elements in the Web Inspector

#blogit #css #webdesign #webinspector #webkit | A very handy trick from Bricss, including a tip for toggling "display:none" with the same hotkey.

11 years ago | View Shared by ttscoff

Demo - jQuery.JamCity (1.1)

#blogit #jquery #lastfm #plugin #webdesign | That's it. I'm re-creating my [Last.fm page](http://brettterpstra.com/last-fm/) with this.

11 years ago | View Shared by ttscoff

Emmet LiveStyle

#blogit #css #live #sublimetext #webdesign | "Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing..." I mentioned this on [Systematic #64](http://5by5.tv/systematic/64), but it's cool enough to mention again. [Takana](http://blog.usetakana.com/) does very similar, too. Connect Chrome/Safari directly to Sublime Text and edit live. Takana supports Sass and others, too.

11 years ago | View Shared by ttscoff

qlImageSize

#blogit #quicklook #webdesign | I missed this when it was new, but I'm glad I found it now. It's such a handy plugin, especially for web designers, displaying dimensions and file size for any image you QuickLook (including `qlmanage -p` from the command line).

11 years ago | View Shared by ttscoff

jasonreece/css-burrito

#blogit #css #sass #webdesign | A simple SASS/CSS framework to assist in implementing OOCSS, SSMACSS and MVCSS. That was a whole lot of acronyms. Dizzy? I really like the "shame" section in the application.css.scss file. A place to put quick hacks and fixes that you can clean up later, rather than leaving them strewn around a whole directory structure. Good thinking.

11 years ago | View Shared by ttscoff

Create Your Icon Fonts - Free icon Vectors - Fontastic

#@fontface #blogit #fonts #generator #webapp #webdesign #webfont | An amazing resource for building your own icon webfonts, with the ability to remap the fonts to easy-to-remember and identify class names.

11 years ago | View Shared by ttscoff

Transit - CSS transitions and transformations for jQuery

#animation #blogit #jquery #plugin #transforms #transition #webdesign | Super-smooth transitions/animations for jQuery.

11 years ago | View Shared by ttscoff

TCel

#blogit #webdesign | Overlay images when converting to HTML/CSS for pixel-perfect layouts. Allows viewing individual PSD layers and supports clickthrough to the design below.

11 years ago | View Shared by ttscoff

10 Super Useful Free Icon Font Sets

#blogit #fonts #icons #webdesign | Icon fonts can be a really useful tool in lightweight web design. These sets are a pretty good place to start with a lot of commonly useful pictographs.

11 years ago | View Shared by ttscoff

Sketch VS Photoshop

#blogit #design #graphics #vector #webdesign | I ponied up for Sketch after reading this. I had dropped Illustrator a while back and had just been using Photoshop's vector tools, but Sketch offers some great features for web and app developers. I don't know yet if it will stick, but I'm continually pleased to see indie developers (also see: [Acorn](http://www.flyingmeat.com/acorn/) and [Pixelmator](https://itunes.apple.com/us/app/pixelmator/id407963104?mt=12&partnerId=30&siteID=vRL5rYo4h5A)) offering valid alternatives to Adobe's overpriced --- albeit powerful --- products.

11 years ago | View Shared by ttscoff

begriffs/css-ratiocinator

#blogit #css #webdesign | Automatic refactoring of CSS ot remove redundant styles. Really cool.

11 years ago | View Shared by ttscoff

cdnjs - the missing cdn

#blogit #css #javascript #webdesign | There are currently 256 different JS, CSS and other handy bits hosted on cdnjs for inclusion in your projects. Handy.

11 years ago | View Shared by ttscoff

LINKDING

Shared bookmarks

User

Tags