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 87

Web Design Web Design Coding Color 87

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

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 474

Inspiration Animation Brand Branding 474

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 77

Freelance Freelance Web Design Web Design 77

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 91

Patterns Animation Entertainment Coding 91

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 119

Coding Patterns Animation Photography 119

Creative Boom

AUGUST 22, 2023

Rather than the normal bland patterning, these unexpected creations feature a fingerprint formed by handwritten phrases, an EEG of the brain's response to kindness, and a turtle designed by renowned illustrator Rebecca Sutherland. These are linked to QR codes on the packaging.

Brand 342

Brand Branding Illustration Illustrator 342

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 90

Inspiration Patterns Exhibition Gallery 90

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 506

Print Publication Portfolio Book Design 506

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 72

Patterns Coding Fonts Web Design 72

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 99

Web Design Web Design Coding Programming 99

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 97

Web Design Web Design Coding Programming 97

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 110

Web Design Web Design Coding Color 110

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 87

Vectors Client Coding Animation 87

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

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 134

Web Design Web Design Networking Coding 134

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 94

Coding Templates Patterns Fonts 94

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 114

Patterns Layout Presentation Production 114

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 87

Arts and Crafts Web Design Web Design Photoshop 87

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 109

Coding Patterns Manufacturing 109

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 117

Patterns Programming Coding Theme 117

SpeckyBoy

JUNE 16, 2023

Visual Frameworks – Check out this searchable library of design patterns. Reducing Complexity in Front End Development – Some thoughts on the use of third-party code in our projects. Code Snippets for Creating Amazing Patterns with CSS – Examples of how a little bit of CSS can result in some incredible patterns.

Web Design 80

Web Design Web Design Patterns Coding 80

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 98

Coding Web Design Web Design Marketing 98

SpeckyBoy

JUNE 4, 2023

Patterns are among the most flexible design assets. And patterns are no longer limited to graphics. There are a few advantages to building patterns via CSS. Second, these patterns can be further manipulated to include features such as animation and masking. As such, they can also range from minimal to complex.

Coding 79

Coding Patterns Animation Presentation 79

Speckyboy Design Magazine

MARCH 6, 2020

Faux Code Generator – A tool for turning real code (GitHub Gists) into a faux code SVG. Examples of Combining Halftone Effects with Code – A collection of code snippets that put a new spin on the classic halftone pattern. PomodoroCalendar – Generate and download a custom planner using the Pomodoro technique.

Coding 71

Coding Freelance Freelance Animation 71

Vecteezy

JUNE 2, 2021

MirorMe is perfect for creating faces, characters, patterns, and fractals quickly. Pattern Creator Free. Creating patterns in Illustrator is a breeze with Pattern Creator Free. The plugin will automatically create tileable, repeating patterns from individual objects. QR Code Maker. Select Menu.

Adobe 89

Adobe Illustration Illustrator Color Schemes 89

SpeckyBoy

APRIL 28, 2023

Pattern Club – Check out this curated collection of patterns, textures, and other visual assets. Bard Now Helps You Code – Google’s AI tool can generate, debug, and explain code snippets. Don’t Shortchange Yourself When Inheriting a Website – A website built by someone else is likely to include some surprises.

Freelance 81

Freelance Freelance Templates Coding 81

UX Collective

NOVEMBER 30, 2022

Ancient cavemen carved stones, digital primitives carve pixels [ Many things have already been written about code as a creative medium, this is my little and unpretentious contribution. The tools used by designers completely hide all these aspects, but I could still access them using code, building my own custom tools. You’ll see.

Digital 75

Digital Coding Education Manufacturing 75

Moo

MAY 18, 2023

Spot Gloss by Hatlen Properties Business Card design by Hatlen Properties Another trend that our team is currently loving is the use of Spot Gloss – especially when it highlights a pattern. The QR code by Michele Noiset, Rubicube Design and Qwynto Business Card design by Michele Noiset Our last trend is more of a practical one – the QR code.

Business Cards Design 98

Business Cards Design Coding Templates Design Services 98

Speckyboy Design Magazine

SEPTEMBER 11, 2020

Chill Out with These Calming CSS & JavaScript Code Snippets – Examples of how code can create some of those good vibrations. How to Create a Simple Gutenberg Block Pattern in WordPress – Block patterns are a game-changer. CC:SS – A companion on the journey to your next CSS-in-JS and/or design system solution.

Arts and Crafts 99

Arts and Crafts Photoshop Coding Patterns 99

Speckyboy Design Magazine

JUNE 5, 2020

PureCSS Gaze – A drawing in the style of an Italian renaissance painting, hand-coded entirely in HTML and CSS. UX Details – Exploring design patterns and interactions across a range of digital products. Global and Component Style Settings with CSS Variables – Create more manageable project styles and more portable patterns.

Freelance 75

Freelance Freelance Web Design Web Design 75

SpeckyBoy

FEBRUARY 27, 2022

Creating custom layouts no longer requires a page builder plugin or custom code. Among the most powerful features of the editor is block patterns. Block patterns can make it a nearly-instant reality. Even better is that the WordPress Block Pattern Directory provides a massive library of options. Previewing a Pattern.

Patterns 112

Patterns Coding Layout Gallery 112

SpeckyBoy

MARCH 6, 2022

There’s no need to open up your code editor, as you can point-and-click your way to a fully custom design. It also includes dozens of unique block patterns to make quick work of custom layouts. 40+ block patterns cater to restaurants and cafés but can be repurposed for other business types. and takes full advantage of FSE.

Theme 124

Theme Layout Patterns Color Schemes 124

SpeckyBoy

AUGUST 23, 2023

Using one may mean writing fewer lines of code. Custom Block Patterns for Niche Sites Like block template parts, block patterns are reusable. However, block patterns are implemented at the content level. Patterns once again save us from reinventing the wheel. Theme authors can also include custom block patterns.

Theme 72

Theme Web Design Web Design Patterns 72

SpeckyBoy

OCTOBER 17, 2019

The ability of developers to do amazing things with code never ceases to amaze. Today, we’re going to focus on an area that is sure to grab your attention: Background patterns. The code snippets we’re about to show you turn up the volume to 11. Now, if they only made pants with this pattern…. See the Pen. Moiré, Please.

Patterns 67

Patterns Animation Templates Coding 67

Graphic Design Junction

JANUARY 8, 2023

All Objects or elements are made using photoshop vector layer including a seamless background pattern and can be up scaled without quality loss. Easy to use smart objects like QR Code, Logo and Icons. Pattern Minimal Business Card Template. You may be interested in the following articles as well. with Trim & bleed area.

Business Cards Design 129

Business Cards Design Templates Freelance Freelance 129