Design

by Callum Kilby | Sainsbury’s Experience Design

Free, open source health icons. Use in your next commercial or personal project. Editing is ok. Republishing is ok. No need to give credit.

There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!

It’s more important than ever to consider mental health while designing.

The Block Editor The block editor’s general layout uses a bar at the top, with content below. The Toolbar contains document-level actions:…

In den letzten Wochen und Monaten hab ich mich oft und gerne zum Thema gendersensible Sprache ausgetauscht. Eine der ersten und dringendsten Fragen ist meistens: Stern oder Doppelpunkt? Auf Twitter beobachte ich immer wieder Personen, die sich über die Zeichen echauffieren oder mit einer unsinnigen

Microsoft kommuniziert inklusiv. Warum inklusive Sprache wichtig ist und wie Vielfalt bei Microsoft gelebt wird, lesen Sie in diesem Beitrag.

Iconoir is one of the biggest open source libraries with currently 914 SVG Icons. No premium icons, no email sign-up, no newsletters.

How to prepare for the future.

When I encounter inexperienced designers, there’s one thing that always sticks out about the way they think. Or more specifically, the way they don’t think. They don’t think of every design project…

As interaction designers on Red Hat's User Experience (UX) Design and Ansible product teams, we worked for about six months to build a logo family with the Ansible community. This journey started even earlier when a project manager asked us for a "quick and easy" logo for a slide deck. After gathering a few requirements, we presented a logo to the stakeholders within a few days and without much need for iteration. A few months later, another stakeholder decided they would also benefit from having imagery for their materials, so we repeated the process.

by Andy Bell

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

by Kitty Giraudel

by Jon Egeland | Discord Blog

What does Vitamin D do? What causes Vitamin D deficiency? Which foods contain it? Can Vitamin D protect against COVID-19?

In Adobe XD it’s important to illustrate how your layouts are going to behave responsively. Learn how to best use XD’s toolsets to efficiently create responsive design mockups. ► Unlimited Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description Source Files: https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/30/courses/1256/attachment/SourceFiles_ResponsiveDesignInAdobeXD.zip 1. Introduction 0:00 1. 1Responsive Design in Adobe XD 2. Responsive Refresher 0:49 2.1 Responsive Design Is Just Two Things 6:41 2.2 Workflow, Breakpoints, and Do We Still Do “Mobile First”? 3. Responsive Design in Adobe XD 16:18 3.1Quick Overview of What You Can Do in XD • Code-Friendly Design With Adobe XD: https://webdesign.tutsplus.com/courses/code-friendly-design-with-adobe-xd?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description • This Is Adobe XD: https://webdesign.tutsplus.com/courses/this-is-adobe-xd?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description 21:15 3.2 The “Responsive Resize” Function 30:20 3.3 Artboards and Responsiveness 34:27 3.4 Emulating Flexible Width Columns 43:44 3.5 “Repeat Grid” and Responsiveness • Prototyping an App With Adobe XD: https://webdesign.tutsplus.com/courses/prototyping-an-app-with-adobe-xd?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description • Logo: https://elements.envato.com/gear-cloud-logo-template-TR6YKU?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description • Image Placeholder: https://elements.envato.com/1000-image-placeholders-35266F?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description • Social Icons: https://elements.envato.com/40-social-media-icons-G6RA8Q?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description 52:14 3.6 Handling Text 57:20 3.7 Create a Max-Width Artboard 4. Breakpoint Artboards 59:34 4.1 Creating Breakpoint Artboards 1:03:07 4.2 1000px Breakpoint 1:06:28 4.3 900px Breakpoint 1:10:21 4.4 700px Breakpoint 1:14:51 4.5 500px Breakpoint 1:17:48 4.6 400px Breakpoint 1:20:47 4.7 Smallest Breakpoint 5. Conclusion 1:24:42 5.1 Device-Specific Artboards 1:28:18 5.2 Wrapping Up ► Want to learn Adobe XD? Check out our new free course Adobe XD for Beginners: https://youtu.be/WEljsc2jorI - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes: https://elements.envato.com/?utm_campaign=yt_tutsplus_0SmVgcWfmmk&utm_medium=referral&utm_source=youtube.com&utm_content=description adobe xd responsive design

Fontshare is a free fonts service from ITF, making quality fonts accessible to all. It’s a growing collection of professional grade fonts that are 100% free for commercial and personal use.

☰ | | trigram for heaven (U+2630) @ Graphemica

Why I moved to Kirby CMS after Statamic was tainted by a Trump supporter

EXPERIENCE JAPAN PICTOGRAMS are a novel set of visual symbols developed for people of all cultures and ages to enhance their tourism experience in Japan.

Advanced multi-part components with lots of possibilities

Minimal snippets for modern CSS layouts and components

The Anchor element - HTML: HyperText Markup Language … '

Part 3: Rolling out Figma to the design team

Part 2: Creating a more collaborative and efficient process when migrating to Figma

Part 1: Tools, costs, and learnings from other design teams

The simplicity and efficiency of Japanese products have been admired for centuries around the world. 思いやり (omoiyari, consideration) and…

In a previous article I wrote about what Japan can teach us about UX and Universal Design. However, Japan's product design is another area…