web-design.md

Bookmarks tagged [web-design]

^{www.codever.land/bookmarks/t/web-design}

Learn basic UI Design in 5 minutes

^{https://www.freecodecamp.org/news/learn-ui-design-in-5-minutes-tutorial/}

• tags: web-design

---

SASS for CSS: Advance your frontend skills with CSS preprocessor

^{https://www.educative.io/blog/sass-for-css-advance-frontend-skills}

SASS makes authoring CSS stylesheets faster and easier. It will revolutionaize your frontend skills. Here's everything you need to know to get started.

• tags: css, web-design

---

The definitive guide to SCSS - LogRocket Blog

^{https://blog.logrocket.com/the-definitive-guide-to-scss/}

SCSS is not your grandfather's CSS. The self-proclaimed "CSS with superpowers" offers a way to write styles for websites with more enhanced CSS syntax.

• tags: css, web-design

---

3 Simple Reasons to Use a CSS Preprocessor - By Miguel

^{https://hackernoon.com/3-simple-reasons-to-use-a-css-preprocessor-dd4y36by?source=rss}

• tags: css, web-design

---

Smashing Magazine

^{https://www.smashingmagazine.com/}

Smashing Magazine — for web designers and developers

• tags: web-design, web-development

---

Size Matters: Balancing Line Length And Font Size In Responsive Web Design — Smashing MagazineSearchClear SearchBack to top

^{https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/}

As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read.

The popularization of the “ideal mea...

• 📆 published on: 2014-09-29
• tags: web-design, blogging

---

Atomic Design with React

^{https://codeburst.io/atomic-design-with-react-e7aea8152957}

How the Atomic Design methodology allowed me to create a great design system from scratch and made me a better developer, with principles of componentization, hierarchies and reuses of code.

• 📆 published on: 2018-01-08
• tags: reactjs, web-design
• source code

---

Atomic Design

^{http://bradfrost.com/blog/post/atomic-web-design/}

Web Design system inspired from chemistry.

• tags: web-design

---

awesome-web-design

^{https://github.com/nicolesaidy/awesome-web-design#readme}

🎨 A curated list of awesome resources for digital designers. - nicolesaidy/awesome-web-design

• tags: awesome-list, web-design
• source code

---

ShopTalk: A Web Design and Development Podcast with Chris Coyier and Dave Rupert

^{http://shoptalkshow.com/}

ShopTalk is a podcast about front end web design, development and UX. Each week Chris Coyier and Dave Rupert are joined by a special guest to talk shop and answer listener submitted questions.

• tags: podcast, web-design, ux

---