LINKDING

Login

Shared bookmarks

List Style Recipes | CSS-Tricks

#css #from:Hook #html #list #webdesign | There's some crazy stuff here I didn't know. After 20 years of web dev...

3 years ago | View Shared by ttscoff
Frend — A collection of accessible, modern front-end components.

#a11y #accessibility #css #javascript #webdesign | Frend components are modest and dependency-free. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment.

4 years ago | View Shared by ttscoff
CSS Grid Generator

#css #generator #grid #webdesign

4 years ago | View Shared by ttscoff
Control character — ✔️ ❤️ ★ Unicode® Character Table

#css #unicode #webdesign | <blockquote>Unicode character search web service. Find, copy and paste your favorite characters: 😎 Emoji, ❤ Hearts, 💲 Currencies, → Arrows, ★ Stars and more 🚩</blockquote>

4 years ago | View Shared by ttscoff
Typography.js

#css #javascript #tools #typography #webdesign | <blockquote>A powerful toolkit for building websites with beautiful design.</blockquote>

4 years ago | View Shared by ttscoff
High Performance Animations - HTML5 Rocks

#animation #css #optimization #performance #webdesign | <blockquote>A deep dive into getting faster animations in your projects. We'll discover why modern browsers can animate these four properties cheaply: position, scale, rotation and opacity.</blockquote>

4 years ago | View Shared by ttscoff
Animatable CSS properties - CSS: Cascading Style Sheets | MDN

#animation #css #transitions #webdesign | Certain CSS properties can be animated using CSS Animations or CSS Transitions. Animation means that their values can be made to change gradually over a given amount of time.

4 years ago | View Shared by ttscoff
A Complete Guide to Grid

#css #grid #webdesign | CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike

4 years ago | View Shared by ttscoff
8 useful CSS tricks: Parallax images, sticky footers and more

#css #webdesign | This article shares some of my most satisfying “ah-hah!” moments learning CSS, and I hope it can prompt some “ah-hah!” moments for you too. CSS is a unique language. At first glance, it can seem…

4 years ago | View Shared by ttscoff
Customizing GitHub Gists / Coder's Block

#css #gis #github #webdesign | Multiple ways to apply styles to embedded GitHub gists.

4 years ago | View Shared by ttscoff
:nth Tester

#css #nthchild #webdesign | nth-child and nth-of-type selector tester

5 years ago | View Shared by ttscoff
11 JavaScript Animation Libraries For 2019 - Bits and Pieces

#animation #css #javascript #webdesign | 11 Of the best Javascript and CSS animation libraries to use in 2019. Scrollers, loaders, 3d, popmotion, drawings for SVG and DOM. Discover Anime.js, Three.js, Mo.js, Typed.js, Velocity and much more.

5 years ago | View Shared by ttscoff
Media Queries for Standard Devices | CSS-Tricks

#css #mediaqueries #webdesign #webdev | This page lists a ton of different devices and media queries that would specifically target that device. That's probably not generally a great practice, but it is helpful to know what the dimensions for all these devices are in a CSS context.

5 years ago | View Shared by ttscoff
Finally, a CSS only solution to :hover on touchscreens

#css #toread #webdesign | There have been problems with the :hover pseudo-class ever since the first web browser was installed on a touchscreen device. Of course there were solutions, but none of those were the solution…

5 years ago | View Shared by ttscoff
Practical CSS Scroll Snapping | CSS-Tricks

#css #toread #webdesign | CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building

5 years ago | View Shared by ttscoff
Flexy Boxes — CSS flexbox playground and code generation tool

#css #flexbox #generator #webdesign | Online CSS flexbox playground and code generator. Supports all existing flexbox implementations.

5 years ago | View Shared by ttscoff
Flex — A FlexBox Builder.

#css #flexbox #tool #webdesign | Quick tool for visualizing and generating code for CSS flexbox arrangements.

5 years ago | View Shared by ttscoff
CSS Triggers

#css #reference #webdesign | Chart of browser support for CSS triggers/rules

5 years ago | View Shared by ttscoff
CSS Explain

#css #tool #webdesign | Like SQL EXPLAIN but for CSS selectors.

5 years ago | View Shared by ttscoff
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts

#calculator #css #font #rhythm #typography #webdesign

5 years ago | View Shared by ttscoff
WebGradients.com

#.blogit #color #css #design #gradient #sketchapp #webdesign | I'll admit it, I'm not great with designing gradients. This free, curated collection of 180 linear gradients is a welcome addition to my toolbox. Download them in CSS3, Photoshop and Sketch formats.

6 years ago | View Shared by ttscoff
Bttn.css - Demo

#button #css #webdesign | Bttn.css library demo

7 years ago | View Shared by ttscoff
Pantsuit: The Hillary Clinton UI pattern library

#.blogit #css #styleguide #webdesign | Worth blogging based on the name alone, this is the internal design system for Hillary Clinton's campaign.

8 years ago | View Shared by ttscoff
Wing

#css #framework #webdesign | A minimal css framework.

8 years ago | View Shared by ttscoff
engageinteractive/front-end-baseplate - _mixins.scss

#.blogit #css #sass #webdesign | The mixins from Engage Interactive's front-end baseplate are huge timesavers. For some highlights, see [10 Sass (SCSS) mixins you should be using in your projects](http://engageinteractive.co.uk/blog/top-10-scss-mixins).

8 years ago | View Shared by ttscoff
How well do you know CSS display?

#.blogit #css #webdesign | A wide-area overview of the display property in CSS. Worthwhile reading even if you've been designing web pages for years.

8 years ago | View Shared by ttscoff
anime.js

#.blogit #animation #css #javascript #webdesign | A flexible, lightweight JavaScript animation library using CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

8 years ago | View Shared by ttscoff
Cutestrap

#.blogit #bootstrap #css #grid #webdesign | A tiny Bootstrap alternative for web designers who just want grid and typography features. Pure CSS (with Sass), including tools for easily creating and adjusting vertical rhythm, consistent form fields and grid layouts.

8 years ago | View Shared by ttscoff
matejlatin/Gutenberg: A meaningful web typography starter kit.

#.marked #css #typography #webdesign | Gutenberg - A meaningful web typography starter kit.

8 years ago | View Shared by ttscoff
Flexbox Patterns

#css #flexbox #pattern #tutorial #webdesign | Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end. You can start using these patterns in your own code right away, though I recommend you apply accessibility best practices to the markup (like using semantic HTML5 elements).

8 years ago | View Shared by ttscoff

Previous
1
2
3
...
5
Next

User

Tags