LINKDING

Login

Shared bookmarks

Basscss

#css #framework #webdesign | Basscss is a lightweight collection of base element styles, immutable utilities, layout modules, and color styles designed for speed, clarity, performance, and scalability.

9 years ago | View Shared by ttscoff
type.js

#.marked #css #javascript #typography #webdesign | Type.js allows you to write new CSS properties to take finer typographic control of type styles on the web.

9 years ago | View Shared by ttscoff
Streamlining Our Proposal Writing Process

#.blogit #.marked #css #design #git #markdown #marked #webdesign | LaCroix Design Co. wrote up how they use Markdown and [Marked 2](http://marked2app.com) to quickly and easily create beautiful client proposals.

9 years ago | View Shared by ttscoff
animatedModal.js

#.blogit #animation #css #javascript #jquery #modal #popup #webdesign | "a jQuery plugin to create a fullscreen modal with CSS3 transitions." These are slick.

9 years ago | View Shared by ttscoff
15 Beautiful Text Effects Created With CSS

#css #effects #text #webdesign | Beautiful text or typography will make your design look attractive. In web design, CSS helps to give style to design including various effects in text or typography. With CSS, you can use clipping and add animation to text to spice things up a little.

9 years ago | View Shared by ttscoff
Quantity Queries for CSS · An A List Apart Article

#css #nthchild | In this article, I will be outlining a technique to make CSS quantity-aware using specially formed selectors. I will be applying these selectors to one classic problem in particular: how to alter the display of items in a horizontal navigation menu when there are too many to suit the initial layout mode. That is, I will demonstrate how to switch from a display: table-cell to a display: inline-block layout when the number of items in the menu becomes “more than or equal to 6.”

9 years ago | View Shared by ttscoff
CSS Content Filter | CodyHouse

#animation #css #panel #webdesign | A slide-in filter panel powered by CSS and jQuery.

9 years ago | View Shared by ttscoff
Viewport Sized Typography

#.blogit #css #typography #webdesign | Yes, Chris wrote this in 2012, but I'm just now finding time to play with it. The `vw` and `vh` sizing meaurements in CSS allow elements to size based on viewport dimensions. Played with it a bit and it's really cool in Chrome and Safari. I should probably start testing stuff in Firefox again...

9 years ago | View Shared by ttscoff
Why and how I ditched icon fonts in favor of inline SVG

#css #fontface #svg #webdesign | Icon fonts have a few nasty problems that icon font makers rarely make you aware of. Here’s a few of these problems...

9 years ago | View Shared by ttscoff
FichteFoll/CSScheme

#blogit #css #plugin #sublime #sublimetext #theme | Creating custom themes for text editors doesn't get much easier than this. Use Sass, SCSS, Stylus, or CSS to define your scopes and attributes, then turn it into a Theme for Sublime or TextMate (or any tmtheme-compatible editor).

10 years ago | View Shared by ttscoff
Axiomatic CSS and Lobotomized Owls · An A List Apart Article

#css #selectors #webdesign | I’m happy to concede that when some of you saw the two asterisks in * + * at the beginning of this article, you started shaking your head with vigorous disapproval. There is a precedent for that. The universal selector is indeed a powerful tool. But it can be good powerful, not just bad powerful. Before we get into that, though, I want to address the perceived performance issue.

10 years ago | View Shared by ttscoff
csstyle Clean, Simple Styling for the Web

#css #sass #webdesign | csstyle is a modern approach for crafting beautifully maintainable stylesheets. The csstyle method is implemented using a set of SASS mixins that make your CSS readable and semantic, generate your selectors for you, and automatically handle things like specificity and nesting. csstyle makes your project's styling refreshingly consistent

10 years ago | View Shared by ttscoff
Scut

#css #sass #webdesign | You can think of the word Scut as an acronym for Sass-CSS Utitilies. Or think of it this way: Scut will help you, the frontend laborer, do your scut work.

10 years ago | View Shared by ttscoff
Working with CSS Preprocessors - Sourcemaps

#css #sass #sourcemaps #webdesign

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
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
GUFF

#css #mixin #sass #webdesign

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
Playing with CSS3 Animations - Designmodo

#animation #css #tutorial | To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.

10 years ago | View Shared by ttscoff
Item Transition Inspiration

#Inspiration #animation #css | CSS3 animations

10 years ago | View Shared by ttscoff
Refills

#bourbon #components #css #framework #patterns #sass

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
Magic Animations CSS3

#animation #css

10 years ago | View Shared by ttscoff
flexbox in 5 minutes

#css #flexbox #webdesign

10 years ago | View Shared by ttscoff
visionmedia/move.js

#animation #css #javascript | CSS3 backed JavaScript animation framework

10 years ago | View Shared by ttscoff
Fullscreen Pageflip Layout with BookBlock

#animation #css #pagination #presentation

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
CodePen - Top Pens of 2013

#blogit #css #javascript | So much CSS/JS awesome.

10 years ago | View Shared by ttscoff
Caption Hover Animations

#animation #caption #css #hover #image #tutorial | This is an example of caption animation while hovering on images, using CSS3 transitions and transform rules. There is no Javascript used so it will work on modern browsers where CSS3 animations are supported. Please check the sourcecode of this page to understand how the animation is working.

10 years ago | View Shared by ttscoff
Markedstyle

#blogit #css #marked | The start of a better interface for sharing Marked Custom Styles, by Matt Stauffer. Now we just need to work out live previews of available styles…

10 years ago | View Shared by ttscoff

Previous
1
2
3
4
5
...
10
Next

User

Tags