Creative Boom

MARCH 8, 2024

Cast in a documentary style, the charming film featured a cast of loveable wild animals and pets made out of clay, matched with human voices to great effect. For me, it's mainly news or sport; that's what I watch on the BBC," says the father fox, as they sit together outside a family home at night, leaning against some wheelie bins.

Publication 482

Publication Animation Sports Marketing 482

SpeckyBoy

JANUARY 19, 2024

A Practical Introduction to Scroll-Driven Animations With CSS scroll() and view() , learn how to create scroll animations that toggle shadows. The post Weekly News for Designers № 726 appeared first on Speckyboy Design Magazine. Learnings From Conducting Over 100 Website Migrations Starting a website migration?

Fonts 100

Fonts Coding Animation Magazine 100

SpeckyBoy

FEBRUARY 16, 2024

On-Scroll Animation Ideas Codrops shares some innovative ideas for animating sticky sections as they leave the viewport. The post Weekly News for Designers № 730 appeared first on Speckyboy Design Magazine. 25 Years of Freelancing Eric shares some valuable lessons from his 25 years as a freelance web designers.

Freelance 79

Freelance Freelance Web Design Web Design 79

SpeckyBoy

DECEMBER 8, 2023

On-Scroll Sliced Text Animation Tutorial Discover how to craft a scroll-triggered sliced text animation, in which segmented elements come together as you scroll. Deceptive Patterns in UX: How to Recognize and Avoid Them The post Weekly News for Designers № 723 appeared first on Speckyboy Design Magazine. Does Web Design Matter?

Arts and Crafts 89

Arts and Crafts Web Design Web Design Photoshop 89

SpeckyBoy

NOVEMBER 10, 2023

Image Layer Animations with Clip-Path Some ideas for speedy page transition animations with layered images using clip-path. The post Weekly News for Designers № 719 appeared first on Speckyboy Design Magazine.

Web Design 93

Web Design Web Design Photoshop Templates 93

SpeckyBoy

JUNE 30, 2023

Theme Toggles – Check out this collection of animated toggles for use on your website. 8 CSS & JavaScript Snippets for Animating Words – Examples that bring your text to life. Coding the Sliced Image Hover Effect from Quai Network – Learn how to code a similar hover animation to the one seen on the website of Quai Network.

Animation 86

Animation Adobe Coding Networking 86

SpeckyBoy

SEPTEMBER 8, 2023

CSS Loaders – Check out this collection of 500+ CSS loading animations. Bézier Curves – Take a deeper look at this powerful CSS animation tool. Connected Grid Layout Animation – Ideas for simple on-scroll animations on “connected” grid layouts. The Glitch Gallery – Browse this online exhibition of pretty software bugs.

Animation 90

Animation Layout Theme Fonts 90

SpeckyBoy

NOVEMBER 26, 2023

Dynamic Tooltip Reveal Animations A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing. Hideo Free WordPress Theme A new free portfolio WordPress theme from Anders Norén. The post Weekly News for Designers № 721 appeared first on Speckyboy Design Magazine.

Banners 92

Banners Web Design Web Design Templates 92

SpeckyBoy

FEBRUARY 8, 2024

Animating Font Palette This tutorial explores the new feature in Chrome 121 that allows for animating transitions between font palettes in color fonts using CSS. The post Weekly News for Designers № 729 appeared first on Speckyboy Design Magazine. And it impacts web designers and their clients in numerous ways.

Fonts 80

Fonts Web Design Web Design Animation 80

SpeckyBoy

AUGUST 25, 2023

On-Scroll Column & Row Animations – Get some inspiration for scroll-driven animations on column and row items. Four New CSS Features for Smooth Entry & Exit Animations – Check out the new web platform features available in Chrome 116 and 117.

Freelance 78

Freelance Freelance Animation Templates 78

SpeckyBoy

AUGUST 4, 2023

Grid Flow Animation – Check out this loading and navigation animation where thumbnails “flow” into a grid. Scroll Driven Animations in CSS – This new CSS feature opens a world of new possibilities for designers. NASA Beta Website – The famed space agency has chosen WordPress to power its new website.

Freelance 76

Freelance Freelance Animation Layout 76

SpeckyBoy

OCTOBER 13, 2023

Animating Multi-Page Navigations with Browser View Transitions & Astro A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience. The post Weekly News for Designers № 716 appeared first on Speckyboy Design Magazine.

Photoshop 86

Photoshop Animation Freelance Freelance 86

SpeckyBoy

APRIL 21, 2023

Grid View Switch Animation – Check out this concept for a view switch animation that goes from grid to slideshow. Trig.js – The easy way to create CSS scroll animations that react to the position of your HTML element on the screen. The post Weekly News for Designers № 691 appeared first on Speckyboy Design Magazine.

Vectors 89

Vectors Client Coding Animation 89

SpeckyBoy

AUGUST 11, 2023

Landing Love – Browse this showcase of 500+ animated websites. On-Scroll Perspective Grid Animations – A guide to building a variety of animated perspective grid layouts. On-Scroll Perspective Grid Animations – A guide to building a variety of animated perspective grid layouts.

Animation 69

Animation Client Templates Web Design 69

SpeckyBoy

JULY 28, 2023

Scroll-Based Layout Animations – An exploration of different scroll-based layout switch animations using GSAP’s ScrollTrigger and Flip. Scroll Progress Animations in CSS – Use CSS to link an animation to the scroll progress of a container.

Web Design 77

Web Design Web Design Animation Fonts 77

SpeckyBoy

JULY 22, 2022

Tiny Grid Layout Animation – Learn to build a layout transition where a small grid animates to a larger view. 6 Free Animated Icon Templates for After Effects – Add some visual appeal to videos with these handy icon template packs. The post Weekly News for Designers ? 653 appeared first on Speckyboy Design Magazine.

Logo Creation 103

Logo Creation Templates Layout Coding 103

SpeckyBoy

JUNE 10, 2022

AutoAnimate – This drop-in JavaScript utility adds smooth animated transitions to your projects. Scroll Animation Ideas for Image Grids – This tutorial explores animating images in a grid while scrolling. The post Weekly News for Designers ? Why is that? 647 appeared first on Speckyboy Design Magazine.

Photoshop 104

Photoshop Animation Fonts Templates 104

SpeckyBoy

JANUARY 27, 2023

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

Color Schemes 96

Color Schemes Coding Templates Animation 96

SpeckyBoy

OCTOBER 14, 2022

On-Scroll Animation and View Switch – This tutorial demonstrates some fun on-scroll animation effects. The post Weekly News for Designers ? Easy Fluid Typography With clamp() Using Sass Functions – Learn to use this handy CSS tool for type that scales. 665 appeared first on Speckyboy Design Magazine.

Theme 102

Theme Templates Layout Animation 102

SpeckyBoy

OCTOBER 6, 2023

Animated Background Videos – A free collection of looping 4K background files for your next video project. Fullscreen Image Slideshow Animations – A collection of ideas for designing slideshow animations on fullscreen images from Codrops. CC0 licensed. Responsiveness is a bit more nuanced than that.

Animation 62

Animation Client Web Design Web Design 62

SpeckyBoy

MARCH 24, 2023

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. Shantell Sans – This marker-style font is built for creative expression, typographic play, and animation. Extra Thicc Icon Set – Download this free set of 300 vector icons.

Web Design 79

Web Design Web Design Client Animation 79

SpeckyBoy

AUGUST 12, 2022

CSS border animations – Techniques for creating unique animated border effects. WordPress.org Redesign – Take a peek at the new home and download pages for the WordPress project. The post Weekly News for Designers ? Ripple Icon Library – Grab this free library of 500+ icons for use with Figma.

Templates 97

Templates Theme Animation Client 97

SpeckyBoy

APRIL 15, 2022

Zas Editor – A new code editor for those who write Go and Rust. 10 Free Plugins for Adding Animation Effects to WordPress – Add a variety of animations to your website with this collection of free plugins. Lines to Content Layout Animation – This tutorial demonstrates a unique layout animation technique.

Animation 100

Animation Templates Layout Photoshop 100

SpeckyBoy

MAY 13, 2022

Image Trail Animation for an Intro – An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects. The post Weekly News for Designers ? Syntax Highlighting (and More!) With Prism on a Static Site – The secrets behind adding syntax highlighting on a Next.js-powered

Photoshop 103

Photoshop Animation Layout Media 103

SpeckyBoy

FEBRUARY 3, 2023

Animating CSS Grid (How To + Examples) – Techniques for adding movement to grid properties. The post Weekly News for Designers № 680 appeared first on Speckyboy Design Magazine. Managing the 24/7 Work Culture of Web Designers – How to navigate the stress and expectations of working on the web.

Photo Editing 122

Photo Editing Templates Client Freelance 122

SpeckyBoy

FEBRUARY 17, 2023

Shuffling Typography Animation – Learn how to build a shuffling type animation with various effects for a geeky terminal look. New AI Image & Text Generator Blocks Arrive in the WordPress Editor – WordPress.com is experimenting with AI content generation tools. Design for AI: What Should People Who Design AI Know?

Layout 83

Layout Animation Magazine Client 83

Speckyboy Design Magazine

OCTOBER 16, 2020

Animating Number Counters – Whether you’re counting up or down, add some animation to your numbers. The post Weekly News for Designers ? Developing For The Semantic Web – Why semantic markup has become increasingly important for websites. MathJax – A JavaScript display engine for mathematics that works in all browsers.

Layout 143

Layout Animation Vectors Client 143

SpeckyBoy

AUGUST 19, 2022

The Infinite Marquee – A responsive looping marquee-style animation using HTML and CSS. The post Weekly News for Designers ? These ‘CSS crimes’ turn social media posts into games – Exploring the cohost social network, which allows CSS to be injected into posts. 657 appeared first on Speckyboy Design Magazine.

Theme 124

Theme Layout Fonts Web Design 124

Speckyboy Design Magazine

FEBRUARY 19, 2021

Simple CSS Line Hover Animations for Links – Simple and subtle CSS-based line hover animations for links. The post Weekly News for Designers ? Getting The Most Out Of Git – Learn about some lesser-known but useful features of the version control system. Also be sure to grab the included cheat sheet!

Fonts 143

Fonts Templates Animation Magazine 143

SpeckyBoy

SEPTEMBER 1, 2023

React Demos – An animated collection of React UI components created by indie developers. Creating Custom Easing Effects – Learn how to create custom CSS animations using the linear() function. The post Weekly News for Designers № 710 appeared first on Speckyboy Design Magazine.

Web Design 83

Web Design Web Design Theme Templates 83

SpeckyBoy

NOVEMBER 11, 2022

How To Create Advanced Animations With CSS – Go beyond the basics with this animation tutorial. How New Web Designers Can Level Up – Tips for building a successful and sustainable web design career. daily.dev – This browser extension/website curates top web development news. The post Weekly News for Designers ?

Web Design 82

Web Design Web Design Animation Freelance 82

SpeckyBoy

DECEMBER 23, 2022

How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js & GSAP – Learn how to build a unique interactive animation. The post Weekly News for Designers № 675 appeared first on Speckyboy Design Magazine. What Will Impact WordPress Freelancers in 2023? –

Coding 99

Coding Freelance Freelance Web Design 99

SpeckyBoy

OCTOBER 29, 2021

Repetitive Typography Animation – Check out this experimental typography animation, where words get duplicated several times. 8 Free Maintenance & Coming Soon Plugins for WordPress – Use these free plugins to inform your visitors about ongoing maintenance or a brand-new site. The post Weekly News for Designers ?

Web Design 110

Web Design Web Design Portfolio Animation 110

SpeckyBoy

APRIL 22, 2022

On-Scroll Text Repetition Animation – This tutorial demonstrates an on-scroll animation that shows repeated fragments of big text. 8 Awesome Animated Backgrounds Built with CSS & JavaScript – Examples of animated backgrounds that run the gamut in terms of looks and use cases. The post Weekly News for Designers ?

Photoshop 100

Photoshop Animation Templates Client 100

Speckyboy Design Magazine

MARCH 26, 2021

100 underline/overlay animations | The ultimate CSS collection – Use this collection to find the perfect CSS animation for your project. Conditional animations with CSS properties – Make your website more accessible by loading animations based on a user’s “reduced motion” OS settings.

Animation 119

Animation Fonts Templates Layout 119

SpeckyBoy

JULY 30, 2021

8 CSS & JavaScript Code Snippets for Creating Realistic Animation – Incredibly realistic animations created with code. The post Weekly News for Designers ? Pattern Monster – A simple online pattern generator to create repeatable SVG patterns. Open Source Alternatives – A curated list of 200+ open source business tools.

Coding 120

Coding Patterns Animation Photography 120

SpeckyBoy

JUNE 24, 2022

AnimatiSS – Use this collection of readymade CSS animations in your projects. The post Weekly News for Designers ? The Keys to Building Stable & Sustainable WordPress Websites – Tips for crafting WordPress websites that are more resilient and easier to maintain. 649 appeared first on Speckyboy Design Magazine.

Photoshop 110

Photoshop Adobe Web Design Web Design 110