Tuesday, August 11Digital Marketing Journals

Designer News

Weekly News for Designers № 731
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 731

Git Good Practices Essential Git practices for developers, covering branch management, naming conventions, and commit strategies to enhance collaboration and code management. Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering This article examines vanilla JavaScript and libraries in achieving dynamic DOM rendering, focusing on balancing efficiency and simplicity in web development. The Ethical Designer’s Handbook On Dark Patterns A comprehensive guide for designers on avoiding unethical practices (dark patterns) in digital design. The New CSS Math Dan Wilson introduces new CSS Math functions like pow(), sqrt(), and hypot() alongside practical examples. CSS is Logical jQuery 4.0.0 Beta jQuery 4.0.0 beta has been released, and brings performance boosts, drops support fo...
Weekly News for Designers № 730
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 730

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. Opportunities for AI in Accessibility Aaron Gustafson discusses how artificial intelligence could enhance accessibility and explores the potential benefits. Aesthetics vs. Functionality This article explores the balance between aesthetics and functionality in UX design, highlighting the importance of both in creating effective digital products. Universal Resume System This is a flexible resume layout system for Figma that has been inspired by the design work of Dieter Rams. Sora Text-to-Video AI OpenAI’s new AI model that creates videos from text, producing up to one-minute high-quality videos from user prompts. ...
Weekly News for Designers № 729
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 729

Google Bard is Now Gemini Bard evolves into Gemini, introducing a mobile app and the advanced Ultra 1.0 for broader, more sophisticated AI collaboration. In Loving Memory of Square Checkbox Tonsky mourns the decline of the square checkbox in UI design, replaced by round ones, marking a significant shift from a long-standing user interface convention. Web Development Is Getting Too Complex Juan Diego Rodríguez explores the growing complexity in web development, highlighting the overwhelming choice of tools and frameworks, and advocates for simplicity and project-specific technology selection. How Subscription Fatigue Impacts Web Designers Everything’s a subscription. And it impacts web designers and their clients in numerous ways. We look at what this means for our industry. Animating Font ...
Weekly News for Designers № 727
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 727

Happy Birthday, Macintosh Forty years ago, Apple introduced the world to the Macintosh computer. Free Instagram Story Templates A collection of Instagram Story templates for Photoshop, Figma, Sketch, After Effects, Premiere Pro, and Final Cut Pro. 12 Modern CSS One-Line Upgrades Learn about the CSS properties to enhance your projects, reduce technical debt, eliminate JavaScript, and improve the UX. The Diagram that Shows the Value of Great UX Fading Content Using Transparent Gradients in CSS Here are two methods for achieving text content fading with CSS. One uses mask-image and the other background-clip. Top Logo Stinger Premiere Pro Templates We share a collection of logo stinger templates for Premiere Pro that stand out with their style, functionality, and ease of use. Five Future Role...
Weekly News for Designers № 726
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 726

The Complex CSS border-image Property The CSS border-image property can do some pretty cool stuff once you get your head around how it works. The Three Secrets to Font Pairing Pairing fonts is a tricky task that often pops up in discussions about typography challenges, it’s a tough skill to master! Those Coding Tasks ChatGPT Can’t Do ChatGPT is great at creating code, but it’s not a replacement for your job. It’s here to assist, not to take over. Free Geometric Fonts for Designers From sleek and minimalistic to bold and impactful, you will find a geometric style for every project. A Practical Introduction to Scroll-Driven Animations With CSS scroll() and view(), learn how to create scroll animations that toggle shadows. Developer Experience eBook Written by Addy Osmani, this free eBook foc...
Weekly News for Designers № 715
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 715

Animated Background Videos – A free collection of looping 4K background files for your next video project. CC0 licensed. Fullscreen Image Slideshow Animations – A collection of ideas for designing slideshow animations on fullscreen images from Codrops. Lightroom Mobile Presets – A collection of free presets for Lightroom Mobile that will allow you to enhance your mobile photos with just a few clicks. Responsive Type Scales with Composable CSS Utilities – Create truly fluid type scales, with composable and responsive type utilities that let your type resize to the viewport. Branding Identity Mockups – A collection of branding identity mockup templates. Business cards, coffee cups, stationery, and much more. Influence the Future of WordPress – Take the 2023 WordPress annual survey and help i...
Weekly News for Designers № 714
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 714

A (More) Modern CSS Reset – Here’s a CSS reset that considers current browsers. The Next Generation of Web Layouts – The future of layouts may be text-focused. Why Use React in 2023 – Explore the magic of React from a designer’s perspective. 8 CSS & JavaScript Snippets for Creating Blur Effects – Stunning examples of blur effects powered by code. Simplified: Jakob Nielsen’s 10 usability heuristics – Rules for improving the usability of your website or application. Move Over Photoshop! Microsoft Paint Now Has Layers and Transparency – This Windows staple is about to become more powerful. What My Old Design Projects Have Taught Me – There’s a lot to be learned from your past website projects. Rediscovering The Joy Of Design – Thoughts on taking a philosophical approach to design. The Des...
Weekly News for Designers № 713
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 713

Shader Gradient – Use this free tool to create beautiful, moving gradients. Available for Figma, Framer, and React. Grid Item Hover Effect – Enjoy this demo of three hover-based effects. Nuclear Anchored Sidenotes – A fresh look at anchored positioning with CSS. The What, Why, and How of Accessibility Statements – Do you or your clients need an accessibility statement? Circular Slider with Anime.js – Learn how to build a rotating parallax slider. What’s in a Word? WordPress Terminology at a Crossroads – A look at how the words we use impact how we understand WordPress. Rediscovering The Joy Of Design – Thoughts on taking a philosophical approach to design. Is AI Better Picking & Pairing Fonts Than You? – An exploration of AI’s typographic capability and what you can learn from it. 20 F...
Weekly News for Designers № 712
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 712

Advanced Git Commands and Workflows: A Comprehensive Guide for Developers – Level up your Git game with these advanced tips. Let’s Make a Rubber Button With HTML, CSS and SVG – Learn the secrets behind this fun hover effect. An Internet of PHP – A collection of facts and figures that show the prevalence of PHP. Micro Tips for Better Typography – Small details that will greatly improve the readability and aesthetics of your website. Web Design Resources & Tools for Designers and Agencies – Check out this collection of new, useful, and interesting design tools. Instrument Sans – An open-source variable sans-serif font designed for the Instrument brand. LazyIcons by LazyDesigners – A comprehensive library of diverse and customizable icons for Figma. Browser Video Players Review – This art...
Weekly News for Designers № 711
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 711

CSS Loaders – Check out this collection of 500+ CSS loading animations. Bézier Curves – Take a deeper look at this powerful CSS animation tool. The Glitch Gallery – Browse this online exhibition of pretty software bugs. The Dos & Don’ts for Styling Hyperlinks – Advice for making accessible and attractive links. How Spotify’s Design System Goes Beyond Platforms – How a need for more cohesion led Spotify’s design systems team to take a cross-platform approach to components. 100+ Best ChatGPT Prompts for Front End Developers – Use this collection of prompts to get the most from the popular AI tool. Connected Grid Layout Animation – Ideas for simple on-scroll animations on “connected” grid layouts. Dark Mode: How Users Think About It & Issues to Avoid – How to test your design to avoid...
Weekly News for Designers № 710
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 710

Playbook for Universal Design – This playbook was created to provide easy access to planning and facilitating universal design development work. The Twenty Twenty-Four WordPress Theme – The new default WordPress theme will be released soon. The new theme – Twenty Twenty-Four – can be used on any type of site, with any topic. Lightning CSS – A new CSS parser, transformer, and minifier. You can use it with Parcel, as a standalone library or CLI, or via a plugin with any other tool. Essential WordPress Block Theme Features for Web Designers – The number of block themes is increasing, yet not all cater to the needs of web designers. React Demos – An animated collection of React UI components created by indie developers. How to Make Next-Level Figma Plugins – A tutorial on how to build a full-f...
Weekly News for Designers № 704
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 704

Writing CSS In 2023: Is It Any Different Than A Few Years Ago? – A look at features that have made an impact – and those that haven’t. The Ultimate Guide to AI Web Design 2023 – How web designers can use some of the most exciting AI tools to streamline their jobs. 8 Ways To Dress up Quotes With CSS & JavaScript – Check out some compelling ways to present quotes on your website. Figma Typography Secrets – Seven Pro Tips Revealed – Secrets to help you get the most out of type in the prototyping app. Elstob Font – Explore this variable font for medievalists. The 20 Best Titles Templates for Adobe After Effects – Grab your audience’s attention with these amazing title templates. New Viewport Units – Learn more about the latest CSS unit options. Inspiration for Text Block Transitions – View...
Weekly News for Designers № 703
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 703

Vrite Editor – Take this open-source, minimal WYSIWYG editor for a spin. Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images – Learn CSS tricks that are capable of turning images into neat, interactive elements. On-Scroll SVG Filter Effect – A tutorial that combines GSAP’s Scroll Trigger and Flip with an SVG Filter. Twentieth Year of WordPress, Designed – Read about how the Automattic Design team celebrated the WordPress 20th anniversary. Best Logo Reveal Templates for Adobe After Effects – Your logo can make a splash with one of these amazing templates. 90s Websites – Key Characteristics & Examples – Re-discover the main traits of 90s-inspired digital design. Leonardo da Vinci: Inside a Genius Mind – Browse this online retrospective dedicated to the genius of the Renai...
Weekly News for Designers № 702
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 702

Write More, Design Less (and Better) – Some thoughts on how writing reframes our knowledge and drives our decisions. Who killed Google Reader? – The team that built the much-beloved feed reader reflects on what went wrong. Free Light Leak Effect Photoshop Brush Sets – Add amazing light effects to your images with these Photoshop brushes. Introducing the MDN Playground: Bring your code to life! – This feature allows you to experiment with code directly on the MDN website. Future CSS: State Container Queries – Take a look at how this experimental feature could benefit designers. Why Modern CMS Shouldn’t Do Everything – Some systems still employ bad practices that hurt accessibility and usability. Style Your RSS Feed – Learn how to make your feed more user-friendly. Creating a Bulge Distortio...
Weekly News for Designers № 698
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 698

THE INDEX – A curated gallery showcasing the best designers, studios, typefaces, and more. Scroll-Driven Animations – A collection of demos and tools for creating these popular effects. Mastering CSS Blend Modes – Use these CSS techniques to create high-quality blend effects. Building Websites with the Future in Mind – Tips for preparing websites for inevitable change. Everything You Want To Know About Media Queries & Responsive Design – Brush up on the basics of building websites for every device. SpaceBadgers – Check out this collection of “fast and clean” SVG badges. Advanced Form Control Styling With Selectmenu & Anchoring API – A look at how the <selectmenu> element aims to make styling the form control easier. How No-Code Tools Disrupt the Design Process – Why this new ...
Weekly News for Designers № 697
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 697

CSS Pattern – A collection of copy-and-paste patterns generated by CSS. 4 Levels of Grids for Web Designers – Explore the various levels of grids used in interactive design. Designing A Better Design Handoff File In Figma – Practical tips to enhance the handoff process between design and development. Taking Trips Outside of Your Design Comfort Zone – Why being uncomfortable can help you grow as a designer. Loaf Icons – Check out this collection of 900+ animated SVG icons. Dynamic Interfaces – Exploring the question: What if a UI could design itself? Intel One Mono Typeface – An expressive monospaced font family that’s built with clarity, legibility, and the needs of developers in mind. Why Do We Still Use PDF Files on the Web? – Maybe the popular format isn’t as necessary these days. Using...
Weekly News for Designers № 691
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 691

How ChatGPT Works – Take a look at what powers the AI app – complete with plenty of helpful diagrams. User Journeys vs. User Flows – Examining the differences in scope, purpose, and format of these two phrases. 8 CSS & JavaScript Snippets for Recreating Iconic Titles – Worthy imitations of titles from film, television, and video games. Recreating the Title Effect from CreativeSouth.com – This tutorial demonstrates a 3-D mouse-aware text effect. Color Contrast Checker – This tool will check color contrast ratios and, when appropriate, suggest alternatives. How to Draw with SVG Code – Learn how to start drawing basic shapes using code. Things Every Website Owner Should Know – Basic items that clients need to be aware of. The Complications of Typographic Size on the Web – What to consider...
Weekly News for Designers № 690
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 690

Favicon Generator – Upload an image and this tool will generate a set of favicons. Ideas for Pixel Page Transitions – Examples of building compelling transition effects. 20 Free Intro & Opener Templates for After Effects in 2023 – Use these video templates to capture a viewer’s attention. A Short History of Artificial Intelligence – A review of major turning points that have led us to the current state of AI. Meet Adobe Firefly – Take a peek at the new AI art generation tool from Adobe. Grid World – This essay details the importance of the grid in both design and everyday life. Is That Commercial WordPress Plugin a Good Deal? – How to determine whether a “pro” plugin is worth your investment. Regex.ai – This AI-powered regular expression tool will read your text input and highlight the...
Weekly News for Designers № 689
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 689

UX Basics: Study Guide – This resource serves as a starting point for learning the basics of UX. 2023 State of Design Systems and Where We Take Them Next – Thoughts on how design systems are changing. Amazing Metallic Effects Built With CSS and JavaScript – Examples of attractive and interactive effects. Flectofy – Create unique SVG shapes with this tool. Things Your Web Design Clients Should Manage Themselves – A look at why web designers shouldn’t control every aspect of a client’s online presence. Visually Hidden Content is a Hack that Needs to be Resolved, not Enshrined – The downside of hiding content via CSS. Improving CSS Shapes with Trigonometric Functions – How math can help us create better and more complex shapes. Code Snippets That Demonstrate the Repelling Effect in Web Design...
Weekly News for Designers № 687
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 687

How Blogs Shaped the Web – A look back at the early days of blogging and how it impacted the online world. Fullscreen Clip Animation – Explore clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way. Modern Font Stacks – System font stack CSS organized by typeface classification for every modern OS. Jumping Through Hoops for Prospective Web Design Clients – What to do when someone pushes boundaries before becoming a client. CSS Nesting – Check out this time-saving feature now built into CSS. Shapes App – A copy-and-paste library of SVG shapes. Make Bookmarklets – Use this tool to build tiny JavaScript applications stored in a bookmark URL. Why Is Microsoft Edge Adding Its Own UI to Websites? – How the Visual Search tool is aug...
Weekly News for Designers № 681
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 681

Refraction, Dispersion, and other Shader Light Effects – Learn how to create realistic lighting effects with React Three Fiber. How to Use Block Template Parts in a Classic WordPress Theme – A new feature that brings block-based editing to classic theme templates. Accessible Hamburger Buttons without JavaScript – A look at building a navigation UI with CSS and HTML. 8 CSS & JavaScript Snippets for Creating Unique Photo Galleries – Examples that go beyond basic layouts and feature stunning effects. Coding a Kinetic SVG Typography Animation – Create a captivating motion type effect using SVG and GreenSock. A Fancy Hover Effect For Your Avatar – Make your avatar stand out by adding depth and movement. 35 Free Sets of Brushes for Procreate App – Add some bling to your artwork with these aw...
Weekly News for Designers № 680
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 680

Animating CSS Grid (How To + Examples) – Techniques for adding movement to grid properties. Managing the 24/7 Work Culture of Web Designers – How to navigate the stress and expectations of working on the web. 8 Most Common Problems in Website Design – A look at potential pitfalls and ways to fix them. Neurodiversity Design System – Standards and principles for making accessible learning management systems (LMS). PHP in 2023 – A yearly look at changes and advancements in the popular language. The 50 Best Free Lightroom Presets for 2023 – Add power and efficiency to your photo editing workflow with these outstanding presets. Our 6 principles for creating components – Tips for building better dashboard interfaces. Yotako – This free tool will turn your Adobe XD and Figma designs into a WordPr...
Weekly News for Designers № 679
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 679

On-Scroll Typography Animations – Effects that add an extra layer of creativity to a website. GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library. 8 CSS & JavaScript Snippets That Celebrate Books – Check out examples that recreate the look and experience of books. Complete Guide To Make You a Regex Guru – This handy resource will help you tame a complicated subject. Interactive SVG Reference – Learn and play with various SVG concepts using this guide. How Do You Define a Successful Web Project? – Why personal success doesn’t necessarily mean project success. Code Documentation, Streamlined – Best practices and techniques for automating documentation. Building an Accessible Theme Picker with HTML, CSS and JavaScript – This tutorial demon...
Weekly News for Designers № 678
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 678

40 Free Templates for DaVinci Resolve – Creating a winning video using these outstanding templates. Design-Pattern Guidelines: Study Guide – Use this resource to help you implement the right UI patterns. Top Front-End Tools Of 2022 – Discover useful tools that will help speed up your workflow. Bring Back Blogging – A movement in response to Twitter’s decline. The State of JS 2022 – Take a look at what JavaScript has been up to in the past year. The State of Email 2023 – Check out this annual report with expert tips, industry stats, and data-driven forecasts for sending better emails. Dealing with the Low Profit Areas of Your Freelance Business – Learn to identify problematic services and determine whether they should stay or go. 2022 JavaScript Rising Stars – Discover projects that have be...
Weekly News for Designers № 677
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 677

All Things AI – Use this resource to find AI tools and services. ResumeTide – A tool that aims to help you quickly build an attractive resume. What is a Design System? – A quick guide to six different types of design systems. Top Pens of 2022 on CodePen– Explore the most hearted pens of the year! The Website-Related Skills Your Clients Really Need to Know – Skills that will help clients effectively manage their website. Sailboat UI – A modern UI component library for Tailwind CSS with 150+ components. Unicopy – Click to copy common Unicode characters and symbols. Why You Should Conduct Annual Website Audits – Tips for auditing the websites you manage and what you can learn along the way. Why do users prefer certain design? – How evolutionary factors of environment perception affect our pre...
Weekly News for Designers № 676
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 676

Unify Framework A new HTML/CSS/JS library, and a set of standardized files, that can be used as the basis for building outstanding web designs. Free WordPress Generators A collection of 40+ generators that will speed up WordPress development. Useful Accessibility & Usability Examples Strategies and methods to tackle some common graphic communication problems, and insights into how to improve things. Writing Can Help Your Web Design Career Writing may not be the right option for everybody, but it could lead to becoming a better web designer. The State of Mobile User Experience This is the latest edition of Mobile Report from the Nielsen Norman Group. Best Data Visualization Projects of 2022 A collection of Nathan Yau’s favorite data visualization projects from last year. Things CSS Coul...
Weekly News for Designers № 675
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 675

8 Virtual Winter Wonderlands Created with CSS & JavaScript – See snow, ice, and cozy scenes created with code. Enhance Voice Recordings for Free – Upload an audio file and this Adobe tool will enhance its quality. WordPress Playground: Running WordPress in the Browser – You can now test select WordPress themes and plugins without having to install a thing. The Many Ways Web Designers Give Away Their Time – You could be leaving quite a bit of money on the table. Setting Up a Screen Reader Testing Environment on Your Computer – This guide will show you how to test website accessibility via a screen reader. The Best UX Design Books 2023 – An updated collection of top UX, UI, and product design books to check out. The Grumpy Designer’s 2023 Preview – A tongue-in-cheek look at what the futu...
Weekly News for Designers № 674
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 674

Easy Mockup Plugin – This Figma plugin helps you quickly create device mockups. Foney Fonts Logo Quiz – Test your typographic knowledge with this holiday-themed challenge. 40 Fantastic Special Effects Tutorials for After Effects – Learn how to make your videos come to life with this handy resource. Tooltip to Gallery Transition – Learn how to build an animated and interactive gallery feature. CSS For URLs & HTTP Headers – What if you could write selectors based on any piece of information in the HTTP response? Photoshot – Upload a few selfies and create an AI-enhanced avatar with this tool. How to Effectively Organize Content within WordPress – These built-in tools can help make content structure more logical and easier to maintain. The Final Google Fonts Knowledge Drop of 2022 – A loo...
Weekly News for Designers № 667
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 667

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats – Enjoy these mouth-watering snippets that will sweeten your screen. Nabla Font – Check out this unique isometric color font. Icônes – Find the perfect icon collection for your project via this search tool. Figma Autoname – This plugin will name your Figma project layers in just one click. Ask the Right Questions if You Want to Avoid Undesirable Projects – A look at one of the best ways to weed out lesser projects. html.to.design – Convert any website into fully-editable Figma designs with this tool. Lucide – An open-source toolkit that is a fork of Feather icons. The Wasted Potential of CSS Attribute Selectors – Explore the concept of styling HTML attributes instead of CSS classes. Futuristic CSS – Predicting future trends ...
Weekly News for Designers № 664
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 664

GIFs Without the .gif – A summary of techniques for looping, audio-free video without using the old school format. The breakpoints we tested in 2021 & 2022, and the ones to test in 2023 – How to design for modern mobile screens. Common Pitfalls When Redesigning a WordPress Website – How to ensure a smooth redesign process and avoid common issues. The new wave of JavaScript web frameworks – Get up to speed with the bleeding edge of JavaScript development. figtree – Check out this free sans-serif variable font. 8 CSS & JavaScript Snippets for Building Mega Menus – Explore a variety of mega menu styles and implementations. Web Almanac – Review the HTTP Archive’s annual state of the web report. Sargam Icons – Download this library of 700+ open-source icons that feature a minimalist des...
Weekly News for Designers № 658
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 658

The 10 Keyboard Shortcuts That Will Give You Figma Superpowers – Increase your efficiency with this collection of handy shortcuts. CSS Grid and Custom Shapes – Learn how to create a uniquely-shaped layout with this tutorial. Everything Developers Must Know About Figma – A look at how the design tool can match up with coding needs. The 10 Best Free Outdoor & Landscape Lightroom Presets – Add new life to your outdoor photos using one of these powerful presets. Alphredo – Create the perfect color scale with this online alpha generator. Fullscreen Scrolling Slideshow – Learn the secrets behind this scroll-based slideshow. The Horizontal Overflow Problem – Tips for dealing with unintended horizontal scrolling on mobile devices. Tips for Having Productive Remote Meetings – Use this guide to ...
Weekly News for Designers № 657
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 657

System.css – This design system pays homage to the classic macOS UI. Designing for Long-Form Articles – Tips for building a relaxed and comfortable reading experience. These ‘CSS crimes’ turn social media posts into games – Exploring the cohost social network, which allows CSS to be injected into posts. How to Deal With Overly Opinionated Design Clients – Learn to nip design-by-committee in the bud. The Infinite Marquee – A responsive looping marquee-style animation using HTML and CSS. Core Web Vitals Tools To Boost Your Web Performance Scores – Use these tools to identify, analyze, improve, and repair items that are impacting Google’s metric. 3 Ways to Enhance Custom Layouts with the WordPress Block Editor – Techniques that will help you take full control of custom block layouts. Javascri...
Weekly News for Designers № 656
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 656

Ripple Icon Library – Grab this free library of 500+ icons for use with Figma. CSS border animations – Techniques for creating unique animated border effects. How to Effectively Critique a Client’s Ideas – Ways to share your opinion without offending clients. Fluid Sizing Instead Of Multiple Media Queries? – Learn a different approach to creating responsive design features. Large Image to Content Page Transition – Follow along as this tutorial demonstrates a simple scroll effect and page transition. What I Learned from Building a Multilingual WordPress Website – Tips for making your website available in multiple languages. :has(): the family selector – Examples and use cases for this handy CSS selector. kmenu – This library promises a “refined, accessible and faster” website navigation exp...
Weekly News for Designers № 652
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 652

Body Margin 8px – Discover the origin story behind the style that no one wants. Golden Ratio in UX design – Why it Matters for Brands? – Learn the history of this irrational number and why it’s important in design. The Public APIs List – Browse this curated and categorized list of public APIs. Learn to Prioritize Your Web Design Work – Tips for handling projects based on their importance. Holograms, light-leaks and how to build CSS-only shaders. – As many shading effects are now available in CSS, you may not need JavaScript to create something unique. Masonry? In CSS?! – We can build masonry-like layouts using CSS Grid. But a new specification would allow these layouts to act like their JavaScript counterparts as well. World’s Highest Website – A CSS experiment that features (gasp) 18.94 k...
Weekly News for Designers № 649
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 649

The World’s Most Satisfying Checkbox – A behind-the-scenes look at turning a mundane element into something much more compelling. Fun CSS-only scrolling effects for Matterday – Learn how to add some scrolling flair to your site. Tailbuild – This app lets you build, save, edit, and download components for use with Tailwind CSS. The Keys to Building Stable & Sustainable WordPress Websites – Tips for crafting WordPress websites that are more resilient and easier to maintain. AnimatiSS – Use this collection of readymade CSS animations in your projects. CSS Shadow Gradients – Copy-and-paste a colorful shadow gradient or design your own with this tool. Adobe plans to make Photoshop on the web free to everyone – A free-to-use version of Photoshop is now being tested in Canada, with plans to g...
Weekly News for Designers № 646
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 646

Lesser-Known And Underused CSS Features In 2022 – Helpful CSS properties and selectors that you may not know about. WordPress 6.0 “Arturo” – Get the lowdown on everything that’s new in the latest release. A Perfect Table of Contents With HTML + CSS – How to craft an attractive and easy-to-read table of contents with some clever CSS. Humbleicons – Download this free package of 216 simple, neutral, and carefully crafted icons. 8 Fun 3D Features You Can Recreate with CSS & JavaScript – Prime examples of 3D elements that can bring a smile to your site’s visitors. Ghost 5.0 – There are several new features worth checking out in the latest version of the CMS. Behind Instagram’s brand evolution: Movement, inclusivity and a new purpose – The story of Instagram’s refreshed brand ide...
Weekly News for Designers № 642
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 642

8 CSS & JavaScript Snippets That Enhance Hamburger Menus – Examples that demonstrate how to enhance and expand the capabilities of your hamburger menus. What is black and white and read all over? – Explore Noto, a black and white emoji font. CSS Toggles Explainer & Proposal – Take a peek at what CSS toggles may look like if adopted. A Practical Guide to Centering in CSS – Learn how to center just about anything using CSS. Web Accessibility Checklist – Use this checklist for creating accessible websites and web applications. 10 Photoshop Actions for Creating Stunning Comic & Cartoon Effects – This collection of Photoshop actions will help you create amazing cartoon effects in just seconds. CTA Modal: How To Build A Web Component – Learn to build a modal window using only HTML. W...
Weekly News for Designers № 634
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 634

Markdown Badges – This collection of badges features a variety of social networks, frameworks, and libraries. 10 Free WordPress Block Themes That Utilize Full Site Editing – Experience the future of WordPress with this collection of free block themes. Creating Native Web Components – Learn how to create and use native web components with the Minze JavaScript framework. New CSS Features In 2022 – A look at new features, what they do, and when you can start using them. Dev Army Knife – This toolkit aims to help web developers with common tasks. How to Handle Ethical Disagreements With Your Design Clients – Learn the process behind dealing with clients who’s requests make you uncomfortable. Annual Awards 2021 – Recognizing the talents and achievements of the Awwwards community. Open Web Advoc...
Weekly News for Designers № 630
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 630

24 Lesser-Known HTML Attributes You May Want to Use – This rundown of HTML elements may contain a few items you weren’t aware of. What’s New In DevTools? – Have a look at the latest tools available in Chrome, Edge, Firefox, and Safari. Why It’s Getting Harder to Trust the Software We Use – The combination of third-party dependencies and spotty maintenance should concern web designers. Making the web better. With blocks! – Wouldn’t it be cool if blocks were interchangeable and reusable across the web? Mini Photo Editor – This Figma plugin allows for basic image editing within the design tool. Why You Should Fire Your Worst Design Clients – If you’re afraid to turn down undesirable clients, perhaps it’s worth looking at things from a different angle. Use Cases For CSS fit-content – A look at...
Weekly News for Designers № 627
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 627

Clay.CSS – Use this library to add 3D claymorphism styles to your design. Wanda – Check out this open-source design system built for digital products and experiences. PHP in 2022 – What the popular language has in store for us this year. Announcing Parcel CSS – Get the details behind this CSS parser, compiler, and minifier. Mesh·y – This browser-based tool will help you create mesh gradients that can be exported as PNG images. 8 Outstanding CSS and JavaScript Chat UI Snippets – Chat UI examples that run the gamut from retro to ultra-modern. A few lesser-known Figma tips – Helpful hints to increase your efficiency in the design app. Simple.css – Use this classless CSS framework to enhance the look of HTML elements. hue.tools – Explore this open-source toolbox for colors. The Secret to Succe...
Weekly News for Designers № 624
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 624

Doodle CSS – This HTML/CSS theme will give your site a hand drawn look. The State of CSS 2021 – The annual look at CSS trends that made news in 2021. 12 Days of Web – Check out this year-end celebration of fundamental web technologies. Guess CSS! – A CSS game where you guess which code snippet matches a layout. The 2021 WordPress Year in Review – The biggest developments for the world’s most popular CMS. Pico.css – A minimal CSS framework that features styles for all native HTML elements and includes a dark mode. The ideal line length & line height in web design – Learn how to set up your typography’s line length and height with this tutorial. Tips for Running a WordPress Multisite Network – Helpful hints for keeping your WordPress multisite install running in tip-top shape. GD.CSS – T...
Weekly News for Designers № 621
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 621

MDEditorsy – This GUI-based tool enables you to build a Markdown/GitHub README profile. A Handy Little System for Animated Entrances in CSS – Check out this set of CSS utilities for animating elements as they enter into view. 50 Free Christmas Templates & Resources for Designers – A fantastic collection of free Christmas and holiday season resources and templates we know you will love. Responsive Layouts, Fewer Media Queries – Some tricks and techniques for reducing (or even eliminating) the number of media queries in your CSS. Image Optimizer – Reduce load times with this open-source tool for optimizing images and vector graphics. How Web Designers Can Cope with Situations Out of Their Control – Exploring a few difficult-to-control situations that typically impact web designers and wa...
Weekly News for Designers № 617
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 617

The start of a new era for Responsive Web Design – A look at the new techniques for creating responsive layouts with CSS. Designing our new company brand: Meta – You may have heard a little something about Facebook’s rebrand. Here’s the story behind its design. Material Design 3 – Check out the latest version of Google’s design language. Building an effective Image Component – How an intelligent image component can improve optimization and performance. Behind the Scenes: Having a Singular Focus for Your Web Design Business – The risks, benefits, and challenges of having a singular focus. Cleanup.pictures – Upload your image and this online tool will remove objects, text or defects. Anron Icons – Download this free icon set for Figma, with 480 icons available in 5 different styles. An Intro...
Weekly News for Designers № 616
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 616

51 git commands that you’ll ever need to get started with Git – This handy reference provides need-to-know git commands. Repetitive Typography Animation – Check out this experimental typography animation, where words get duplicated several times. Typographica Library – Level up your typography game with this digital bookshelf of type and lettering resources. 8 Free Maintenance & Coming Soon Plugins for WordPress – Use these free plugins to inform your visitors about ongoing maintenance or a brand-new site. CSS Squid Game – Squid Game challenges, recreated using pure CSS. Expandable Sections Within a CSS Grid – Learn how to create a full-width, expandable section that works beautifully with CSS Grid. For Casual Users, Information on New WordPress Features Can Be Hard to Find – Some idea...
Weekly News for Designers № 613
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 613

Xplorer – This cross-platform file explorer software works via web technologies. Changing Hands: Should You Worry When a WordPress Plugin Has a New Owner? – Why a change in ownership can be a reason for cautious optimism. Flowrift – Check out this library made of beautifully designed Tailwind CSS UI blocks. Using Modern Image Formats: AVIF And WebP – A compression and performance comparison of old-school and modern image formats. Access Guide – Bookmark this friendly resource that walks you through various accessibility guidelines. What’s the right font size in web design? – Things to consider when setting the size of your type. 10 Free InDesign Templates for Creating Professional Resumes – Stand out from the competition by using one of these excellent resume templates. How I Make CSS Art ...
Weekly News for Designers № 612
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 612

Microcopy – A collection of click-to-copy short text for use on your website. Theatre.js – A GUI-based JavaScript animation library. Dot HQ – Concerned about online privacy? Give this new web browser a try. Motion One – This animation library promises “huge” performance while keeping a tiny file size. Navigating Harsh Judgements and Self-Worth in Web Design – Some advice for tuning out the darkest parts of the web design community. Menu and Thumbnail Stack Animation – Learn the process behind this unique menu animation. The Future of CSS: Cascade Layers – Find out how this new CSS feature can help designers take control of the cascade. 8 Best WordPress Plugins for Providing Customer Support – Add a variety of customer support functionality to your website with these handy plugins. Geometri...
Weekly News for Designers № 604
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 604

A framework for building Open Graph images – A look at GitHub’s new Open Graph image generator. There Is No Such Thing As A CSS Absolute Unit – Learn why CSS units aren’t so absolute after all. UI patterns & design inspiration from real products – Browse this curated library of screenshots & interaction patterns from the world’s best digital products. Learn How to Determine Website Project Requirements Like a Pro – Strategies that can help you paint a clearer picture of what a website project will require. uxbullshit – Read some not-so-recommended UX quotes. Image optimisation: the ultimate guide – Learn the ins and outs of getting the best performance from your images. The State of Developer Ecosystem 2021 – Annual look at the latest trends in the tech industry, as well as interes...
Weekly News for Designers № 602
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 602

Pattern Collect – Browse this curated gallery of patterns from around the web. Designing for the Unexpected – Thoughts on designing for situations and devices you didn’t anticipate. GradientArt – Give this feature-packed, web-based CSS gradient editor a try. The Current State of Homepage UX – 8 Common Pitfalls – A look at how well various eCommerce sites are doing, along with things to avoid in your own projects. Refactoring CSS: Introduction (Part 1) – Dive into the process of analyzing your code, identifying weaknesses and creating solutions. gridless.design – Interesting thoughts on moving beyond grid-based design. Is It Time for Web Designers to Retire the Slider? – The slider was once a catch-all solution. But perhaps it has outlived its usefulness? inLine – Use this free JavaScript l...
Weekly News for Designers № 599
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 599

User Inyerface – Can you navigate through this game of really bad UI? Building Generative Grid Layouts With Quadtrees – Learn how to create super versatile generative/random grid layouts in just a few lines of JavaScript. Wordmark – Use this online tool to find the perfect font for your project. 15 Free HTML Templates for Creating Resumes – Use one of these fantastic templates to create your resume, then customize to make it your own. CSS Selectors: The Full Reference Guide – Get the lowdown on CSS selectors with this in-depth resource. Fabius – Free Resume WordPress Theme – A free one-page resume WordPress theme which would be perfect as the personal portfolio of any digital professional. Serving sharp images to high density screens – A guide to making your images crystal clear on HiDPI m...
Weekly News for Designers № 593
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 593

Building a Personal [Origami] Website in 2021 – Useful tips for those who want to create their own personal website. Storybook addons for CSS – Tools that streamline the CSS debugging process. Iconoir – A free, open-source collection of 900+ SVG icons to use in your projects. UX Lex – Stay up-to-date with this evolving, interactive glossary of UX research terms. Breakpoints – Use this Figma plugin to preview your responsive page layouts. Signflow Free WordPress Theme – A free startup & technology WordPress theme that could be used for building startup web sites, web services, businesses, internet services, and so much more. As a Freelance Designer, What Is Your Unique Selling Point? – How designers can harness the power of a USP (Unique Selling Point). 5 steps to faster web fonts – Tak...
Weekly News for Designers № 590
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 590

FigJam Simple Wireframe Templates – A free library that adds missing wireframing components to Figma’s new online whiteboard FigJam. Why Web Designers Should Learn Multiple CMS – A few reasons why we think learning multiple CMS can be a good thing for every web designer. Profiling Site Speed – This article explains how to use the Chrome DevTools Performance tab to profile your site and interpret the results. The Making (and Potential Benefits) of a CSS Font – This is “just” HTML controlled with CSS, but still, it is software and it gets the message through. Yoome Free WooCommerce Theme – A free WooCommerce WordPress theme for creating stunning online shopping stores. Checklist to Starting Your Freelance Graphic Design Business – To help set you up for success, Dribbble have shared a comple...
Weekly News for Designers № 585
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 585

100 underline/overlay animations | The ultimate CSS collection – Use this collection to find the perfect CSS animation for your project. Why Thinking Ahead Is Crucial in Web Design – Learn how to design websites with the future in mind. Charts.css – Check out this modern CSS framework that styles HTML elements as charts. Conditional animations with CSS properties – Make your website more accessible by loading animations based on a user’s “reduced motion” OS settings. Evergreen CSS Flex Layouts With Live Demos – A collection of common layouts that you can copy and paste right into your own site. 5 Common WordPress Myths Debunked – Some of the things you read about WordPress just aren’t true. This post will set the record straight. Foont. – How well do you know fonts? This quick game will pu...
Weekly News for Designers № 578
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 578

Pika – Download this easy to use, open-source, native color picker for macOS. Luxa CSS – A minimalist CSS framework to help you design and build quickly. KTRZ Monokai – Coders, check out this minimal Visual Studio Code theme with the Monokai color scheme. Where Two-Factor Authentication Falls Short – 2FA’s dependence on a mobile device can cause all sorts of problems. Uniwidth typefaces for interface design – Examples of how to implement this handy type technique. Measuring, Defining and Improving Productivity: The Design Productivity Blueprint – An inside look at Spotify’s tool for measuring designer productivity. How to avoid layout shifts caused by web fonts – Real-world solutions to keep typography from causing large shifts in page layout. Are High-Quality Free WordPress Themes a Thing...
Weekly News for Designers № 577
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 577

Video Tutorial: How to Create a Stained Glass Window Effect – Craft a stunning effect in Adobe Illustrator with this tutorial. The State of Design in 2021 – A survey of over 1,000 designers, asking them how they work, what they value, and what kinds of challenges they’re facing. 8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript – Some interesting examples of how icons can improve website navigation. VISIWIG Vector Pattern Generator – Create seamless patterns and export them to your favorite editing software. Doing Away With Bad Design Ideas and Moving on to the Good Ones – A few strategies creative professionals can use to quickly do away with all those bad design ideas, and move on to the good ones. On-Scroll Letter Animations – A small set of examples showing how lett...
Weekly News for Designers № 573
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 573

Our 50 Favorite CSS Libraries, Frameworks and Tools from 2020 The Rules of Margin Collapse – Joshw Comeau unravels the mystery that is known as “margin collapse.” 50 Best Websites of 2020 – Here’s a collection of the websites that Webdesigner Depot loved in 2020. Typography Principles – The Obys Agency shares some of their typography principles that help improve your experience. Reducing Motion in Animations – This article will demonstrate how to use the prefers-reduced-motion media feature in both CSS and JS to offer alternative interactions for users. Infinite Scroll: What Is It Good For? Uisual – A collection of minimally designed free HTML & CSS (no JS) landing page templates for startups. Deadlines – A simple, offline deadline tracker made with Vue.js and localForage. 10 M...
Weekly News for Designers № 570
building website, creating a website, Designer News, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 570

Why it’s good for users that HTML, CSS and JS are separate languages – Separating structure, styles and interactivity isn’t so bad, after all. Viral – A free typeface that bills itself as a “recipe for quarantining in 2020”. Download it, if you’re into that sort of thing. Atkinson Hyperlegible – This free font provides greater legibility for low vision readers. Examining the Evolution of the Typical Web Design Client – A look at how clients have changed since the early days of web design. Native Aspect Ratio Boxes in CSS thanks to aspect-ratio – Learn how to define a preferred aspect ratio for your design elements. Avoiding ‘Wasteful’ CSS in Your Projects – Tools and techniques that will help rid your site of unused CSS styles. Time to Say Goodbye to Google Fonts – Why self-hosting your fo...
Weekly News for Designers № 571
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 571

How to Help Your Clients with Website Content Strategy – How to get the processes of creating and organizing content moving in the right direction. Devbook – A new kind of search engine made just for developers. What Makes CSS Hard To Master – Thoughts on what frustrates some developers about CSS. The Grumpy Designer Looks Ahead to 2021 – The definitive tongue-in-cheek look at how the new year will impact the web design community. 10 new rules of design – Leading experts say that it’s time to move past “Eurocentric” ideas. Do you agree? Adobe just released the last Flash update ever – The last update for the venerable app. Official support will stop at the end of 2020. Horizontal Smooth Scroll Layouts – Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll. How to...
Weekly News for Designers № 572
building website, creating a website, Designer News, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

Weekly News for Designers № 572

2020 Web Design Year in Review – A look back at some important and interesting developments that impacted web designers this past year. Search Engine Optimization Checklist (PDF) – Use this handy reference to solve your most tedious SEO issues. Wavelry – Create your own custom wave graphics with this browser-based tool. You can export your work in either PNG or SVG format. Radix UI – An open-source UI component library for building high-quality, accessible design systems and web apps. 8 Ways for Bringing Creativity to Hyperlinks with CSS & JavaScript – Dress up your links for better user experience and accessibility. Sticky CSS Grid Items – Learn the technique behind making an element sticky within a CSS Grid layout. Fluent Icons – Grab this huge library of open-source icons from none ...