linkding

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

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

Gridlover

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

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

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

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

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

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

12 Incredible CodePen.IO Demos

#blogit #css #webdesign | These really are incredible. CSS/Canvas experiments found by David Walsh on CodePen.IO.

12 years ago | View Shared by ttscoff

Media Queries

#Inspiration #blogit #css #design #responsive #webdesign | A gallery site with some good inspiration for your next responsive design.

12 years ago | View Shared by ttscoff

Toggle Element State with Chrome and Firefox

#blogit #css #debug #webdesign | Whoa, handy. If you work with CSS, this is a great tip for using tools you already have.

12 years ago | View Shared by ttscoff

debugCSS.css

#blogit #css #html #webdesign | Handy stylesheet from Yahoo for quickly finding legacy/malformed markup in HTML documents.