SpeckyBoy

MARCH 17, 2024

From assessing your website’s accessibility to generating sophisticated flexbox or grid layouts, refining typography, choosing the perfect color scheme, copying and pasting CSS animations, to beautifying code screenshots, this collection covers a broad range of web design needs.

Web Design 128

Web Design Web Design Color Schemes Layout 128

Vecteezy

SEPTEMBER 23, 2021

Color is an essential tool for graphic designers. There are many ways that color impacts your work and the people who view it. Colors are important to make a design visually appealing and invoke feelings and convey messages, even if done subtly. Why Use a Color Palette Generator? Types of Color Palettes.

Color Schemes 98

Color Schemes Color Coding Brand 98

Design Wizard

AUGUST 30, 2021

Browse our color combinations to step up your creative game and reap the rewards. Knowing what colors go together is a skill in itself and it can have a positive impact on all areas of your life. Once you gain an understanding of what different colors mean and the theory of color , you’ll see how they can influence perceptions.

Color 218

Color Color Schemes Interior Design Brand 218

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.

Coding 136

Coding Animation Color Schemes Production 136

Smashing Magazine Graphics

SEPTEMBER 23, 2021

Simplifying Form Styles With `accent-color`. Simplifying Form Styles With `accent-color`. I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. accent-color just might be the next. Enter accent-color !

Color 118

Color Color Schemes Brand Branding 118

Smashing Magazine Graphics

NOVEMBER 17, 2021

A Guide To Modern CSS Colors. A Guide To Modern CSS Colors. There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future.

Color 143

Color Color Schemes Coding Photoshop 143

Speckyboy Design Magazine

SEPTEMBER 1, 2020

Our mission for today is to help you recharge from your daily grind with… code. Need a colorful reminder to chill out? When done at a leisurely pace, changing colors can bring a sense of serenity. Both the 3D sphere and background shift gradient colors to gently engage the user. Keep Calm and Code On. That’s right.

Coding 125

Coding Templates Animation Web Design 125

Envato Tuts+

JUNE 24, 2023

Learn everything that you want to know about the seafoam green color. Find some great shades and variations of this color, and discover what color complements seafoam green the best. What Is Seafoam Green Color? With a hex code of #93E9BE , this soft color associated with the ocean is often confused with mint green.

Color 52

Color Inspiration Color Schemes Coding 52

SpeckyBoy

JUNE 21, 2022

Color is perhaps the foundational element. Because, regardless of the other steps you take, an inaccessible color palette severely undermines usability. Clients may also insist on using brand colors – even if they’re not accessible. As we’ll demonstrate, testing color contrast ratios takes mere seconds.

Color 130

Color Client Color Schemes Photoshop 130

We And The Color

APRIL 15, 2024

Change the color scheme, and fonts, and even add custom CSS code for more advanced design tweaks. Feel free to browse through WE AND THE COLOR’s Web Design category for more creative inspiration. Customization is Key: Don’t be confined by limitations.

Portfolio 64

Portfolio Templates Color Schemes Client 64

Just Creative

DECEMBER 2, 2020

Moreover, you should ask yourself a few questions: Can a logo go on for decades with the same color? If you have chosen a neutral color, it can be used for years on multiple platforms. Additionally, choosing a multi-colored theme also works nicely with children. Color Tools for Logo Inspiration. Adobe Color.

Inspiration 319

Inspiration Gallery Color Schemes Color 319

SpeckyBoy

JANUARY 27, 2023

GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library. Code Documentation, Streamlined – Best practices and techniques for automating documentation. OKLCH Color Picker & Converter – A new, browser-supported method for encoding colors.

Color Schemes 95

Color Schemes Coding Templates Animation 95

SpeckyBoy

MAY 9, 2023

Here are eight examples of Bokeh effects powered by code. Meanwhile, colorful blobs move quietly in the background. See the Pen bokehlicious by Andy Fitzsimon Canvas Bokeh Effect by Aaron Silber You may notice that most of the examples we’ve shared have a dark color scheme. Let’s get started!

Color Schemes 131

Color Schemes Animation Color Coding 131

We And The Color

MARCH 14, 2023

The technical plan is made clear through a modern range of colors which are accented by raw materials for an eye-catching visual display. This web platform functions as a practice for brand building through its color scheme, distinct codes, and organized shapes. Below you can see a few images of the new stationery system.

Brand 97

Brand Branding Color Schemes Portfolio 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. Color Tools & Generators. Code Screenshot Generators. CSS Code Quality Analyzers.

Web Design 110

Web Design Web Design Coding Color 110

Speckyboy Design Magazine

FEBRUARY 12, 2020

Choose from a selection of premade color schemes. Pick background colors and page layouts for your blog, individual post, post archive and WooCommerce templates. Thankfully, a code snippet I found made it possible via a WordPress shortcode. This could be of use if you want to add Google Analytics or pixel tracking code.

Coding 105

Coding Theme Layout Client 105

SpeckyBoy

DECEMBER 19, 2019

When the switch is to the left, a Death Star is displayed – complete with an unnerving red color scheme. Check out our CodePen collection for a treasure trove of great code snippets! The post A Long Time Ago: Code Snippets Inspired by Star Wars appeared first on Speckyboy Design Magazine. See the Pen.

Coding 97

Coding Inspiration Templates Color Schemes 97

SpeckyBoy

JULY 13, 2021

These are all fully responsive, and they work great as templates whether you’re looking to customize your own or just reuse existing code to save time. Zebra Striping w/ Colors by Agustin Ortiz. It uses zebra striping, large pricing headers, and various colors to help one specific pricing format stand out from the rest.

Color Schemes 140

Color Schemes Color Coding Layout 140

Graphic Mama

OCTOBER 28, 2019

In most cases, designers create color and a black-and-white version of the same logo. But sometimes, the black-and-white version speaks so loudly that a color version isn’t even necessary. To make them more memorable, designers usually use a unique color code or color scheme along with a black-and-white version.

Color 111

Color Color Schemes Animation Fonts 111

Vecteezy

JUNE 2, 2021

You can also adjust details like: Camera view Position Lights Materials (color, luminance, reflection, transparency, etc.). Colorist allows you to edit colors and create color palettes. The plugin contains three different tools: Tweaker – Quickly tweak or adjust the colors based on a number of settings that you control.

Adobe 89

Adobe Illustration Illustrator Color Schemes 89

Speckyboy Design Magazine

FEBRUARY 14, 2020

Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature – Load a favicon based on the browser’s color scheme. Neumorphism.io – A tool for creating Soft-UI CSS code. Looking Outside of Web Design for Inspiration – Want to create something truly original?

Color Schemes 96

Color Schemes Arts and Crafts Vectors Templates 96

Design Wizard

JUNE 30, 2021

Show your company’s personality through your logo, color palette, images, typography, voice, and tell your brand story to build trust. If you have different variations of your logo in various colors, make sure you clarify when which type of logo should be used. Spotify Keeps it Simple with a Main Focus on Color. Color Palette.

Brand 148

Brand Branding Inspiration Color Schemes 148

Template Monster

OCTOBER 15, 2023

The strong focus on flat colors and overall simplicity gives an attractive look to this design. Different colors are used for the visual division of the content blocks, thus making the layout easily scannable. The day after Halloween it will show all zeros; using the code of this script, you will be able to restart it.)

Theme 98

Theme Templates Color Schemes Layout 98

SpeckyBoy

JUNE 23, 2021

It includes four color schemes and a wide array of components, but if you know your way around HTML, you could really make this template your own. The minimally designed Volos HTML resume template includes four pages, fantastic color combinations, and even an Ajax loading portfolio section. Hola Resume Template by StyleShout.

Templates 103

Templates Color Schemes Freelance Freelance 103

Graphic Design Junction

OCTOBER 9, 2023

They come with fully editable layers, color shape layers, and are print-ready with CMYK color mode, 3mm bleeds, and 300 dpi resolution. These templates often incorporate striking colors, energetic typography, and vivid imagery to capture attention and convey enthusiasm. All units and text are Layered to customize Easily.

Templates 114

Templates Portfolio Fonts Marketing 114

Graphic Design Junction

FEBRUARY 4, 2023

Use excess of different colors until you decide upon the one that complements your logo. You may be interested in the following related articles as well. When designing a new logo , it should be done in such a way that the customer is able to recollect and recognize the logo design.

Inspiration 121

Inspiration Graphic Design Color Schemes Templates 121

Graphic Design Junction

MAY 14, 2023

They incorporate the brand’s visual identity, including logos, color schemes, and brand elements, to establish a consistent and recognizable look. Interactive elements such as QR codes, animations, and embedded videos can be incorporated to enhance the user experience and encourage further engagement.

Templates 103

Templates Art Color Schemes Fonts 103

SpeckyBoy

JUNE 18, 2023

You might apply color or other basic formatting styles. Here we have a Google font that has been brought to life with some colorful animation. It makes excellent use of typography, along with a simple color scheme. Hovering transforms it to use a singular color. There are plenty of ways to make text stand out.

Animation 112

Animation Color Schemes Fonts Presentation 112

Inspiration Feed

JANUARY 24, 2020

A visually-appealing color combination goes a long way in creating a seamless, inviting, and fun output. Regardless if you’re making the perfect palette for an event, a web layout, an interior design or a perfect outfit, the right color combination…

Color 56

Color Interior Design Layout Color Schemes 56

SpeckyBoy

FEBRUARY 5, 2023

There’s nothing simpler than a black-and-white color scheme. And yet these fiercely contrasting colors may form the most powerful of combinations. As you scroll, the text instantly changes color, depending on the background. Hovering reveals the full-color image. For starters, it’s infinitely useful.

Animation 93

Animation Color Schemes Color Patterns 93

Graphic Design Junction

AUGUST 5, 2022

You can easily change the color of the element itself in just one click. The logo, qr code can also be edited or replaced. All business cards files are well organized, available in CMYK Colors with 300 DPI high resolution, vector shapes, easy to customize color & edit text and 3.75×2.25 All fonts used are free.

Templates 128

Templates Business Cards Design Layout Fonts 128

Spoon Graphics

AUGUST 14, 2020

It’s a brilliant Adobe Illustrator Extension that automatically generates every file format, color scheme, and logo configuration your client could ever ask you for. AI, EPS, PDF, SVG, PNG, JPG, CMYK, RGB, Pantone, Full Color, Mono, Reversed… You don’t even have to spend time naming or organising your files.

Client 210

Client Color Schemes Graphic Adobe 210

Speckyboy Design Magazine

MAY 8, 2020

Color Theme Switcher – Learn how to add multiple color schemes to your website via CSS. A Long Time Ago: Code Snippets Inspired by Star Wars – Celebrate the franchise with these stunning code snippets. coding.blog – A home for free, high-quality coding blogs that won’t try to sell you something.

Color Schemes 70

Color Schemes Coding Client Theme 70

Graphic Design Junction

APRIL 17, 2023

Consistency in design Use a consistent design throughout your website, from the layout to the color scheme and typography. Ensure your website loads quickly by optimizing images, reducing code, and using a content delivery network (CDN). This mode features a dark color palette that reduces eye strain and enhances visual appeal.

Web Design 125

Web Design Web Design Color Schemes Fonts 125

SpeckyBoy

NOVEMBER 5, 2021

A Small Guide for Naming Stuff in Front-end Code – Guidelines for naming items in a descriptive and effective manner. terminal.sexy – A tool for designing, editing and sharing terminal color schemes. – Why your “perfect” design doesn’t need to appeal to everyone.

Color Schemes 103

Color Schemes Web Design Web Design Coding 103

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. If bright colors are your thing, Skatepark could be the right block theme for you. Alara utilizes strong typography and a vintage color scheme. Block themes have ushered in a new era for WordPress.

Theme 125

Theme Layout Patterns Color Schemes 125

SpeckyBoy

NOVEMBER 15, 2021

Portal is a clean and modern Bootstrap 5 dashboard template that offers modularly written code, making it much easier for you to edit and change the template to suit the needs of your application. CoreUi is a free Bootstrap 4 admin template with a simple and modern color scheme. Now UI Free Bootstrap 4 Dashboard Template (Free).

Templates 145

Templates Color Schemes Theme Coding 145