- Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1)
Freitag 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
This article is all about experimenting with modern CSS features. We will combine things like CSS masks, CSS variables, trigonometric functions, `@property`, and more to create a neat hover effect that would have been extremely difficult to do even a few years ago without the latest and greatest that CSS has to offer. - Weekly News for Designers № 714
Freitag 10:47 – Speckyboy at Speckyboy Design Magazine
This week’s Designer News – № 714 – includes A (more) Modern CSS Reset, The Next Generation of Web Layouts, Why Use React in 2023, The Design System Ecosystem, State of HTML 2023 and more.
The post Weekly News for Designers № 714 appeared first on Speckyboy Design Magazine. - Exploring Enhanced Patterns In WordPress 6.3
Donnerstag 13:00 – at Articles on Smashing Magazine — For Web Designers And Developers
In this article, Ganesh Dahal explains how the features have evolved since reusable blocks were officially released in WordPress 5.0 — and how the two have converged in WordPress 6.3 to form a powerful feature capable of allowing content creators to sync content and design patterns consistently in pages and posts. - The Difference Between Cheap & Budget Clients
Donnerstag 6:48 – Eric Karkovack at Speckyboy Design Magazine
A cheap client will expect you to bend to their needs. While a budget client will be happy to compromise. Make sure you choose wisely.
The post The Difference Between Cheap & Budget Clients appeared first on Speckyboy Design Magazine. - 50+ Best Branding Identity Mockup Templates in 2023
Dienstag 15:42 – Paul Andrew at Speckyboy Design Magazine
An impressive and varied collection of branding identity mockup templates. Business cards, coffee cups, stationery, and much more.
The post 50+ Best Branding Identity Mockup Templates in 2023 appeared first on Speckyboy Design Magazine. - Getting Started With Neon Branching
Dienstag 10:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Branches are a really nice (and safe) way to configure or reconfigure your database without fear of screwing up the production database. Let’s take a closer look at how branching works with [Neon](https://bit.ly/46cEgX1), and the good news is, you probably already know how it works! - Smashing Podcast Episode 65 With Alex Older: How Do You Run A Grassroots Conference?
Dienstag 8:00 – at Articles on Smashing Magazine — For Web Designers And Developers
We’re talking about running grassroots conferences and meet-ups. What does it take to organize a small industry event for your community? Drew McLellan talks to WDC’s Alex Older to find out. - Is the ‘Fast & Cheap’ Website Still Realistic?
Dienstag 7:06 – Eric Karkovack at Speckyboy Design Magazine
Should fast and cheap website design be tossed into the dustbin of history? We look at this old nemesis and wonder if it still has a place in modern web design.
The post Is the ‘Fast & Cheap’ Website Still Realistic? appeared first on Speckyboy Design Magazine. - WaterBear: Building A Free Platform For Impactful Documentaries (Part 1)
Montag 10:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Adrian’s kicking off a two-part series, sharing his journey as a lead developer. In the process, you will learn about the lessons and insights Adrian gained at work, including the strategies that went into the technical stack of the project and what it looks like to collaborate with a team he is leading for the first time. - 8 Essential Free & Premium WordPress Plugins for 2023
Montag 7:13 – Paul Andrew at Speckyboy Design Magazine
This collection features eight essential WordPress plugins for small business owners and web designers. They’re all leading products in their particular areas.
The post 8 Essential Free & Premium WordPress Plugins for 2023 appeared first on Speckyboy Design Magazine. - 20+ Best Free Lightroom Mobile Presets for Stunning Photo Effects
Sonntag 11:19 – Paul Andrew at Speckyboy Design Magazine
A stunning collection of free presets for Lightroom Mobile that will allow you to enhance your mobile photos with just a few clicks.
The post 20+ Best Free Lightroom Mobile Presets for Stunning Photo Effects appeared first on Speckyboy Design Magazine. - Weekly News for Designers № 713
Freitag 10:21 – Speckyboy at Speckyboy Design Magazine
This week’s Designer News – № 713 – includes Shader Gradients, Rediscovering The Joy Of Design, Is AI better at picking and pairing fonts than you?, Limitations of Scoped CSS, and a whole lot more.
The post Weekly News for Designers № 713 appeared first on Speckyboy Design Magazine. - The Path To Awesome CSS Easing With The linear() Function
Freitag 10:00 – at Articles on Smashing Magazine — For Web Designers And Developers
With the new CSS `linear()` easing function on the horizon, the possibilities of what we can do to create natural-feeling animations and transitions in the future are greatly expanded. Jhey Tompkins looks at the current state of CSS easing in this article and demonstrates what we can expect from `linear()`, including handy tools to get your hands on it today. - Welcome to the New LimeWire: AI Media Generation (Sponsored)
Freitag 0:35 – David Walsh at David Walsh Blog
LimeWire was a staple of my youth. LimeWire was software that allowed users to share any type of file during the revolutionary days of file sharing. Fast forward to today and LimeWire is back, again as revolutionary software, but this time in the field of AI content publishing. From creating images to music and video, […]
The post Welcome to the New LimeWire: AI Media Generation (Sponsored) appeared first on David Walsh Blog. - What My Old Design Projects Have Taught Me
Donnerstag 7:35 – Eric Karkovack at Speckyboy Design Magazine
I’ve felt embarrassed when looking through my old projects. But time brings perspective. Eventually, you start to see things in a different light.
The post What My Old Design Projects Have Taught Me appeared first on Speckyboy Design Magazine. - Facilitating Inclusive Online Workshops (Part 2)
Mittwoch 13:00 – at Articles on Smashing Magazine — For Web Designers And Developers
To help ensure the success of a workshop, Ben Shih introduces the concept of an inclusive workshop. In Part 2 of the series, you will continue to delve deeper into several key principles and guidelines that you can follow during and after the workshop to encourage an inclusive atmosphere. - Do All of the Projects in Your Portfolio Look the Same? That’s OK.
Mittwoch 6:52 – Eric Karkovack at Speckyboy Design Magazine
Should you worry if all of your design projects look similar? Of course not. It may mean that you’re particularly successful in one specific area of design.
The post Do All of the Projects in Your Portfolio Look the Same? That’s OK. appeared first on Speckyboy Design Magazine. - How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow
Montag 18:00 – at Articles on Smashing Magazine — For Web Designers And Developers
This article is a peek behind the curtain of how content is managed here at Smashing Magazine. In it, you’ll get a tour of an article’s full lifecycle, from a basic outline to the sort of thing you’re reading right this second. - 8 CSS & JavaScript Snippets for Creating Blur Effects
Montag 6:04 – Eric Karkovack at Speckyboy Design Magazine
We share some excellent examples of CSS & JavaScript blur effects. They are a surefire way of making a design element stand out.
The post 8 CSS & JavaScript Snippets for Creating Blur Effects appeared first on Speckyboy Design Magazine. - Revealing Images With CSS Mask Animations
Freitag 7:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Let’s play with images and experiment with CSS masks. The idea is fairly simple: take a single „ tag and harness the power of CSS to accomplish complex hover transitions. Through different demos, you will see how CSS masks combined with gradients allow us to create fancy effects — with efficient, reusable code. - Facilitating Inclusive Online Workshops (Part 1)
Mittwoch 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Running a workshop can be an effective alternative to traditional, long-standing meetings. To help ensure its success, Ben Shih introduces the concept of an inclusive workshop. In Part 1 of the series, you discover the fundamentals of inclusivity and get some solid guidance on how to plan an inclusive remote workshop. - Unveiling 15+ Essential Tools & Resources for Web Designers and Agencies in 2023 (Sponsored)
Dienstag 10:54 – David Walsh at David Walsh Blog
You’ve visited countless websites, and now you’re designing your own. Stop and think for a minute about what you’ve liked and didn’t like about some of those you visited. Was it the front page, the layout in general, or the functionalities that either met with your satisfaction or turned you off? The helpful tools and […]
The post Unveiling 15+ Essential Tools & Resources for Web Designers and Agencies in 2023 (Sponsored) appeared first on David Walsh Blog. - Gradients, Blend Modes, And A Really Cool Hover Effect
Montag 15:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Gradients are a powerful CSS feature. We use them for texture, depth, and even to hide parts of elements with CSS masking. This article covers another interesting way to use gradients — as a hover effect that affects the appearance of other elements around the hovered element. - Rediscovering The Joy Of Design
Freitag 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Pratik Joglekar takes a philosophical approach to remind designers about the lost joy within themselves by effectively placing massive importance on mindfulness, introspection, and forward-looking. Without joy, the work we do would feel meaningless. To prevent it from happening, check out a few ideas that would help rediscover that spark of joy. - Sum an Array of Numbers with JavaScript
Donnerstag 2:06 – David Walsh at David Walsh Blog
It’s rare that I’m disappointed by the JavaScript language not having a function that I need. One such case was summing an array of numbers — I was expecting Math.sum or a likewise, baked in API. Fear not — summing an array of numbers is easy using Array.prototype.reduce! const numbers = [1, 2, 3, 4]; […]
The post Sum an Array of Numbers with JavaScript appeared first on David Walsh Blog. - Long Live The Test Pyramid
Mittwoch 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Is the Test Pyramid really dead? Discover the more contemporary testing strategies and evaluate the Test Pyramid’s relevance in today’s software development practices. - Generating Real-Time Audio Sentiment Analysis With AI
Montag 13:00 – at Articles on Smashing Magazine — For Web Designers And Developers
In this article, Joas Pambou builds the tool to provide a sentiment score in **real-time** with enhanced user experience by providing multilingual support. You will use an OpenAI library called Whisper that transcribes audio files into text and detects the language, and Gradio, a UI framework, to establish the interface. - A September Of Never Ending Adventures (2023 Wallpapers Edition)
Donnerstag 8:15 – at Articles on Smashing Magazine — For Web Designers And Developers
Let’s get ready for September with some fresh wallpaper designs! Created with love by artists and designers from across the globe, the wallpapers in this collection come in versions with and without a calendar. Enjoy! - Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS
Montag 13:30 – at Articles on Smashing Magazine — For Web Designers And Developers
The CSS Color Module Level 4 specification defined a slew of new color features when it became a candidate recommendation in 2022, including Oklab and Oklch, which have widened the field of color we have to work with. Explore the Oklch color space and how to start using it in CSS today. - Improving The Double Diamond Design Process
Freitag 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
The so-called “Double Diamond” is a great way of visualizing an ideal design process — but it’s just not the way most companies deliver new projects or services. Andy Budd proposes a new “Double Diamond” idea that better aligns with the way work actually gets done and highlights the place where design has the most leverage. - A Few Interesting Ways To Use CSS Shadows For More Than Depth
Mittwoch 15:00 – at Articles on Smashing Magazine — For Web Designers And Developers
We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows. - Better Context Menus With Safe Triangles
Montag 8:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Discover how to improve the user experience of nested menus and tackle a minor yet common issue with them when the user’s pointer leaves the menu item for a moment, and the nested menu goes away, requiring the user to re-hover and try again. A well-known concept called the “safe triangle” solves this problem. - Modern Methods For Improving Drupal’s Largest Contentful Paint Core Web Vital
Dienstag 10:00 – at Articles on Smashing Magazine — For Web Designers And Developers
The background image used in the hero component, which is slow to load, is a very common problem with any component that uses a large image file as a background image. In this article, Mike Herchel walks you through how to tackle this common performance issue using modern techniques. - JavaScript waitFor Polling
Montag 10:08 – David Walsh at David Walsh Blog
As more of the JavaScript developers write becomes asynchronous, it’s only natural to need to wait for conditions to be met. This is especially true in a world with asynchronous testing of conditions which don’t provide an explicit await. I’ve written about waitForever, waitForTime, and JavaScript Polling in the past, but I wanted to have […]
The post JavaScript waitFor Polling appeared first on David Walsh Blog. - Knip: An Automated Tool For Finding Unused Files, Exports, And Dependencies
Montag 10:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Most of the projects have at least a few unused files, exports, and dependencies lying around, often because it’s difficult knowing when one thing relies on another and scary removing something you’re not sure is in use. Lars Kappert shares a tool he’s been working on that offers a solution. - queryLocalFonts
Freitag 17:01 – David Walsh at David Walsh Blog
One of the larger downloads when requesting a webpage are custom fonts. There are many great techniques for lazy loading fonts to improve performance for those on poor connections. By getting insight into what fonts the user has available, we can avoid loading custom fonts. That’s where queryLocalFonts comes in — an native JavaScript function […]
The post queryLocalFonts appeared first on David Walsh Blog. - Designing Accessible Text Over Images: Best Practices, Techniques And Resources (Part 2)
Freitag 13:00 – at Articles on Smashing Magazine — For Web Designers And Developers
In part 2 of the series, Hannah Milan reviews various accessible text over images techniques for designing your content, including framing the image, soft-colored gradients technique, text styles and text position, solid color shapes, and use of colored backgrounds. - Running A Page Speed Test: Monitoring vs. Measuring
Donnerstag 8:00 – at Articles on Smashing Magazine — For Web Designers And Developers
What does your performance “stack” look like? There are all kinds of tools available for measuring page speed, but what data and assumptions do they use to measure performance? And speaking of *measuring* performance, there’s quite a difference between that and *monitoring* performance. Let’s dig in! - Using Friction As A Feature In Machine Learning Algorithms
Montag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Friction often has a negative connotation in user experience design, but it actually has many benefits. Its best-known use case is mitigating unintended consequences in high-risk scenarios, yet it has a new place in the age of artificial intelligence. Adding strategic friction to interfaces can lead to profound efficiency gains in machine learning algorithms. - Use XHR/fetch Breakpoints!
Montag 10:42 – David Walsh at David Walsh Blog
Web debugging tools are so incredibly excellent these days. I remember the days where they didn’t exist and debugging was a total nightmare, even for the simplest of problems. A while back I introduced many of you to Logpoints, a way to output console.log messages without needing to change the source files. Another great breakpoint […]
The post Use XHR/fetch Breakpoints! appeared first on David Walsh Blog.