weekly-news-for-designers-?-504

Envato Elements8 Fantastic Examples of Variable Fonts in Action – Examples of what the next big thing in typography is capable of.

8 Fantastic Examples of Variable Fonts in ActionIllustrator Guides & Grids – Useful tips for creating grids in Adobe Illustrator.

Illustrator Guides & Grids10 bites of UX wisdom every designer should know – UX insight from designer Gabriel Kirmaier.

10 bites of UX wisdom every designer should knowShape Up – A free eBook that aims to help you stop running around in circles and ship work that matters.

Shape UpBeyond Glitched: Using Distorted Images in Web Design – Learn how distorted images can enhance virtually any design element.

Beyond Glitched: Using Distorted Images in Web DesignFomantic-UI – A free, “human-friendly” development framework for creating responsive websites.

Fomantic-UICard – Turn any credit card form into a stunning visual representation.

CardAccepting Your Limitations as a Web Designer – How understanding your strengths and weaknesses can produce better outcomes.

Accepting Your Limitations as a Web DesignerStyling Links with Real Underlines – Enhance your links with more stylish underlines.

Styling Links with Real UnderlinesCreating a Maintainable Icon System with Sass – Learn how to create an icon system that can be easily changed and expanded over time.

Creating a Maintainable Icon System with SassSolving Problems With CSS Grid: The Gantt Chart – Create a stunning Gantt chart using the latest CSS layout techniques.

Solving Problems With CSS Grid: The Gantt ChartLeon Sans – Create custom animations and effects with this free, geometric sans-serif typeface written in code.

Leon Sans5 Cool Things You Can Do with a Local Install of WordPress – A local installation of the world’s most widely-used CMS is a powerful opportunity.

5 Cool Things You Can Do with a Local Install of WordPressThe Logo Designers’ Box Set – A free collection of guides you can use to master the art of logo design.

The Logo Designers' Box SetDesign Thinking in Your Work Life – Google designer Travis Neilson discusses design thinking in this episode of the People & Business Podcast.

Design Thinking in Your Work Life

weekly-news-for-designers-?-502

Envato ElementsEverything I Know About Style Guides, Design Systems, and Component Libraries – Developer Lee Robinson shares insight on design systems and more.

Everything I Know About Style Guides, Design Systems, and Component LibrariesVariable Font Animation with CSS and Splitting JS – Combine these two technologies to add amazing special effects to your text.

Variable Font Animation with CSS and Splitting JS3D in Hand: Business Cards with Holographic Effects – Check out some stunning business card designs that take advantage of holographic foils.

3D in Hand: Business Cards with Holographic EffectsAirframe React – A free, open source dashboard template based on React and Bootstrap.

Airframe ReactThe power of visual in product design – Visual elements can impact user perception, recognition and memory.

The power of visual in product designShould we still be selling responsive web design? – A look at why responsive design may in fact be short-sighted.

Should we still be selling responsive web design?The Making of an Animated Favicon – Yes, favicons can be animated! Learn how to create a loading/progress animation with this tutorial.

The Making of an Animated FaviconThe Pros and Cons of Building Websites with Third-Party Products – Why buying into third-party tools and software often means giving up control.

The Pros and Cons of Building Websites with Third-Party ProductsChart.xkcd – A library for creating charts with a hand-drawn look.

Chart.xkcdCSS Units Explained – A guide to all of the different unit measurements available in CSS.

CSS Units ExplainedMinify Your SVGs – Save precious bandwidth by optimizing your SVG files.

Minify Your SVGs20 Free Branding & Corporate Identity Mockup Templates – Showcase your logos and corporate identity items using this collection of free mockups.

20 Free Branding & Corporate Identity Mockup TemplatesReact Slider with Parallax Hover Effects – Learn how to build a stunning slider that takes advantage of the latest JavaScript enhancements.

React Slider with Parallax Hover EffectsEfficiently load third-party JavaScript – Use these tips for improving both load time and the user experience.

Efficiently load third-party JavaScriptMC.JS – A free, open-source Minecraft clone that you can play in your browser!

MC.JSThe (Upcoming) WordPress Renaissance – The latest developments with the Gutenberg block editor and how they bode for the future.

The (Upcoming) WordPress Renaissance25 Free Apple Motion Templates for Videographers – Create amazing motion graphics for your projects using these templates.

25 Free Apple Motion Templates for Videographers

weekly-news-for-designers-?-500

Envato ElementsHow Close-Up Portraits Bring Humanity to Web Design – Use of the human element is an important way to build a connection with your audience.

How Close-Up Portraits Bring Humanity to Web DesignCreating my logo animation – Learn how to create a compelling animated logo using SVG and Greensock.

Creating my logo animationBlazing Fast WordPress Sites With Gatsby – Combine the power of WordPress with the speed of the Gatsby.js React-based framework.

Blazing Fast WordPress Sites With GatsbyBringing CSS Grid to WordPress Layouts – Use the Grid layout builder plugin to integrate CSS Grid with Gutenberg.

Bringing CSS Grid to WordPress LayoutsIntroducing Duotone – Font Awesome now provides the ability to use multi-colored icons within the popular library.

Introducing DuotoneThe Hidden Costs of a WordPress Theme – You found the “perfect” theme. But how easy will it be to customize?

The Hidden Costs of a WordPress ThemeWPOnion – A lightweight WordPress framework for building custom fields, meta boxes and more.

WPOnionPhotoronoi – An online tool for turning your images into a highly-stylized work of art.

PhotoronoiGitRecruit – Looking for a developer? This tool lets you search GitHub profiles to find qualified candidates.

GitRecruit25 Tutorials for Mastering Adobe Premiere Pro – Edit video like a pro with these helpful resources.

25 Tutorials for Mastering Adobe Premiere ProGitHub Issue – Solved Instantly – A Chrome extension that will lead you directly to the GitHub answer that works for the most users.

GitHub Issue – Solved InstantlyEditorsKit – A WordPress plugin that adds helpful options to the Gutenberg block editor.

EditorsKitDetails Design System – A customizable design system for Figma and Sketch, with free and paid versions.

Details Design System 10 Free Collections of Feminine Logo Templates for Designers – Free templates that you can use as a basis for your logo projects.

10 Free Collections of Feminine Logo Templates for DesignersVuestic Admin – A free admin template based on Vue.js with lots of UI components.

Vuestic AdminWriting Modes And CSS Layout – Learn the secrets behind writing modes and how they can unlock some interesting layouts.

Writing Modes And CSS LayoutAccessible CSS Generated Content – Ensuring that content generated by CSS doesn’t have any unintended consequences when it comes to accessibility.

Accessible CSS Generated ContentTwitter or Facebook for a daily does of web design resources and freebies.

weekly-news-for-designers-?-499

Envato Elements8 Fantastic Examples of Isometric Illustrations in Web Design – Compelling examples of how 3D artwork can add a unique touch to a website.

8 Fantastic Examples of Isometric Illustrations in Web DesignPrintable Mockups – A tool for creating printable UI mockups and wireframe templates.

Printable MockupsBuilding Beautiful UIs – Learn how to create UIs with this “course in a book”, loaded with digital extras.

Building Beautiful UIsHow to add Flexbox fallback to CSS Grid – Use the latest CSS layout techniques while still supporting older browsers.

How to add Flexbox fallback to CSS Grid20 Free High-Resolution T-Shirt Mockup PSD Templates for Designers – Showcase your designs with these photorealistic templates.

20 Free High-Resolution T-Shirt Mockup PSD Templates for Designers10 Need to Know Mac Terminal Commands – Brush up on the basics of using the command line with this helpful tutorial.

10 Need to Know Mac Terminal CommandsMoveable – A JavaScript library that lets you move, resize, drag, rotate and more.

MoveableWhen a rewrite isn’t: rebuilding Slack on the desktop – A behind-the-scenes look at the new version of Slack.

When a rewrite isn’t: rebuilding Slack on the desktopSetting the Right Goals & Expectations for Your Web Design Business – Why finding success is often about being realistic.

Setting the Right Goals & Expectations for Your Web Design BusinessGitHub blocked my account and they think I’m developing nuclear weapons – How GitHub’s policies took one developer by surprise.

GitHub blocked my account and they think I’m developing nuclear weaponsTop 10 most deadly CSS mistakes made by new and experienced developers – Common mistakes with CSS that could lead to some unexpected results.

Top 10 most deadly CSS mistakes made by new and experienced developersTop 13 Sites For Downloading Completely Free Sound Effects – We’ll introduce you to some terrific resources for finding free sounds you can use to enhance your projects.

Top 13 Sites For Downloading Completely Free Sound EffectsAtomize React – A UI framework that helps you build fully-responsive websites that match your style.

Atomize Reactpaaatterns – A free collection beautiful vector patterns for Sketch, Adobe XD, Figma and Illustrator.

paaatternsThe 15 Best Free Graffiti Fonts – Add some personality to your projects with these wildly artistic fonts.

The 15 Best Free Graffiti Fontsbuttsss – Yes, there is indeed a collection of butt illustrations!

buttsssTwitter or Facebook for a daily does of web design resources and freebies.

weekly-news-for-designers-?-498

Envato Elements8 Fantastic Onboarding Carousel HTML & CSS Snippets – We’ve a collection of onboarding css & html code snippets. they will help you to get started with building a better user experience for your product.

Why Toggle Buttons Are Confusing – With toggle buttons, states change instantly at the press of a button. but problems arise if you don’t design them correctly.

Greyhound – Free Flowcharts for Figma & Sketch App – Greyhound Flowcharts consists of 200 free flowcharts in 11 categories to design sitemaps and prototypes for your web and mobile projects.

Smooth Scrolling Image Effects – A small set of ideas on animating images and other elements while smooth scrolling a page.

Animation Types To Juice Up Mobile UX – This article covers the various types of in-app animations and where the boundaries of improving the ux are.

Gradient Magic – A web-based app for downloading at the click of a button fantastic and unique CSS gradients.

What Are Data Visualization Style Guidelines? – Standardizing data visualization in a guide will allow visualizations to fit into broader branding and design systems.

The Designer’s Guide to Human-Centered SEO – User-centered SEO stems from a combination of good design, content, and code decisions made in harmony where each element can impact each other at key points.

The Guardian’s Digital Design Style Guide

Multi-Column Manipulation – Multi-column layout represents an even more radical departure from the way we normally do and think about CSS layout.

Cube.js – A complete open source analytics solution: visualization agnostic frontend SDKs and API backed by analytical server infrastructure.

Free Transport Icon Set (50 Icons, SVG & PNG) – All of the free transport icons are 100% customizable, all colors are editable, and come in both SVG & PNG formats.

Free Poke Illustrations PSD Templates – A hand-crafted set of empty, error & success Photoshop PSD illustrations for your web, app & any print projects.

Intrinsically Responsive CSS Grid with minmax() and min()

SVG Filters: 80s Font Text Effects – A fantastic collection of 1980s text effects using SVG filters and 80s retro fonts.

Fascinating UI Concepts for eCommerce Websites – These concepts could be applied to any ecommerce website. They’re proof that it is the ui that will convert window shoppers into full-fledged customers.

10 Free Responsive Website Mockup Templates

Twitter or Facebook for a daily does of web design resources and freebies.

weekly-news-for-designers-?-497

My Approach to On-Page SEO in 2019 – A detailed guide to getting the most out of your on-page SEO efforts.

My Approach to On-Page SEO in 2019Web Accessibility Guidebook for Developers – Practical knowledge and best practices for making your projects accessible.

Web Accessibility Guidebook for DevelopersEva Design System – A Sketch-based customizable design system that you can adapt to your brand.

Eva Design Systemlistmonk – A self-hosted newsletter and mailing list manager.

listmonkExtending Atomic Design – A look at how Atomic Design has evolved over the past six years.

Extending Atomic DesignWays Web Designers Give Away Their Time (Without Realizing It) – Those little hidden tasks that can add up to some missed income.

Ways Web Designers Give Away Their Time (Without Realizing It)Accessible CSS Generated Content – Avoiding unintended consequences when it comes to using CSS generated content.

Accessible CSS Generated ContentA Guide to Recognising Font Styles – Learn to pick out the details that differentiate various font styles.

A Guide to Recognising Font StylesEverything You Need To Know About CSS Margins – There are much more to margins than you might think.

Everything You Need To Know About CSS MarginsA simple Git guide and cheat sheet for open source contributors – Use this handy reference to help you navigate the world of Git.

A simple Git guide and cheat sheet for open source contributorssimpleParallax – A tiny JavaScript library that adds parallax animation to any image.

simpleParallaxThe Complete Guide To SCSS/SASS – The ins and outs of the popular CSS pre-processor.

The Complete Guide To SCSS/SASSUsing ‘Spotty’ Backgrounds in Web Design to Grab Attention – These unique backgrounds can help to call attention to important content.

Using ‘Spotty’ Backgrounds in Web Design to Grab AttentionModern Script Loading – Techniques for serving the right code to the right browsers.

Modern Script LoadingDebugging CSS Grid – Part 3 of the series looks at auto-flow, order and item placement.

Debugging CSS GridImprove Your JavaScript Knowledge By Reading Source Code – Tips on reading through JS libraries to improve your understanding of them.

Improve Your JavaScript Knowledge By Reading Source CodePopup Trombone – Play a virtual trombone by resizing a popup window!

Popup Trombone25 Tutorials For Getting More Out of Adobe Indesign – Sharpen your print design skills with these helpful tutorials.

25 Tutorials For Getting More Out of Adobe IndesignBasier Mono – Font family available with both round and square personalities.

Basier MonoTwitter or Facebook for a daily does of web design resources and freebies.