UX Collective

MARCH 17, 2023

Source: Tidbits A design pattern is a document that describes a common solution to a recurring design problem. According to Tibor Kunert (2009), using design patterns allows designers to quickly find solutions to problems using proven designs, rather than starting from scratch each time. Welcome to Design Patterns.

Patterns 113

Patterns Layout Presentation Production 113

HONGKIAT

APRIL 22, 2024

CanIEmail provides a comprehensive reference for email client support of HTML and CSS features. RunJS RunJS is an online JavaScript playground where you can write and run code with instant live feedback. This makes it a convenient tool for quickly trying out ideas, testing algorithms, or debugging code.

Web Design 92

Web Design Web Design Programming Client 92

We And The Color

FEBRUARY 14, 2024

Their unconventional thought patterns lead to innovative ideas and novel approaches. Or a programmer with autism who spots patterns others miss. They can excel in entrepreneurship , music , coding , and other creative fields. References : Walker, A. Neurodivergent individuals excel in this area. Case Studies 1.

Color 62

Color Patterns Coding Graphic Design 62

Just Creative

OCTOBER 23, 2020

In this article, we will look at RetroSupply’s most popular resources for design as well as offer an exclusive discount coupon code , which will get you an extra 10% off. RetroSupply’s Discount Promo Coupon Code – Get 10% Off. Looking for a discount code for Retro Supply? Looking for a discount code for Retro Supply?

Photoshop 234

Photoshop Fonts Textures Adobe 234

Colossal

JUNE 10, 2022

Often arranged on a panel or wall, the works evoke organic patterns, like helices, murmurations, and in the case of Wood’s most recent piece, the spiral of a nautilus shell. Embedded within each spiral is the number 40, written in binary code. “There are 40 spirals, each with 40 dichroic elements to them.

Color 76

Color Patterns Coding Animation 76

Design Week

AUGUST 4, 2021

The work – which includes a logotype, bespoke typeface and Morse code-inspired graphic pattern – is inspired by the central London building’s heritage. Morse code-inspired graphics. Greenspace has also designed a system of graphic patterns which are inspired by Morse code.

Inspiration 83

Inspiration Coding Patterns Fonts 83

UX Collective

MAY 10, 2022

Research, journey maps, Figma, code, Keynote, data analysis… the list is huge and keeps growing. To fix this, I wrote down each part of my process so I’d have a playbook to refer to in the future. For some designers that means creating a detailed design spec, for others it means pushing code directly. This is that playbook.

Production 141

Production Product Management Coding Patterns 141

SpeckyBoy

JUNE 12, 2022

Now, it’s a matter of writing a line or two of code. Bookmark this one as a handy reference. Here, they’re utilized to craft a selection of offset looks, including halftone SVG patterns. This means that you can create something truly unique without leaving your code editor.

Animation 128

Animation Coding Photoshop Web Design 128

Smashing Magazine Graphics

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. “code golf”).

Coding 144

Coding Programming Animation Layout 144

Inkbot Design

FEBRUARY 23, 2024

Meticulous coding and testing are imperative for polished user experiences. Tactics like daily standups, active issue tracking, and collective code reviews maintain transparency. Their work safeguards both the product creators and end users. Such routines foster proactive problem-solving vs. reactive crisis management.

Project Management 92

Project Management Coding Architecture Production 92

Inkbot Design

JANUARY 8, 2024

Sale Tech SEO Guide: A Reference Guide for Developers and Marketers Involved in Technical SEO Edgar, Matthew (Author) English (Publication Language) 164 Pages – 02/09/2023 (Publication Date) – Apress (Publisher) −$16.84 $21.15 Code Quality Does HTML, CSS and JavaScript meet best practices?

Architecture 88

Architecture Coding Presentation Agency 88

Inkbot Design

FEBRUARY 25, 2024

Design ethics refers to the moral framework and guiding principles designers use to ensure their work promotes ethical outcomes. Like medical or research ethics, design ethics provide a code of conduct around responsibly designing products, services, and systems. Should persuasive, “addictive” design patterns be avoided?

Coding 52

Coding Production Patterns Agency 52

Inkbot Design

FEBRUARY 22, 2024

CSS properties for fonts, colours, layouts, and more How to style and position elements on a web page You don't need to become a coding expert right away. Do I need to learn how to code? These are the building blocks you'll need to grasp: The essential HTML elements like headings, paragraphs, links, etc.

Web Design 84

Web Design Web Design Self-employed Internet and Software Development 84

HONGKIAT

OCTOBER 31, 2021

A web application to generate nicely prsent your code with image. You can customize the background color, the code editor frame, and the size. A handy tool to share code beatifully. Not many reference for Event Loop on PHP, at the moment, but you can look into the same concept from the Node.js Laravel Storybook.

Web Design 130

Web Design Web Design Templates Coding 130

HONGKIAT

JANUARY 10, 2022

Adobe Capture CC allows you to take a picture of anything you like and turn it into a color palette, create a brush, and pattern. Every colorful teardrop is clickable with ready-to-copy hex codes. The website contains a page full of squares in different color palettes with their hex codes for easier usage. LOL Colors.

Web Design 144

Web Design Web Design Color Color Schemes 144

Azure Magazine

APRIL 4, 2022

And while the architects note that the number 69 “has a special meaning for the owners of this space,” they clarify that it is not because of its, uh, “sexually coded reference”.). Upon closer inspection, the perforations in the home’s metal vent grates are actually a pattern made up of many tiny 6s and 9s.

Coding 82

Coding Textures Art Templates 82

HONGKIAT

DECEMBER 8, 2023

In this article, we delve into how playing cards are transformed by artistic genius , featuring materials like gold and plastic, and adorned with intricate geometric patterns, stunning illustrations, and captivating thematic narratives. Priced at $23, each card features a unique code snippet, made of durable plastic.

Arts and Crafts 107

Arts and Crafts Theme Artist Print 107

UX Collective

OCTOBER 10, 2023

Illustration by Maria Kovalevich AI is actively changing the usual patterns of how users interact with digital products. Despite the word ‘coders’ in its title, some people claim that prior coding knowledge isn’t necessary. Where you are given ready code and access to a pre-trained model that you can feed any data to.

Coding 112

Coding Production Illustration Illustrator 112

HONGKIAT

SEPTEMBER 1, 2022

QuickEdit is a full-featured code and text editor. It features a syntax highlighter for 50+ languages, a tabbed interface, and more features for coding on the go. Adobe Capture CC is a creative app to discover fonts, patterns, and vectors as well. Color Reference. Color Reference is a color tool for the designer in you.

Adobe 110

Adobe Photoshop Vectors Color 110

UX Collective

FEBRUARY 24, 2022

As discussed in the previous article of this series, archetypes are the best pattern to understand something. This process reveals the best pattern for understanding the customer experience. I’ve come up with the Six Cs as mnemonic: Comb, Clean, Code, Combine, Classify and Communicate. Keep an eye out for big fragments.

Theme 110

Theme Coding Templates Production 110

Speckyboy Design Magazine

JANUARY 4, 2020

Water.css – Simple styles and semantic code for your static website. CSS Selectors Cheatsheet – A combination of a game, quick reference guide and printable cheatsheet. CSS Layout – A collection of popular CSS layouts and patterns. Flexbox30 – A guide for learning CSS Flexbox in 30 days via 30 code tidbits.

Layout 103

Layout Animation Templates Coding 103

Smashing Magazine Graphics

JULY 1, 2021

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. Integration tests have a broader scope.

Coding 101

Coding Production Patterns Animation 101

Inkbot Design

OCTOBER 25, 2023

This includes photographs, illustrations, icons, patterns, and other visual elements consistently used across all brand materials. These guidelines provide a comprehensive reference for how the brand's visual elements should be used to maintain consistency and protect the brand's identity over time.

Brand 97

Brand Branding Typography Fonts 97

Inkbot Design

JANUARY 3, 2024

They explore biophilic patterns reducing stress, optimal workplace configurations boosting creativity, healthcare settings improving healing, simplified subway maps aiding cognition, and much more. This thread connects to theories about: Social cognition: Stereotypes as cognitive shortcuts; biases and pattern recognition.

Arts and Crafts 98

Arts and Crafts Patterns Architecture Programming 98

UX Collective

MARCH 9, 2022

For example, CX and UX teams might be impacted by confirmation bias , a tendency to see patterns in data that support previous assumptions and opinions. For example, banks and insurance companies often ask customers to provide numbers and codes without clearly explaining what they are.

Production 145

Production Patterns Coding Presentation 145

Inkbot Design

OCTOBER 27, 2022

Web development is the process of designing and creating the coding of web pages. Themes come in various styles, colours, and patterns, and you can choose from dozens of pre-made themes. The colour scheme refers to the colour of the text and the background on your website. Step 4: Development/coding.

Internet and Software Development 123

Internet and Software Development Web Design Web Design Coding 123

Inkbot Design

MARCH 6, 2024

Designing for Humans First, Technology Second One of the biggest pitfalls in healthcare website design is getting so caught up in technology, platforms, and coding that we lose sight of the true purpose – helping make people's lives better through intuitive digital experiences. How might this play out?

Web Design 80

Web Design Web Design Digital Internet and Software Development 80

Inkbot Design

JANUARY 26, 2024

Illustration designers – focus on conceptualising and creating custom drawings, characters, scenes, patterns, and other illustrations to communicate ideas and stories visually. Coding/development skills – HTML/CSS competency is critical for web design. If the portfolio looks messy, dated or amateurish, it instils doubt.

Graphic Design 98

Graphic Design Graphic Portfolio Client 98

Smashing Magazine Graphics

SEPTEMBER 24, 2020

Unexpected Learnings From Coding Artwork Every Day For Five Years. Unexpected Learnings From Coding Artwork Every Day For Five Years. For more than five years I have been creating one digital artwork a day, using code to generate patterns, shapes, and animations. Saskia Freeke. 2020-09-24T12:00:00+00:00.

Coding 99

Coding Theme Patterns Animation 99

Template Monster

MARCH 3, 2022

Translational Symmetry - refers to relocating of an object in any direction or at any distance while maintaining its general or exact orientation. Basically, it is a repeating pattern of identical elements that are equally spaced out along a line. All these symmetry types should be tried out in your designs.

Templates 98

Templates Theme Layout Manufacturing 98

Inkbot Design

JANUARY 31, 2024

Geometric Shapes and Patterns Another overlaying modern trend is using geometric shapes and patterns within logo layouts. Patterns also bring motion and depth to a design. Combined, geometric patterns energise a logo with hints of mathematical ponderousness – strangely pleasing to our pattern-loving brains.

Brand 94

Brand Branding Digital Graphic 94

Canny

FEBRUARY 14, 2022

If you’ve ever ran your own site, or simply have a general interest in UX, then you’ve more than likely came across web design patterns before. In this post we’re going to be breaking down what web design patterns are, and why they’re so important to begin with. What are Web Design Patterns Exactly?

Web Design 147

Web Design Web Design Patterns Internet and Software Development 147

UX Collective

OCTOBER 10, 2023

Gestures commands, from the “Touch Gesture Reference Guide” How to approach vision impairments in AR Vision impairments refers to not being able to see the world as it is. To take care of the rest, use different shades, patterns and shapes for key elements so that they’re more distinguishable. References Patnoe, C.

Digital 83

Digital Color Fonts Patterns 83

Abduzeedo

MAY 5, 2021

Morse features a text biography of morse code inventor Samuel Morse. The text is constructed using a typeface made from the bones of the now defunct morse code system. The resulting work is a field of dots and dashes lacking a predictable linear reading pattern.

Coding 44

Coding Textures Graphic Design Publishing 44

UX Collective

FEBRUARY 22, 2022

The 3E’s that make up the ‘right’ solution Efficiency Refers to the cost of the solution. Elegance Refers to the quality of the solution. Effectiveness Refers to the merit of the solution. Lean towards established patterns (or maybe not?) So, more often than not, using established patterns works just fine.

Production 88

Production Patterns Product Management Marketing 88

Just Creative

AUGUST 31, 2020

This may also be referred to as a “brand guide,” “brand standards,” “brand identity guide,” “brand guidelines” or “brand bible.”. It acts as a reference guide to keep everyone on the same page in terms of visual and non-visual elements of the branding. Web color values should be listed in RGB values and hexadecimal (six-digit) codes.

Brand 270

Brand Branding Client Color 270

Smashing Magazine Graphics

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on.

Coding 144

Coding Architecture Layout Programming 144