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 136

Web Design Web Design Color Schemes Layout 136

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. Simpler CSS Selectors With :is() – Stop writing redundant code with this handy CSS pseudo-class.

Color Schemes 128

Color Schemes Coding Templates Animation 128

Just Creative

MAY 21, 2020

It could be black and white on a bar code label, or it can be colorful on a magazine cover. However, one drawback associated with CMYK is that from each print run to the other, there will be slight color differences. A special ink used in particular instances, Pantone is a universally acclaimed color-coding system.

Vectors 342

Vectors Graphic Color Adobe 342

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. 527 appeared first on Speckyboy Design Magazine. Look to areas outside of web design.

Color Schemes 105

Color Schemes Arts and Crafts Vectors Templates 105

SpeckyBoy

MAY 9, 2023

Here are eight examples of Bokeh effects powered by code. 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. The black-and-white color scheme also provides a different twist on the aesthetic.

Color Schemes 145

Color Schemes Animation Color Coding 145

SpeckyBoy

AUGUST 14, 2022

This provides users with the ability to view a website in their preferred color scheme. For instance, some users with visual impairment will find a dark color scheme easier to read. Here are eight unique CSS and JavaScript code snippets for switching between dark and light modes.

Color Schemes 141

Color Schemes Theme Color Animation 141

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. B2B websites often look for more professional designs that edge away from creative color schemes and extraneous icons. Icon Table by Travis Williamson. See the Pen.

Color Schemes 144

Color Schemes Color Coding Layout 144

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. Code Screenshot Generators.

Web Design 140

Web Design Web Design Coding Fonts 140

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. If you’re looking for something with a contemporary design and vibrant color scheme, look no further than the Perfolio HTML template. Hola Resume Template by StyleShout.

Templates 135

Templates Color Schemes Freelance Freelance 135

Speckyboy Design Magazine

DECEMBER 22, 2020

filters.css – A tiny CSS library for applying color filters to images and more. Seasonal.css – A CSS framework that displays a seasonal color scheme based on the date. Parametric Color Mixer – Create your own custom color palette and export to CSS or SVG. Neumorphism.io – A tool for creating Soft-UI CSS code.

Templates 145

Templates Color Schemes Theme Animation 145

SpeckyBoy

AUGUST 26, 2022

Everything Developers Must Know About Figma – A look at how the design tool can match up with coding needs. Alphredo – Create the perfect color scale with this online alpha generator. snoopForms – An open-source Typeform alternative that lets you build forms – with or without code. The post Weekly News for Designers ?

Color Schemes 133

Color Schemes Coding Templates Freelance 133

Just Creative

MARCH 29, 2023

InDesign comes from the base of Adobe PageMaker and can be used to publish all sorts of editorial products, such as books, journals, and magazines. You can create content for books, magazines, marketing materials, and social media content. It has many color schemes, which can be applied to any of your publications.

Publishing 285

Publishing Publishing Adobe Layout 285

SpeckyBoy

NOVEMBER 21, 2021

Bussy is a free newsletter template that has been designed with a simple layout and dark blue and soft red color scheme, making it ideal for corporate business. You can create your newsletter without writing a single line of code by using the built-in email builder. Bussy Free HTML Email Template (by MailBakery).

Templates 139

Templates Client Color Schemes Layout 139

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. 617 appeared first on Speckyboy Design Magazine. The post Weekly News for Designers ?

Color Schemes 129

Color Schemes Web Design Web Design Coding 129

Smashing Magazine Graphics

SEPTEMBER 23, 2021

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. Checkboxes with accent-color. In the following demo, we’re applying two different accent colors. Color Schemes.

Color 122

Color Color Schemes Brand Branding 122

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 84

Color Schemes Coding Client Theme 84

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. Alara utilizes strong typography and a vintage color scheme. Themes could be tweaked via code, a bespoke settings panel, or the official Customizer. Block themes have ushered in a new era for WordPress.

Theme 144

Theme Layout Patterns Color Schemes 144

SpeckyBoy

DECEMBER 14, 2019

Clean Magazine Template. Magazine Template. You might also like… Free InDesign Brochure Templates , Free InDesign Proposal Templates , Free InDesign Resume Templates , Free Portfolio & Lookbook Templates and Free Magazine & Editorial InDesign Templates. Add your logo and contact info and change the color scheme.

Templates 108

Templates Color Schemes Client Color 108

Speckyboy Design Magazine

NOVEMBER 16, 2019

Leon Sans Geometric Sans-Serif – A free geometric sans-serif typeface – made with code – that allows you to change font weight dynamically and to create custom animations, effects or shapes using the Canvas element of HTML5. Recursive Sans & Mono is a new variable type family built for better coding & UI design.

Web Design 77

Web Design Web Design Color Schemes Coding 77

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. The post 8 Black & White CSS & JavaScript Snippets That Make a Bold Statement appeared first on Speckyboy Design Magazine. But it goes beyond mere utility.

Animation 128

Animation Color Schemes Color Patterns 128

Smashing Magazine Graphics

NOVEMBER 17, 2021

CSS named colors are one of the simplest ways to color an element: my-element { background-color: red; }. We could also use color hex (hexadecimal) values. This code gives our element a red background color: my-element { background-color: #ff0000; }. Sass Color Functions.

Color 143

Color Color Schemes Coding Photoshop 143

SpeckyBoy

JUNE 18, 2023

It makes excellent use of typography, along with a simple color scheme. See the Pen NITW Text Animation by cpsdqs More Than Words Alone Can Say The ability to dress up text with code opens the door to creativity. The post 8 CSS & JavaScript Snippets for Animating Words appeared first on Speckyboy Design Magazine.

Animation 139

Animation Color Schemes Fonts Presentation 139

SpeckyBoy

JULY 6, 2020

Clean Magazine Template. Magazine Template. They’re color-coded as well, further adding to the convenience factor. Change the color scheme, text, and graphics to suit your purposes, print it out, and hand it out. Burger Poster Design. Poster Template. NGO Business Card. Business Card Template.

Templates 119

Templates Photoshop Color Schemes Fonts 119

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. Portal Free Bootstrap 5 Admin Dashboard (Free).

Templates 145

Templates Color Schemes Theme Coding 145

Speckyboy Design Magazine

JUNE 7, 2020

We’ve gathered the best personal portfolio templates that you can edit in Adobe Photoshop before coding them into live websites. We also have free landing page PSD templates , free eCommerce PSD templates , free design agency PSD templates and free blog & magazine PSD templates. Fusion Dark Portfolio PSD. White Creative Portfolio.

Portfolio 88

Portfolio Photoshop Templates Color Schemes 88

Speckyboy Design Magazine

FEBRUARY 5, 2021

Pika – Download this easy to use, open-source, native color picker for macOS. KTRZ Monokai – Coders, check out this minimal Visual Studio Code theme with the Monokai color scheme. 578 appeared first on Speckyboy Design Magazine. Luxa CSS – A minimalist CSS framework to help you design and build quickly.

Color Schemes 101

Color Schemes Layout Theme Client 101

HONGKIAT

JANUARY 26, 2024

That’s precisely why this compilation highlights 40 sleek and minimalistic WordPress Themes suitable for a range of purposes including blogging, portfolios, photography sites, magazines, corporate sites , and more, catering to diverse preferences. It’s SEO optimized with clean coding for quick load times.

Theme 111

Theme Portfolio Layout Internet and Software Development 111

SpeckyBoy

JUNE 21, 2022

That means implementing a compliant color palette in website mockups and style guides. But testing a site’s color scheme can be done at any time. Enter the HEX codes for your background and foreground colors, and the WebAIM Contrast Checker will calculate the exact ratio. WebAim Contrast Checker.

Color 145

Color Client Color Schemes Photoshop 145

HONGKIAT

APRIL 23, 2024

If you want to create a good website design, you need to be able to make decisions such as choosing the right font , color scheme , even the right WordPress theme. These font samples are displayed in nice colorful blocks. Pairing fonts is an essential process of any web design. Just scroll down the site and see for yourself.

Fonts 119

Fonts Color Schemes Typography Color 119

SpeckyBoy

JULY 17, 2022

WordPress Full Site Editing (FSE) allows us to edit various aspects of a website without the need for code. For instance, one may contain a different typographic or color scheme. It potentially cuts out a lot of time spent dealing with code and makes for a complete visual design experience. Clone Active Theme.

Theme 142

Theme Coding Color Schemes Layout 142

Web Design Ledger

APRIL 29, 2021

Color schemes, fonts, shortcodes, grid options, special effects and more add to your web design possibilities. Creating impressive magazine, blog and portfolio sites are two of Uncode’s strong points. Brisk has a zero learning curve and requires zero coding skills. Click on the banner and prepare to be impressed.

Theme 126

Theme Portfolio Templates Layout 126

SpeckyBoy

JUNE 28, 2021

Having to make choices on a color scheme, features and functionality could potentially bring about anxiety. From there, you’ll have to talk about plugins, themes, or any necessary custom code. The post How to Help Your Clients Overcome Fear of Commitment appeared first on Speckyboy Design Magazine.

Client 143

Client Color Schemes Web Design Web Design 143

SpeckyBoy

AUGUST 23, 2023

Using one may mean writing fewer lines of code. For example, a theme that offers light and dark color schemes saves us from building them. For example, they may take typography and color into account. Including grid patterns or card layouts to a magazine theme, for instance.

Theme 98

Theme Web Design Web Design Patterns 98

Just Creative

MARCH 30, 2023

Adobe InDesign is your go-to software if you want to design magazines, books, posters, brochures, etc. Customizable UI: You get a configurable UI environment for the desktop, including icon resizing, options for how your documents open, and the color scheme for the window border. Adobe InDesign Adobe InDesign.

Graphic Design 278

Graphic Design Graphic Adobe Vectors 278

Design Wizard

AUGUST 19, 2021

The icons on the right integrate the brand color palette and complementary colors. Assert Your Brand Identity with a Unified Color Design. If you’re using photos in your ad design, ensure your color scheme matches with the rest of your design for a unified look. Merge Print and Online with a QR Code.

Advertising 148

Advertising Advertising Templates Media 148

Template Monster

OCTOBER 23, 2021

Are you running a personal blog, portfolio or magazine website? Drag-n-drop editor, newsletter subscription forms, eCommerce plugins and social options will put your blog or magazine in the limelight. Thanks to a drag-n-drop editor, you can change the way the theme looks without touching a single line of code. CV Portfolio.

Theme 97

Theme Templates Portfolio Layout 97

Smashing Magazine Graphics

FEBRUARY 12, 2021

Study color theory then apply it to your projects in tasteful, audacious ways. Several excellent articles on the subjects on the subject listed at the end of this section, and the ‘Colors’ category of Smashing Magazine is home to plenty more. A Simple Web Developer’s Color Guide by Laura Elizabeth. Typography.

Web Design 129

Web Design Web Design Color Theory Color 129