DEV Community

Cover image for ๐Ÿงฉ 100 FREE Frontend Challenges โ€“ Sharpen Your Skills!
Adam Marsden
Adam Marsden

Posted on

๐Ÿงฉ 100 FREE Frontend Challenges โ€“ Sharpen Your Skills!

Hey again ๐Ÿ‘‹

This weeks newsletter is jam-packed with great reads and resources, here's a quick look:

๐Ÿ› ๏ธ Transitioning to Auto Height in CSS

๐Ÿ”ง Essential JS Snippets for Modern Web Features

๐Ÿ‘๏ธ Taku Satoh's Design Philosophy

Enjoy ๐Ÿค— - Adam at Unicorn Club.


๐Ÿ“ฌ Want More? Subscribe to Our Newsletter!

Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:

  • Receive the newsletter earlier than everyone else.
  • Access exclusive content not available to non-subscribers.
  • Stay updated with the latest trends in design, coding, and innovation.

Don't miss out! Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.

๐Ÿ”— Subscribe Now - It's Free!


Sponsored by Webflow

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas

Let Webflow translate your design into clean, semantic code thatโ€™s ready to publish to the web, or hand off to developers.

Get started โ€” it's free


๐Ÿ’ป Dev

45 CSS Breadcrumb Examples

Explore 45 CSS breadcrumb designs, featuring dark mode, pixel-perfect accuracy, and stylish hover effects.

Browser Support Tests in JavaScript for Modern Web Features

This is just a no-frills post with code snippets showing how to test support for some newish features in HTML, CSS, and JavaScript.

Transitioning to Auto Height

The news: transitioning to auto is now a thing! Well, itโ€™s going to be a thing.

100 FREE Frontend Challenges

In the spirit of building strong habits and the #100DaysOfCode idea, we decided to make our list of beautifully crafted "Design To Code" challenges publicly available.


๐Ÿ’ญ Fun Fact

***Pixel Etymology*** - The term "pixel", short for "picture element", was coined in 1969 to describe the individual components of a television image. This term has become fundamental in digital design, referring to the smallest element of an image on digital displays.


๐Ÿ”˜ Design + UX

Just enough design (and no more)

Weโ€™ll be exploring the work and ideas of Japanese designer Taku Satohโ€”from chopsticks to childrenโ€™s toys and imitation sushi for Issey Miyake.

Why toggle switches suck (and what to do instead)

The idea of using toggle switches (over radio buttons and checkboxes).

Everything New in Figma

Figmaโ€™s 2024 Config conference just wrapped up, and the team shared several new and exciting product announcements.

The Power of Grids in Design

When we think about the most impactful designs, whether in print, web, or user interfaces, we often notice a balance and harmony that makes the design attractive and functional.

T-Shaped vs. V-Shaped Designers

Many job openings in UX assume very specific roles with very specific skills. Product designers should be skilled in Figma. Researchers should know how to conduct surveys. UX writers must be able to communicate brand values.

๐Ÿ—“๏ธ Upcoming Events

Check out these events

๐Ÿ”˜ Hatch Conference

Remote โ€ข Berlin

The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September

See event โ†’

๐Ÿ’ป Intersection

Turin, Italy

Where Design meets Development. This year, weโ€™re reimagining the way professionals engage with technology, under the theme โ€œRevolutionizing User Interfaces: The Dawn of Intuitive Digital Worldsโ€œ. 3-4 October

See event โ†’

๐ŸŸจ UtahJS Conference

Sandy, UT

The 2024 UtahJS Conference will be a 1-day conference on Friday, September 13

See event โ†’

๐Ÿง  UX Y'all Conference

North Carolina

Our local conference encourages our community to share their knowledge and experience. Lightning talks, keynote talks, local speakers and workshops. September 19-20

See event โ†’

๐Ÿ”ฅ Promoted Links

Share with 2,500+ readers, book a classified ad.

What Current & Future Engineering Leaders Read.

Handpicked articles summarized into a 5โ€‘minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.

Be a leader. Outperform the competition ๐Ÿš€

Join 30,000+ weekly readers at Google, Canva, Stripe, TikTok, Sequoia and more. Come learn with us!

Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

๐Ÿš€ Forward to a friend

๐Ÿ“จ Recommend friends to subscribe

๐Ÿ“ข Sponsor or book a classified ad

โ˜•๏ธ Buy me a coffee

Thanks for reading โค๏ธ

@AdamMarsdenUK from Unicorn Club

Top comments (0)