DEV Community

Cover image for ✨ CSS Manga Effects – Surprise Your Users!
Adam Marsden
Adam Marsden

Posted on

✨ CSS Manga Effects – Surprise Your Users!

Hey πŸ‘‹

The Unicorn Club keeps growing every week, thanks for being a part of it. If you're not already make sure to become part of our community.

Here's a quick look at this weeks newsletter:

πŸ” AI Meets UX

🌐 Git Smart

🎭 CSS Magic

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

CSS Surprise Manga Lines

When a manga or anime character is surprised, lines focus on and highlight their face. Is it possible to create a similar effect with HTML and CSS?

Git Commands for Software Engineers

This guide covers the most common Git commands you'll need, providing a solid foundation for managing your codebase, tracking changes, and coordinating with other developers.

5 Unique HTML Elements You Might Not Know

There are some lesser-known elements that can be quite useful. Here are five unique HTML elements you might not know about.

πŸ’­ Fun Fact

***The Term "User Experience" Was Coined at Apple*** - In 1993, Don Norman, a cognitive scientist, coined the term "user experience" while he was at Apple Computer. Norman aimed to cover all aspects of a person's experience with a system, including industrial design, graphics, the interface, and physical interaction.

πŸ”˜ Design + UX

Generative AI in UX Research: Navigating the Promise and Pitfalls

As UX professionals, we often reflect on our existing methods and seek new ones in order to improve our research processes and deliver more user-centred designs and experiences.

A Practical Guide to Designing for Colorblind People

Colorblindness, or color vision deficiency, affects approximately 8% of men and 0.5% of women worldwide.

Useful Customer Journey Maps (+ Figma & Miro Templates)

Visualize the user experience with user journey maps. Here are some helpful templates, real-world applications, and insights on the importance of mapping both successful and unsuccessful touchpoints.

πŸ—“οΈ 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.

Be a leader. Outperform the competition πŸš€

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

What Current & Future Engineering Leaders Read.

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

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

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here β†’

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay