You know how sometimes during one of those late conference evenings somebody brings up a seemingly ridiculous topic and then the entire conversation seems to circle around it? That’s exactly what happened at SmashingConf Freiburg when suddenly the entire conversation was about how famous books and movies could be represented in an emoji, and it turned out to […]
With CSS’ clip-path property you will begin to think outside the box, literally, and hexagons, stars and octagons will begin to take form on your web pages. Once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values. In this article, Karen Menezes
Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons — on desktop and on mobile. With useful techniques and guidelines. Rage taps are annoying and frustrating. These wonderful occurrences in our interface when we need to tap twice or sometimes three times to continue our journeys.
Shared Element Transitions API is a game-changing feature that will enable us to create impressive and elaborate UI animations easily. In this article, Adrian Bece will explore its incredible potential by building four real-life examples from scratch. Animations are an essential part of web design and development. They can draw attention, guide users on their
When working with creative designers on web page designs, it’s fairly common to receive multiple Sketch or Photoshop artboards/layouts, one for each breakpoint. In this article, Jake Wilson is going to examine how to create scalable, fluid typography across multiple breakpoints and predefined font sizes using well-supported browser features and some basic algebra. The best
The recent Global Diversity CFP Day aimed to help more people submit their ideas to conferences and get into public speaking. To help encourage people to write and submit to CFPs, Global Diversity CFP Day aims to help underrepresented people submit proposals to speak at conferences. In this article, Rachel Andrew rounds up some of the best
Design systems have changed the way we design and build applications. They are quickly becoming a cornerstone of an organization’s digital product strategy. In this article, Nick Babich presents a tool that offers a ready-to-use design system that can be adapted to your individual needs: meet Indigo.Design. This tool attempts to solve this problem by
Sometimes it’s good to think outside the box. The Mozilla Developer Roadshow gave Markus Seyfferth the opportunity to get up close with developers in Singapore, Vietnam, Malaysia and Hong Kong. How do they work? How do they learn? And what are their local communities like? Let’s find out! A few weeks ago, Vitaly Friedman (co-founder
February 18, 2013 — Typography is reclaiming its title as design queen, ruler of all graphic and web design. In this article, Marko Dugonjić teaches us how to make sure our text is as legible as possible when seen in the virtually limitless combination of variables such as space, time, cognition, social conditions and physical
There is a gap between pure CSS layout and custom design elements created in software such as Photoshop or Illustrator. Sophisticated SVG filters give us more independence from third-party design tools and bridge this gap by enabling us to create visual styles directly in the browser.Wouldn’t it be great if we could style letters the
