LINKDING

Login

Shared bookmarks

Next-level frosted glass with backdrop-filter • Josh W. Comeau

#blur #css #design #effects #howto #physics #webdev | <blockquote>Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most realistic lush frosted glass anywhere on the internet.</blockquote>

11 months ago | View Shared by victor
CSS @property and the New Style

#css #design #html #style

1 year ago | View Shared by victor
Great Animations

#animations #css #design | <blockquote>What it takes to craft great animations.</blockquote>

1 year ago | View Shared by victor
Modern Font Stacks

#css #design #fonts #typography #web | <blockquote>System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.</blockquote>

2 years ago | View Shared by victor
Poline — esoteric color palette generator

#css #design #generator #palettes | <blockquote>poline is lightweight, dependency free and fast JavaScript function written in TypeScript. It draws lines between anchors over polar coordinates to generate pleasing color palettes.</blockquote>

2 years ago | View Shared by victor
Defensive CSS

#css #defensive #design #frontend #layout #overflow #ui | <blockquote>Practical CSS and design tips that helps in building future-proof user interfaces.</blockquote>

3 years ago | View Shared by victor
Adactio: Journal—Declarative design

#css #declarative #design | <blockquote>Defining the inputs instead of trying to control the outputs.</blockquote>

3 years ago | View Shared by victor
Designing Beautiful Shadows in CSS

#css #design #shadows #ui | <blockquote>When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.</blockquote>

4 years ago | View Shared by victor
Table of Contents | The Elements of Typographic Style Applied to the Web

#css #design #reference #type #typography

4 years ago | View Shared by victor
Home | The Component Gallery

#collection #components #css #design #designsystems #gallery #reference #ui | <blockquote>The Component Gallery is a collection of components from the best Design Systems.</blockquote>

4 years ago | View Shared by victor
Continuous Typography / Max Kohler

#css #design #easing #typography | <blockquote>Notes toward a continuous framework for screen typography</blockquote>

4 years ago | View Shared by victor
CSS Auditing Tools — Smashing Magazine

#auditing #check #css #design #quality_assurance #tools #webdev | <blockquote>In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers to get their work done better and faster. Starting out with a few tools for getting to the bottom of CSS.</blockquote>

4 years ago | View Shared by victor
Gradient Generator: Create Beautiful, Smooth Gradients

#css #design #generator #gradient #tools #via:popular

4 years ago | View Shared by victor
Underline Hover Styles for Links | Codrops

#animation #css #design #effect #hover | <blockquote>Some ideas for underline hover styles on links using various techniques.</blockquote>

4 years ago | View Shared by victor
Solved by Flexbox — Cleaner, hack-free CSS

#css #design #frontend #layout #reference

6 years ago | View Shared by victor
Design Patterns on CodePen

#css #design #examples #patterns #ui

7 years ago | View Shared by victor
Design Better Data Tables – uxdesign.cc

#best_practices #css #dataset #design #tables #ui #ux #via:popular

8 years ago | View Shared by victor
Semantic UI

#bootstrap #css #design #framework #pattern #pattern_library #ui #web_app

8 years ago | View Shared by victor
Carbon Design System

#css #design #ibm #styleguide #via:popular #webdesign

8 years ago | View Shared by victor
Hero Patterns | Free repeatable SVG background patterns for your web projects

#css #design #pattern #resource #svg #texture #ui | <blockquote>Zondicons</blockquote>

8 years ago | View Shared by victor
rscss

#css #design #development #layout #naming #style_guide

8 years ago | View Shared by victor
Open Color

#accessibility #colour #css #design #scheme #template

9 years ago | View Shared by victor
René - A Product Design Tool

#artboards #coding #css #declarative_design #design #tool

9 years ago | View Shared by victor
GluePrint - Visually Align with Ease

#alignment #app #css #design #mockup #pixel_perfect #tool

9 years ago | View Shared by victor
Angled Edges with CSS Masks and Transforms | Viget

#accent #angles #clip #css #design #path

10 years ago | View Shared by victor
Structured Typography with Sass Maps

#code #css #design #sass #typography

10 years ago | View Shared by victor
None

#animation #animations #css #design #gallery #inspiration #transition #transitions #ui #ux | Nice UX in six seconds http://t.co/hHLAidjCpx

12 years ago | View Shared by victor
Which responsive images solution should you use? | CSS-TricksCSS-Tricks

#css #design #html #image #images #jquery #mobile #responsive

12 years ago | View Shared by victor
Home – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

#blog #css #css3 #design #html #inspiration #tutorials #typography #web #webdesign

12 years ago | View Shared by victor
Pens picked by the Editors of CodePen

#code #css #css3 #design #html #html5 #javascript #jquery #js #web

12 years ago | View Shared by victor

User

Tags