HONGKIAT

MARCH 7, 2022

Writing CSS code is one of the most important responsibilities a web developer regularly does. Consider a website without CSS coding. Writing solid CSS code from scratch, on the other hand, might take a long time, especially if you’re working on a big project. After that, you may copy and paste the CSS code.

Coding 140

Coding Animation Fonts Color 140

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

SpeckyBoy

JULY 21, 2021

If you’re looking for pure CSS tooltips, then this collection of free code snippets should have something for you. And, with the code being fully open-sourced, you can even edit the animation style and color scheme to blend in better with your own project. Product Feature Highlights by Ian Farb. Quick Tips in Pure CSS by deineko.

Coding 136

Coding Animation Color Schemes Production 136

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

Creative Boom

MARCH 21, 2024

Play Studio set the OpenAI DevDay logotype in Söhne Mono , a typeface that invokes the look of classic computer code. Bits were configured as a series of 3D stackable cubes featuring bit patterns, directional typography, and logos. The DevDay colours were selected from OpenAI's broader palette.

Animation 423

Animation Coding Advertising Advertising 423

Canva

JUNE 1, 2020

These days, patterns are everywhere. If you’ve been poking around online lately, chances are you’ve seen patterns being used in web design as well. Trying to figure out what elements to use to build your website’s pattern? Create a symmetrical pattern. Design a pattern using linework only. It’s delightful.

Patterns 125

Patterns Templates Color Animation 125

SpeckyBoy

MARCH 29, 2023

We’ve curated a collection of inspiring demos complete with code snippets to showcase this trend. The post Code Snippets That Demonstrate the Repelling Effect in Web Design appeared first on Speckyboy Design Magazine. These examples will allow you to see firsthand the beauty and intrigue of the repelling effect.

Web Design 99

Web Design Web Design Coding Color 99

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 78

Web Design Web Design Patterns Internet and Software Development 78

Speckyboy Design Magazine

SEPTEMBER 7, 2020

And block patterns may just be the most exciting addition for both web designers and their clients. What is a block pattern? Elements such as columns, images, videos, text, buttons – they’re all able to be placed into a custom block pattern. First, Get to Know the Block Pattern API. Build Your Custom Block Pattern.

Patterns 101

Patterns Coding Theme Layout 101

Colossal

JUNE 9, 2020

For each slice of Granny Smith apple, the New Jersey-based artist pairs a quartered cucumber, halved kiwi, and peeled plantain in a meticulous, color-coded arrangement. Using produce, candy, and breakfast fare, Hillman organizes an array of perishables into patterns and geometric sequences, which he often shares on Instagram.

Coding 101

Coding Color Patterns Photography 101

Eye on Design

JANUARY 25, 2022

Letterform Variations isn’t a typeface in the true sense of the word, yet the patterns seem to form a secret unique language. A viewer’s eyes first read the glyphs as decorative patterning as the repeated forms within the letters interact, and then see that they can be deciphered to read a message.

Patterns 105

Patterns Client Graphic Design Programming 105

Smashing Magazine Graphics

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. Part Of: Design Patterns. Observing customers interacting with disabled state reveals a few common usability patterns. Vitaly Friedman. 2021-08-05T13:30:00+00:00. 2021-08-05T17:04:11+00:00. Part 1: Perfect Accordion.

Patterns 144

Patterns Coding Arts and Crafts Color 144

HONGKIAT

JUNE 23, 2021

It works on the shadow DOM and lets you customize different shapes, figures, and patterns with CSS. So when you write CSS Doodle code it’s being parsed through JavaScript , although you don’t need to know any JS yourself. The post Draw Custom Patterns in CSS With CSS-Doodle Web Component appeared first on Hongkiat.

Patterns 116

Patterns Animation Entertainment Coding 116

Under Consideration / Brand

MAY 19, 2020

“The Code Less Travelled”. Established in 2012, Girls Who Code is an international non-profit organization with the mission to "close the gender gap in technology and change the image of what a programmer looks like and does". Earlier this month, Girls Who Code introduced a new identity designed by Brooklyn, NY-based Hyperakt.

Coding 99

Coding Programming Brand Branding 99

SpeckyBoy

JANUARY 2, 2022

Some of these tiny time-savers will help you to better manage your SVG icon collections, organize code snippets, randomly create profile pictures, generate CSS animations, or even translate CSS selectors into plain English. Share & Display Code Snippets. Neumorphism.io – A tool for creating Soft-UI CSS code. Learning Tools.

Web Design 136

Web Design Web Design Coding Patterns 136

Creative Boom

MAY 4, 2023

Supporting imagery, such as repetitive, food-wrapper-like patterns and bold food photography, completes the new look and feel. The amazing minds at Fork & Good have cracked the code and are creating remarkable products which honour the role meat plays in our lives but also honour the lives of animals.

Inspiration 518

Inspiration Animation Brand Branding 518

SpeckyBoy

JULY 30, 2021

10 CSS Code Snippets for Creating Tooltips – Add some context to your website’s features with these pure CSS tooltips. But there are some important things to take into account before you dive into code. Pattern Monster – A simple online pattern generator to create repeatable SVG patterns.

Coding 131

Coding Patterns Animation Web Design 131

Creative Boom

MARCH 23, 2022

The Bombay 99 name is an ode to the brand roots, referring to the pin code of their historic headquarters in Mumba," Jessica tells Creative Boom. "We The new branding comes in a refreshing palette of muted grey, acid bright pink and cheery yellow with a backdrop of Indian-inspired typography surrounded by ornate patterns and icons.

Inspiration 421

Inspiration Branding Brand Production 421

Creative Boom

FEBRUARY 15, 2022

It was decided early on that the best way to section the book would be by theme, such as 'Women', 'Travel', 'Patterns', 'Geometry' etc. "Meanwhile, Malika Favre designed the cover and many details found within the book while simultaneously editing her vast portfolio of work into a final, refined collection of images," adds Jon. "It

Print 537

Print Publication Portfolio Book Design 537

HONGKIAT

APRIL 26, 2023

We’ve got a tool for spell-checking that can help catch those pesky typos in your code, a collection of Adobe React Aria, and a tutorial that will teach you the latest Next.js A good source of inspiration if you’d like to improve the development experience Visual Studio Code. 13 and how to use ChatGPT effectively for web developers.

Web Design 127

Web Design Web Design Coding Programming 127

Design Milk

NOVEMBER 17, 2022

Brittain created a series of flowing patterns that resemble the rhythm of flowers in the wind by drawing inspiration from the movement of inflated parachutes. In the patterning of the parachute, she sought to catch some of those brief moments in the patterning of the parachute like moments of light preserved in time.

Inspiration 93

Inspiration Patterns Exhibition Gallery 93

SpeckyBoy

FEBRUARY 16, 2024

Design Pattern Guidelines Here’s a comprehensive guide to design patterns, including a collection of resources for various interface elements like forms, navigation, and controls.

Freelance 90

Freelance Freelance Web Design Web Design 90

Graphic Design Junction

MAY 22, 2024

Browser Requests JavaScript Code Web Workers User-Agent String Behavioral Analysis In a nutshell Why has LinkedIn banned LinkedIn extensions? They might contain malicious code that aims to steal sensitive data, thus jeopardizing the security of your system.

Coding 76

Coding Patterns Networking Graphic Design 76

HONGKIAT

NOVEMBER 27, 2023

It’s like a modern take on traditional monospace fonts, offering five distinct styles to add flair to your coding experience. Laravel Shift Blueprint Blueprint is a Laravel code generator that makes building components a breeze. Check out our list of 20 free monospace fonts.

Web Design 111

Web Design Web Design Coding Programming 111

SpeckyBoy

APRIL 21, 2023

How to Draw with SVG Code – Learn how to start drawing basic shapes using code. Tutorials for Creating Seamless Patterns in Adobe Illustrator – Learn how to design beautiful vector patterns for your projects. Recreating the Title Effect from CreativeSouth.com – This tutorial demonstrates a 3-D mouse-aware text effect.

Vectors 99

Vectors Client Coding Animation 99

SpeckyBoy

FEBRUARY 23, 2024

Git Good Practices Essential Git practices for developers, covering branch management, naming conventions, and commit strategies to enhance collaboration and code management. The Ethical Designer’s Handbook On Dark Patterns A comprehensive guide for designers on avoiding unethical practices (dark patterns) in digital design.

Patterns 84

Patterns Coding Fonts Web Design 84

Creative Market

DECEMBER 9, 2019

Palette HEX codes: #efdfd7, #c84d4e, #869987, #c0ced7, #717d8a. Palette HEX codes: #fa636c, #ff9492, #8ea763, #bdd59b, #65805f. Palette HEX codes: #0e0e0e, #061e38, #5d417c, #c93a72, #4370e7. Palette HEX codes: #e9c7c2, #c56058, #7f97a8, #aaa18e, #dfdedf. Palette HEX codes: #2b5426, #b0d490, #d24c5d, #98ab9f, #dcbf8d.

Color 148

Color Coding Graphic Theme 148

Creative Boom

FEBRUARY 7, 2023

Patterns of light based, floating in a sea of darkness. Villareal is interested in lowest common denominators such as pixels or the zeros and ones in binary code. It's almost like Christmas morning when I can get in there and start working with the piece and using my tools and the code to learn what it is.

Artist 457

Artist Art Digital Coding 457

SpeckyBoy

APRIL 1, 2022

The Line between Custom Websites and DIY is Becoming Blurred – With so many no-code options, how do web designers differentiate themselves from the tools we use? The WordPress.org Pattern Creator Now Open to the Public – Now, anyone can create a block pattern for inclusion in the official directory.

Coding 106

Coding Templates Patterns Fonts 106

SpeckyBoy

JULY 23, 2021

Pattern Collect – Browse this curated gallery of patterns from around the web. Refactoring CSS: Introduction (Part 1) – Dive into the process of analyzing your code, identifying weaknesses and creating solutions. Designing for the Unexpected – Thoughts on designing for situations and devices you didn’t anticipate.

Web Design 136

Web Design Web Design Networking Coding 136

SpeckyBoy

DECEMBER 13, 2022

Some of these tiny time-savers will help you to better assess your site’s accessibility, check your CSS for redundant classes, copy & paste CSS animations, beautify screenshots of your code, and so much more. Pattern & Gradient Generators. Code Screenshot Generators. Code Screenshot Generators.

Web Design 109

Web Design Web Design Coding Fonts 109

Speckyboy Design Magazine

DECEMBER 7, 2020

Some of these tiny time-savers will help you to better manage your SVG icon collections, organize code snippets, randomnly create profile pictures, generate CSS animations, or even translate CSS selectors into plain English. Neumorphism.io – A tool for creating Soft-UI CSS code. Web-Based Pattern Generators. Mockup Templates.

Web Design 127

Web Design Web Design Templates Coding 127

HONGKIAT

JULY 8, 2021

As with the tradition of my tutorials, I will choose and stick to the easy methods for unlocking an Android phone for which you have forgotten the code or pattern. Among those features lies one of the life-saving features called “Forgot Password”, which helps one reset the lock code. Let’s get started.

Coding 116

Coding Patterns Manufacturing 116

SpeckyBoy

AUGUST 6, 2021

UI patterns & design inspiration from real products – Browse this curated library of screenshots & interaction patterns from the world’s best digital products. Layout with Reveal Animations and Content Preview – Learn to create experimental reveal animations on typographic elements as a repeating pattern.

Patterns 130

Patterns Programming Coding Theme 130

UX Collective

MARCH 10, 2024

Keep in mind the 5 design system principles 5 design system principles Consistency Scalable Maintainable DRY (Don’t Repeat Yourself) Code-friendly Whenever I needed to make a design decision for a design system, I constantly questioned whether my design approach was consistent, scalable, and maintainable and whether it minimized redundancy.

Coding 118

Coding Typography Production Patterns 118

HONGKIAT

FEBRUARY 21, 2023

Beyond Coding Beyond Coding is a weekly podcast that covers a variety of topics related to software development and software engineering. But as the name implies, it goes beyond just coding. CodePen Radio A podcast from codepen.io , a popular online code editor for frontend developers and designers.

Coding 126

Coding Web Design Web Design Marketing 126

SpeckyBoy

DECEMBER 8, 2023

CSS & JavaScript Snippets for Gradients A collection of code snippets for creating amazing gradients. 10 Weird HTML Hacks That Shaped The Internet These HTML code quirks may seem unlikely to function, yet they manage to do so. Retool State of AI Report 2023 Discover how many are actually using and building with AI.

Arts and Crafts 99

Arts and Crafts Web Design Web Design Photoshop 99