SpeckyBoy

JANUARY 28, 2022

Git Cheat Sheet (50 commands + Free PDF and poster) – This handy reference contains plenty of common Git commands spanning a variety of categories. Hoosierland – FREE FONT – Get your copy of this free decorative font for use in your projects. The Podcast Font – A collection of font icons geared towards podcasters.

Coding 87

Coding Photoshop Theme Fonts 87

SpeckyBoy

JANUARY 27, 2023

GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library. Interactive SVG Reference – Learn and play with various SVG concepts using this guide. Interactive SVG Reference – Learn and play with various SVG concepts using this guide. How Do You Define a Successful Web Project? –

Color Schemes 95

Color Schemes Coding Templates Animation 95

Inkbot Design

MAY 24, 2024

Let's Talk Typography You'd never guess that the humble fonts gracing a package could wield such enormous influence, would you? Script and handwritten fonts exude a warm, friendly, artisanal vibe that connects with consumers personally. Then, you've got distinctive novelty fonts that are fun and memorable.

Packaging Design 87

Packaging Design Production Coding Brand 87

SpeckyBoy

OCTOBER 1, 2023

Poor color contrast, tiny fonts, and intense animation were among them. From code editors to prototyping, they help us work more efficiently. Plus, helpful features like code hinting weren’t yet available. That meant manually writing code. There were also few references for learning HTML. What Tools?

Internet and Software Development 113

Internet and Software Development Web Design Web Design Coding 113

Abduzeedo

FEBRUARY 23, 2022

abduzeedo 0223—22 Monospaced fonts are fascinating! The publication thus becomes a reference book and source of inspiration! In the meantime, we encounter monospaced typefaces regularly in everyday life: in design and in art, in coding, on tax records, or on our ID. Mono Moment — Monospace Type Design. Release: February 2022.

Coding 73

Coding Fonts Digital Printing Publishing 73

SpeckyBoy

APRIL 15, 2022

33 JavaScript Concepts Every Developer Should Know – A handy reference of concepts that, sooner or later, you’ll need to know. Zas Editor – A new code editor for those who write Go and Rust. WeekToDo – Check out this privacy-focused free planner app for Windows, macOS, Linux, and your browser.

Animation 99

Animation Templates Layout Photoshop 99

Graphic Design Junction

MAY 11, 2024

It’s a tangible representation of your brand, a physical object someone can hold onto and reference later. Enhance connectivity by incorporating a QR code linking to your online portfolio. Free font details are provided in the downloadable documentation for added convenience. The answer: simplicity and clean design.

Color Schemes 90

Color Schemes Brand Branding Templates 90

HONGKIAT

DECEMBER 28, 2021

It removes redundancies, compresses the code (e.g. Font Knowledge. This is a Google initiative in collaboration with the Google Font team and world-class Typography experts to present the best source to learn Font. This function allows you to set the minimum and maximum size of font size based on the current screen size.

Web Design 117

Web Design Web Design Fonts Coding 117

HONGKIAT

MARCH 1, 2022

These resources include font, icon, a free tool to monitor website uptime , some JavaScript libraries , and a lot more. Comic Mono Font. Comic Sans is making a come back and this time it comes as a font to write codes. Personally, I think the font looks pretty great. Let’s jump in to see the full list.

Web Design 116

Web Design Web Design Coding Fonts 116

Speckyboy Design Magazine

JANUARY 4, 2020

Water.css – Simple styles and semantic code for your static website. CSSans Pro – A free colorful and sassy font. RFS – A responsive font size engine that automatically calculates sizing based on browser viewport. Fontsmith Variable Fonts – Learn about this much-hyped development in typography – complete with examples.

Layout 103

Layout Animation Templates Coding 103

Inkbot Design

JANUARY 10, 2024

Embrace Negative Space in Logo Designs Negative space refers to the background, unused area surrounding the key images and elements in a logo. Illustrate Brand Values Through Custom Fonts Typography pulls significant weight when making first impressions. ” That’s why custom fonts reign supreme for delivering differentiation.

Arts and Crafts 83

Arts and Crafts Fonts Brand Branding 83

Inkbot Design

FEBRUARY 23, 2024

By streamlining code , compressing images, minimising HTTP requests, implementing browser caching, and upgrading to a faster web host, sites can improve load times dramatically. Supplementary details use lower-contrast colours and fonts so they don’t distract from the primary content. Optimising page speed should be a top priority.

Web Design 76

Web Design Web Design Fonts Brand 76

Graphic Design Junction

APRIL 17, 2023

Designers are experimenting with unique fonts and typography to create memorable designs that stand out from the crowd. Use a legible font size and typeface to ensure readability. Ensure your website loads quickly by optimizing images, reducing code, and using a content delivery network (CDN).

Web Design 125

Web Design Web Design Color Schemes Fonts 125

Inkbot Design

JANUARY 2, 2024

Choose Your Brand Colours and Fonts Colours and typography are two other critical visual components that boost brand recognition. Choose Complementary Fonts Fonts dramatically impact look and feel. Pick 1-2 easy-to-read font styles that align aesthetically with colours and logos for branded assets.

Brand 91

Brand Branding Fonts Production 91

Eye on Design

MAY 16, 2022

The logo sits alongside dainty serif fonts and Arial Black, giving the page a textured, almost print-like appearance. You can’t talk about the aesthetic of BDG group without Code and Theory , the agency that played a leading role in shaping the digital design found on BDG’s websites. design and early-internet nostalgia. .

Web Design 101

Web Design Web Design Coding Digital 101

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. It avails many backgrounds, brushes, fonts, etc. Adobe Capture CC is a creative app to discover fonts, patterns, and vectors as well. Color Reference.

Adobe 101

Adobe Photoshop Vectors Color 101

Inkbot Design

AUGUST 13, 2023

How to Choose the Best Fonts for a Website Fonts are one of web design's most important yet often overlooked elements. The fonts you choose for your website speak volumes about your brand personality and values. That's why selecting the right fonts for your website should not be taken lightly.

Fonts 114

Fonts Typography Web Design Web Design 114

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 268

Brand Branding Client Color 268

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. Inspired by the contemporary use of Grotesk fonts, 1906 is designed to feel “quite restrained, quite reduced, quite utilitarian”, he says.

Inspiration 93

Inspiration Coding Patterns Fonts 93

Vecteezy

JUNE 2, 2021

Whether you want to create mockups, 3D artwork, or simply use a 3D image as a reference while you’re illustrating, this free plugin is extremely useful. You can also scale an object to match another object by selecting anchor points for reference. QR Code Maker. EAN 13 Barcode Generator.

Adobe 89

Adobe Illustration Illustrator Color Schemes 89

Inkbot Design

OCTOBER 25, 2023

How to Create a Brand Identity System for Visual Consistency A company's visual identity – the logo, colours, fonts, images – is like their face, you know? The fonts and images reinforce who they are. Carefully chosen fonts can communicate more than words—they can express the brand's personality, tone, and values.

Brand 93

Brand Branding Typography Fonts 93

Inkbot Design

NOVEMBER 13, 2023

Perspective and reference tools for accurate illustrations. Easy customisation with colours, fonts, and layouts. By connecting images or design files, designers can simulate the user experience before coding happens. Host and publish sites or export clean code. Designers who code can create interactive prototypes faster.

Adobe 69

Adobe Vectors Photo Editing Coding 69

Speckyboy Design Magazine

JANUARY 19, 2020

See the Sound: Audio Visualization CSS & JavaScript Code Snippets – A collection of scripts that bring a visual element to sound. calcolor – A reference tool that provides each color with its own page, along with matching colors and variants. Here’s the typography of the next decade – Why Didone fonts will rule the 2020s.

Vectors 53

Vectors Layout Fonts Web Design 53

HONGKIAT

MARCH 1, 2022

We have various resources like font, icon, a free tool to monitor website uptime , some JavaScript libraries , and a lot more. Comic Mono Font. This time it comes as a font to write codes. Personally I think the font looks pretty great. If you like a refersh for your code editor or IDE, give this font a try.

Web Design 68

Web Design Web Design Coding Fonts 68

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 123

Web Design Web Design Templates Coding 123

Inkbot Design

MARCH 29, 2022

The Walmart logo has various other meanings attached to the chosen shape, colour and font of the logotype. The font used is in lowercase, depicting simplicity, and rounded suggesting transparency. In the Korean language, the word ‘Samsung’ refers to three stars. The 100 Most Famous Logos of All-Time.

Manufacturing 145

Manufacturing Brand Branding Fonts 145

Inkbot Design

DECEMBER 19, 2023

Digital Accessibility Digital accessibility refers to designing websites and other technology easily usable by those with disabilities. WCAG Most countries reference the World Wide Web Consortium's ( W3C ) Web Content Accessibility Guidelines ( WCAG ) as the standard for accessibility. protections like copyright and trademarks.

Coding 88

Coding Client Publication Brand 88

Inkbot Design

JANUARY 18, 2024

Dark Mode: Implementing Dark UI in Your Web Design Strategy Dark Mode in UI/UX refers to a design aesthetic where the interface features predominantly dark colours, as the name suggests. Consider font size and type to maintain readability, ensuring text remains easily discernible in varying lighting conditions.

Web Design 75

Web Design Web Design Design Strategy Theme 75

Graphic Design Junction

DECEMBER 30, 2022

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like. List of #BestOf2022 articles: Fresh Free Fonts – 20 New Fonts For Designers. The logo, qr code can also be edited or replaced. Continue Read.

Templates 86

Templates Vectors Fonts Portfolio 86

Inkbot Design

FEBRUARY 3, 2024

Typography: Choose complementary fonts that reinforce your personality. Logo design tools on the market range from: Canva: User-friendly drag-and-drop templates to customise a logo with images, shapes, and fonts. Adobe Express: Logo maker with 70M+ icons, fonts, and colour combinations. Font and brand colour tools.

Marketing 75

Marketing Marketing Brand Branding 75

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 76

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

Smashing Magazine Graphics

FEBRUARY 12, 2021

Hex Color: The Code Side Of Color by Ben Gremillio. Fonts can tell stories too. Art of the Title refers to Bass’s approach as ‘kinetic typography’ , and I think that’s a lovely turn of phrase to keep in mind when choosing font combinations for the web. Free Fonts With Personality And Style by Cosima Mielke.

Web Design 125

Web Design Web Design Color Theory Color 125

Six Leaf Design

FEBRUARY 17, 2021

And some of the guidelines aren’t even possible unless you’re a programmer who can custom code it into the infrastructure of your site. That refers to how easy it is to read a site's text, making sure the font size is big enough (16pts minimum), and ensuring there’s enough contrast between the color of the type and the background.

Web Design 130

Web Design Web Design Client Color 130

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. Having a good structure in our code will allow screen readers to communicate to the user efficiently. References Patnoe, C. California, US. Faaborg, A.

Digital 83

Digital Color Fonts Patterns 83

Inkbot Design

JANUARY 6, 2024

Designers should reference printed colour swatches when selecting key brand colours for print and digital use. Immutable layouts also impact page numbering, cross-references, and continuity in multi-page documents. While print gamuts have grown, high-end digital displays exceed what’s currently possible in ink and paper.

Digital 84

Digital Print Layout Arts and Crafts 84

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. This is a straightforward flexbox playground that also generates the code for you. “code golf”). Image source: Flexy Boxes ).

Coding 144

Coding Programming Animation Layout 144

UX Collective

NOVEMBER 24, 2021

You should give a memorable, even funny name to the problem as a common reference that is easy to remember. It is quite generally accepted that the most important features are of the design systems are: colour palette, typography, form components, navigation components, CSS code, HTML code, usage guidelines.

Internet and Software Development 113

Internet and Software Development Templates Fonts Adobe 113