186
Get Static | CSS-Tricks
If you are in charge of a web site that provides even slightly important information, or important services, it’s time to get static. I’m thinking here of sites for places like health departments (and pretty much all government services), hospitals and clinics, utility services, food delivery and ordering, and I’m sure there are more that haven’t occurred to me. As much as you possibly can, get it down to static HTML and CSS and maybe a tiny bit of enhancing JS, and pare away every byte you can
eleventy  jamstack 
5 days ago
Why Radio Buttons and Checkboxes Can't Co-Exist
Radio buttons and checkboxes have long been components that cause users confusion. These components are often used in the same context, but look completely different. Designers and developers know the difference, but that’s because they learned it through their work. What about users who were never taught the difference?
accessibility  ux  forms 
12 days ago
Corona in context: een gids die je helpt de pandemie te begrijpen - De Correspondent
In deze gids delen we de belangrijkste inzichten uit onze eigen journalistiek over de pandemie. Ook gidsen we je naar de belangrijkste journalistiek, academische publicaties en andere relevante bronnen die we elders tegenkomen.
corona 
13 days ago
Google Says Start With Fewer Pages For New Sites
Google's John Mueller said he would "recommend erring on the side of having fewer pages, especially when starting up a new site." He said that having too many pages makes it hard for Google to "find the unique value of each page."
seo 
14 days ago
Benedikt Lehnert – OMG I’m working remotely, now what?!
Benedikt Lehnert OMG I’m working remotely, now what?! Best practices and tips to help you stay sane, focused and boost your productivity while working from…
Instapaper 
14 days ago
Why Svelte is our choice for a large web project in 2020
Svelte is a JavaScript framework for building user interfaces. Its compiler architecture enables amazing tradeoffs for UX and DX. Svelte might be worth your attention, especially if you pine for the web of yore and future.
svelte 
14 days ago
7 tips for my fellow humans stuck working from home
Well, hello there, fellow human! How are you? Let me guess, working from home? Or as the cool kids say, ‘WFH.’ It’s lonely, I know. The great news is that you…
Instapaper 
14 days ago
How to animate CSS and SVG's with AnimeJS | Developer Bacon
Installation Before we get into the animating we should install Animejs. npm install animejs yarn add animejs Now to import Animejs into your JavaScript file.…
Instapaper 
14 days ago
James Warner
I'm a UI / UX Designer and Web / Game Developer. I enjoy creating awesome experiences ...
inspiration 
20 days ago
CSS Tutorial: Create Diagonal Layouts Like It's 2020
TL/DR: Diagonal layouts are great. You can build them easily with CSS. Take a look at this CodePen to see how it works. Layouts with diagonal sections are quite…
Instapaper 
4 weeks ago
A Complete Guide to Data Attributes | CSS-Tricks
Table of Contents Introduction Syntax Styling with data attributes Accessing data attributes in JavaScript Introduction HTML elements can have attributes on…
Instapaper 
4 weeks ago
Plus
Design systems hub We've built, optimized and scaled design systems for our international clients. This hub shares our expertise and approaches, plus advice on…
Instapaper  designsystem 
6 weeks ago
How Smashing Magazine Manages Content: Migration From WordPress To JAMstack
About The Author Sarah Drasner is an award-winning Speaker, Head of Developer Experience at Netlify, Vue core team member, and Staff Writer at CSS-Tricks. Sarah…
Instapaper  jamstack 
6 weeks ago
How to redesign, step by step guide - Avoid pitfalls and deliver value fast.
Change is not an event; it’s a process Let’s clarify one thing from the start; this article is not a strick walkthrough. When designing a product today, it’s…
Instapaper 
6 weeks ago
Slick Inbox
Alternatief voor Stoop (gebruik ik momenteel)
mail  ios 
6 weeks ago
Earth View from Google
Earth View is a collection of thousands of the most striking landscapes found in Google Earth.
images  inspiration 
7 weeks ago
WordPress To App
We convert your WordPress website into a native mobile app for Android and iOS.
wordpress  ios 
7 weeks ago
Website Header Design in 2020
According to Google, it takes only 50 ms to form an opinion about a website and some opinions develop within the incredible 17 ms.
ux 
7 weeks ago
UX design process: a simple (but complete) guide | Webflow Blog
The UX design process begins at understanding the objectives of a business and how best to serve a target audience. By comprehending the psychology of a user,…
Instapaper 
7 weeks ago
Even with a design system, you still need a designer
But, as awesome as USWDS (The U.S. Web Design System) is, there are still many considerations on what makes a good design. Using a design system doesn’t guarantee a successful design or user experience, but it can be a helpful tool for solving a design problem.
designsystem 
7 weeks ago
Remove.bg
Remove Image Background 100% Automatically and Free
tool  images 
8 weeks ago
Buttondown - The easiest way to run your newsletter.
Buttondown is a small, elegant tool for producing newsletters. The minimalist interface makes it easy for you to write great emails; the automation acts like the editorial assistant you wish you had, by checking for typos, broken links, or malformed images; the portable subscription widget makes it really easy to grow your audience from wherever.
newsletter 
8 weeks ago
Simple Image Placeholders with SVG - Cloud Four
"So I made a tiny, dependency-free library called Simple SVG Placeholder. It generates data URIs for placeholder img elements."
svg  placeholder 
8 weeks ago
The Complete Beginner’s Guide to Design Systems - DesignXplorer
More companies are focusing on Design System, as it is a powerful way to help skyrocket the development of products and services. This time our topic is — Design System, and we are going to try and answer some common questions surrounding this subject.
designsystem 
8 weeks ago
Multi-line gradient links | Zell Liew
When I saw the CSS Tricks redesign, I was hooked. I loved the links with gradients.
css  links  gradient 
8 weeks ago
Why design systems fail and how to make them work in 2020
After shutting down our first design system late 2018 we built a new and improved design system from the ground up.
designsystem 
8 weeks ago
Your Lifestyle Has Already Been Designed
Well I’m in the working world again. I’ve found myself a well-paying gig in the engineering industry, and life finally feels like it’s returning to normal after…
Instapaper 
10 weeks ago
Making Room for Variation – A List Apart
Making a brand feel unified, cohesive, and harmonious while also leavingroom for experimentation is a tough balancing act. It’s one of the mostchallenging…
Instapaper 
10 weeks ago
See how climate change has impacted the world since your childhood - ABC News
Email Global warming is already changing the world before our eyes — let's see what has happened in your lifetime. When were you born? From top to bottom, these…
Instapaper 
11 weeks ago
Roam Research – A note taking tool for networked thought.
As easy to use as a document. As powerful as a graph database.
Roam helps you organize your research for the long haul.
tool 
11 weeks ago
Tiny Helpers
A collection of free single-purpose online tools for web developers..
tool  plugin 
11 weeks ago
Elastic UI Framework
The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.
designsystem 
11 weeks ago
Visual Studio Code extensions to help your productivity - DEV Community 👩‍💻👨‍💻
I'm going to share some extensions I use to make my experience more productive and helpful.
vscode 
11 weeks ago
Eleventy Walk Through
This guide is meant to provide some step by step instructions for using Eleventy, and provide additional reference information.
eleventy 
11 weeks ago
How I Made 30000€ In 3️⃣ Months By Quitting My Job 👨‍💻 - DEV Community 👩‍💻👨‍💻
What made me quit I was working for a company (name omitted on purpose) that was (and is) still running on really old technology. Perl, Vanilla PHP, jQuery and…
Instapaper 
12 weeks ago
2x Grid – Carbon Design System
The 2x Grid is the geometric foundation of all the visual elements of IBM Design, from typography to columns, boxes, icons, and illustrations. It provides structure and guidance for all creative decision-making.
grid 
12 weeks ago
Choosing the right UI component for communication with your users
Why do we need this? Communicating with users is crucial. Messages can be delivered in many ways and by different mediums. Different stakeholders in the company…
Instapaper 
12 weeks ago
Instagram Font Generator (𝘤𝘰𝘱𝘺 ⒶⓃⒹ 𝙥𝙖𝙨𝙩𝙚) — Meta Tags
T̨͈͗̌ͥḣ̖̻͛̓ỉ͔͖̜͌s̠҉͍͊ͅ M͉̅ͮ͒ͤẹ̿͋̒̕t̲̂̓ͩ̑ā̤̓̍͘ T̨͈͗̌ͥā̤̓̍͘ĝ̽̓̀͑s̠҉͍͊ͅ F̘͍͖ͫ͘o̯̱̊͊͢ṇ̤͛̒̍t̲̂̓ͩ̑ G̩̱ͩ̏͜ẹ̿͋̒̕ṇ̤͛̒̍ẹ̿͋̒̕r̴̨̦͕̝ā̤̓̍͘t̲̂̓ͩ̑o̯̱̊͊͢r̴̨̦͕̝ ỉ͔͖̜͌s̠҉͍͊ͅ ♡
fonts 
12 weeks ago
Designing accessible color systems
Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens.
designsystem 
12 weeks ago
Chicago Design System
The Chicago Design System is the public visual identity of the City of Chicago. It is an inclusive, equitable, cost saving system for City communication and for public use to show civic pride.
designsystem 
12 weeks ago
« earlier      

Copy this bookmark:



description:


tags: