Time to read: under 3 minutes
#508
July 24, 2024
Read on the web
Hey Designers!
This week we have:
* bauhaus design * UI design spacing * dark patterns * horizontal marquee effect * and more…
3 Design Tips From a Gorgeous New Landing Page
Web design tips from the Daylight Computer’s viral new landing page 🔥 – including tips on visual interest, cohesion, typography, copywriting, icons, and more.
LEARN UI DESIGN
Principles of Spacing in UI Design
In this article, Bryson explores the principles of spacing in UI design and provides a step-by-step guide on using the 4-point spacing system.
BRYSON M.
Catalog of Dark Patterns
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
DARK PATTERNS
What Is Bauhaus Design? Inspiration & Examples
In this post, Roshan Perera takes a closer look at the Bauhaus design movement and its impact on today’s design industry.
ROSHAN PERERA
Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size
In this article, Eric Bailey discusses the nuances of interactive element sizes and clarifies what it looks like to provide accessible interactive experiences using WCAG-compliant target sizes.
JON KEEGAN
Developing Design Guidelines for an Icon Pack
In this article, Tolu Arowoselu explains how to create your own set of icons
TOLU AROWOSELU
SNIPPETS
🛠 Create moving gradients with Shader Gradient
🗞 @property: Next-gen CSS variables now with universal browser support
How to Build Horizontal Marquee Effects With GSAP
George explains how to create infinite marquees with the GSAP JavaScript animation library.
GEORGE MARTSOUKOS
Responsive Bar Charts in HTML and CSS
Mathias explains how HTML and CSS allow us to create charts using declarative layouts and bidirectional positioning without computing positions and preventing overlap manually. In this article, he demonstrated this for a bar chart.
MATHIAS SCHÄFER
How to Create a Horizontal Navigation Bar Using CSS
Step-by-step guide to create your own horizontal navigation bar.
MALIK ARSALAN
Styling Tables the Modern CSS Way
Modern CSS makes styling HTML tables in a considered, responsive nature a breeze. Michelle Barker breaks it all down for you in this deep dive.
MICHELLE BARKER
How to Update Webpage Content Based on URL Parameters
In this tutorial, Jemima will be looking at how to use URLs to update the content on a webpage. Specifically, looking at using URL parameters to modify a page using the page number and applied filters.
JEMIMA ABU
🔗 OKLCH in CSS: why we moved from RGB and HSL
🔗 The ultimate guide to CSS mask animation
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.
#508
July 24, 2024
Read on the web
Hey Designers!
This week we have:
* bauhaus design * UI design spacing * dark patterns * horizontal marquee effect * and more…
3 Design Tips From a Gorgeous New Landing Page
Web design tips from the Daylight Computer’s viral new landing page 🔥 – including tips on visual interest, cohesion, typography, copywriting, icons, and more.
LEARN UI DESIGN
Principles of Spacing in UI Design
In this article, Bryson explores the principles of spacing in UI design and provides a step-by-step guide on using the 4-point spacing system.
BRYSON M.
Catalog of Dark Patterns
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
DARK PATTERNS
What Is Bauhaus Design? Inspiration & Examples
In this post, Roshan Perera takes a closer look at the Bauhaus design movement and its impact on today’s design industry.
ROSHAN PERERA
Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size
In this article, Eric Bailey discusses the nuances of interactive element sizes and clarifies what it looks like to provide accessible interactive experiences using WCAG-compliant target sizes.
JON KEEGAN
Developing Design Guidelines for an Icon Pack
In this article, Tolu Arowoselu explains how to create your own set of icons
TOLU AROWOSELU
SNIPPETS
🛠 Create moving gradients with Shader Gradient
🗞 @property: Next-gen CSS variables now with universal browser support
How to Build Horizontal Marquee Effects With GSAP
George explains how to create infinite marquees with the GSAP JavaScript animation library.
GEORGE MARTSOUKOS
Responsive Bar Charts in HTML and CSS
Mathias explains how HTML and CSS allow us to create charts using declarative layouts and bidirectional positioning without computing positions and preventing overlap manually. In this article, he demonstrated this for a bar chart.
MATHIAS SCHÄFER
How to Create a Horizontal Navigation Bar Using CSS
Step-by-step guide to create your own horizontal navigation bar.
MALIK ARSALAN
Styling Tables the Modern CSS Way
Modern CSS makes styling HTML tables in a considered, responsive nature a breeze. Michelle Barker breaks it all down for you in this deep dive.
MICHELLE BARKER
How to Update Webpage Content Based on URL Parameters
In this tutorial, Jemima will be looking at how to use URLs to update the content on a webpage. Specifically, looking at using URL parameters to modify a page using the page number and applied filters.
JEMIMA ABU
🔗 OKLCH in CSS: why we moved from RGB and HSL
🔗 The ultimate guide to CSS mask animation
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.