Different Ways to Get CSS Gradient Shadows
It’s a question I hear asked quite often: Is it possible to create shadows from gradients instead of solid colors? There is no specific CSS property that does
css
Moving Backgrounds
We often think of background images as texture or something that provides contrast for legible content — in other words, not really content. If it was
Visual design rules you can safely follow every time
Sticky Notes with CSS3
What is a sticky notes with css3, How do you make a sticky notes with css3? Sticky Notes with CSS3...
CSS Named Colors: Groups, Palettes, Facts, & Fun
Note: Due to publishing limitations, the groups of colors in this post are inserted as images. For...
Level Up Your CSS Skills With The :has() Selector
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
Why We Use CSS Preprocessors ?
CSS preprocessors are tools that allow us to write CSS in a more powerful and expressive way, using...
A Practical Guide to CSS Media Queries - Stack Diary
CSS Media queries - @media - allow you to style multiple versions of a single site depending on the type of device on which the layout/site is being
Hacker News
5 CSS Card Design Ideas!
Disclaimer: There is a video version of this tutorial, watch it here Here are 5 card designs, with...
Fancy Image Decorations: Outlines and Complex Animations | CSS-Tricks - CSS
We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the
A Guide to CSS Animation — Part 1 | by Jhey Tompkins | codeburst
Let’s get things moving! 🎞
Pokemon Cards Holo effect v2
GitHub - davidteren/simple_tails: Sensible semantic HTML styling out the bo
Sensible semantic HTML styling out the box for Ruby on Rails applications - davidteren/simple_tails
How to Create Wavy Shapes & Patterns in CSS
The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic
Isomorphic-Table-Cards ·
Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just vanilla Javascript, CSS, and HTML). - evoluteur/isomorphic-table-cards
Sanding UI
Writing about the big beautiful mess that is making things for the world wide web.
Kits | Foundation 6
Bootstrap CSS is still the sh*t. But we can make it better.
Bootstrap is an amazing CSS framework for those who struggle with design, css, or need to build...
CSS Claymorphism
Hello Guyz today i am going to show you the beautiful claymorphism effect using CSS. Lets get...
The World's Most Satisfying Checkbox | !Boring Software
The Art of Game Feel (a.k.a Juice) in Product Design
6 In-demand Marketing Skills for Your Design CV
In today’s tech-savvy world, being a great designer is not all about being a whiz at tools such as Adobe Photoshop and Adobe Illustrator. The job is
8 CSS Snippets That Demonstrate the Power of Shadow Effects
A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.
15 Beautiful Color Gradients using CSS
👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS...
#HEXWORDS
CSS Tips - Marko Denic - Web Developer
CSS tips and tricks you will not see in most tutorials.
8 CSS & JavaScript Snippets for Creating Cool Card UI Hover Effects
From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.
Amazing Resources for Web Developers
Found amazing resources which will save you tons of time as a web developer👇 1. 10015...
html-css-google-keep-complete - CodeSandbox
html-css-google-keep-complete by akhilboddu using parcel-bundler
Smashing Newsletter
Why Japanese Web Design Is So… Different
How to design better buttons
A button is an interactive element that results in the action described on it. If it says “save” on a button, clicking it will most likely “save” something. It’s also one of the most important interactive elements of any digital product. It
Weber’s Law - NeuroLogica Blog
I confess I have never heard (or at least don't remember ever hearing) about Weber's Law (pronouned vayber) until reading about it with this news item. It is the Law of Just Noticeable Differences. It deals with the minimum difference in a stimulus necessary to notice. While…
Responsive Images - A Reference Guide from A to Z
Chapter 1 - What is responsive images? In this guide, we will learn everything related to...
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Web Layout Best Practices – 12 Timeless UI Patterns | Toptal®
What makes a web UI pattern timeless? Adherence to web layout best practices that result in a combination of user-friendliness and adaptability to changing trends and technology. #design #ui #design #ux #web #product
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Flexbox and Grids, your layout’s best friends
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
Forestry.io CMS
The Forestry.io team is now focused on building TinaCMS. If you wish to migrate your Forestry site to Tina, follow the guide below.
Ten modern layouts in one line of CSS | Articles | web.dev
This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.
30 seconds of css
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Front-End Developer Handbook 2018 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Bootcards - Nền tảng Framework UI dạng card dựa trên Bootstrap
Bootcards- UI Framework được xây dựng dựa với mục đích áp dụng những template dạng thẻ cho các yếu tố thành phần của thiết kế website
CSS Techniques And Effects For Knockout Text | CSS-Tricks
Knockout text is a technique where words are clipped out of an element and reveal the background. In other words, you only see the background because the
7 Practical Tips for Cheating at Design
Improving your designs with tactics instead of talent.
The At-Rules Of CSS | CSS-Tricks
The at-rule is a statement that provides CSS with instructions to perform or how to behave. Each statement begins with an @ followed directly by one of
Tufte CSS
CSS: Flexible Repeating SVG Masks
This started with a literal dream about CSS, then a Sunday morning of messing around.