Phrase Selected: Transparent tape
Keyword Selected: Transparent
Using AI For Neurodiversity And Building Inclusive Tools
This article illustrates how AI can be leveraged to build tools that can be inclusive with a little bit of an additional effort.
F-Shape Pattern And How Users Read
Scrolling, scanning, skipping: How do users consume content online? Hereas what you need to know about reading behavior and design strategies to prevent harmful scanning patterns. An upcoming part of Smart Interface Design Patterns.
How To Work WithA GraphQL In WordPressA In 2024
What options do we have for integrating GraphQL with WordPress in 2024? Leonardo Losoviz describes the developments that have taken place in this space over the last three years.
Converting Plain Text To Encoded HTML With Vanilla JavaScript
What do you do when you need to convert plain text into formatted HTML? Perhaps you reach for Markdown or manually write in the element tags yourself. Or maybe you have one or two of the dozens of online tools that will do it for you. In this tutorial, Alexis Kypridemos picks those tools apart and details the steps for how we can do it ourselves with a little vanilla HTML, CSS, and JavaScript.
How To Monitor And Optimize Google Core Web Vitals
The three Core Web Vitals metrics donat only tell you how visitors experience your website but also impact your Google search result rankings. In this article, weall look at what Core Web Vitals are, how they are measured, and how you can use DebugBear to monitor them continuously.
Sliding 3D Image Frames In CSS
Creating 3D effects in CSS isnat an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. Temani Afif applies 3D effects and sliding transitions to a single `
Penpotas CSS Grid Layout: Designing With Superpowers
Penpot helps designers and developers work better together by offering a free, open-source design tool based on open web standards. Today, let's explore Penpotas latest feature, CSS Grid Layout. Penpotas latest release is about efficiency and so much more. It gives designers superpowers and a better place at the table. Excited? Letas take a look at it together.
Connecting With Users: Applying Principles Of Communication To UX Research
Victor Yocco reviews the components of the Transactional Model of communication, explaining how we might apply this framework to preparing, conducting, and analysing our UX research. You will understand how many UX research best practices align with the model and get an example of a tool for tracking alignment.
The Things Users Would Appreciate In Mobile Apps
What can we do to make a mobile app better? What subsidiary features are worth providing for our users? I have some ideas. You might, too. So, letas compare our notes. Without any prescriptions attached, here are seven features I believe can palpably improve a useras experience with a mobile app.
Iconography In Design Systems: Easy Troubleshooting And Maintenance
Tatsiana Tarkan digs deep into iconography as part of a design system and shares some doable tips that will turn icon creation and maintenance into an enjoyable process.
Infinite-Scrolling Logos In Flat HTML And Pure CSS
Remember the HTML `
Colorful Blossoms And Rainy Days (April 2024 Wallpapers Edition)
Could there be a better way to welcome the new month than with a little inspiration boost? We might have one for you: desktop wallpapers created by the community for the community. Enjoy!
How Developers Can Strengthen Their Mental Health Amidst High-Pressure Projects
Thereas no shortage of articles about the mental health of developers, ranging from personal accounts of harrowing work experiences to round-ups of advice on how to preserve healthy work habits. But what working situations trigger things like stress, anxiety, burnout, and depression? Victor Ayomipo shares his personal triggers and how he manages them.
The Future Of User Research: Expert Insights And Key Trends
Based on responses from over 1,200 product professionals, Mazeas Future of User Research Report uncovers how product teams conduct research to inform decision-making and build successful products. Learn about the top three trends defining the user research industry in 2024 and beyond.
Setting And Persisting Color Scheme Preferences With CSS And AA aTouchaA Of JavaScript
There are many ways to approach a aDark Modea feature that respects a useras system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript to support persisting the useras color scheme preference across pages.
Crafting Experiences: Uniting Rikyuas Wisdom With Brand Experience Principles
Whether digital or physical, designing a customer touchpoint requires an understanding of the essential relationship between the brand and the user experience, which is also known as the **brand experience.** This article is a simple guide to building long-lasting customer relationships based on the seven rules of Rikyu in the Japanese tea ceremony for a creative and memorable twist.
Now Shipping: Success At Scale, A New Smashing Book by Addy Osmani
Itas here, and itas shipping! Meet our newest Smashing book, aSuccess at Scalea. Itas filled with practical insights and real-world case studies of how big changes can be made on projects of any size. Addy Osmani has curated finest examples, case studies and interviews to help you get successful at scale. Jump to the details and get the book right away.
Sketchnotes And Key Takeaways From SmashingConf Antwerp 2023
How was the first SmashingConf in Antwerp, you ask? One of our online attendees, Krisztina Szerovay, shares her sketchnotes and takeaways of the talks that were held on both days of the conference — with photos and recordings saved as best for last. [See you live in Antwerp this year, maybe?](https://smashingconf.com/antwerp-2024)
Event Calendars For Web Made Easy With These Commercial Options
Collection of top-notch calendar components for seamless event scheduling. Whether you prefer ready-to-use setups or enjoy tweaking code for a tailored experience, these calendars have you covered.
Success At Scale: Last Chance For Pre-Sale Price
Our next book, aSuccess at Scalea is finally at the printer, which means weall be shipping books soon. Itas also your last chance to get the book at the presale price. Get your copy and save now!
Modern CSS Tooltips And Speech Bubbles (Part 2)
In Part 1 of this series, Temani Afif explored different CSS techniques to create tooltip shapes. The main challenge was to rely on a single element and create optimized code that could easily be controlled using CSS variables to update the size, shape, and position of the tail. In this second part, you are going explore more shapes.
The End Of My Gatsby Journey
[aGatsby headachesa](https://www.smashingmagazine.com/2023/06/gatsby-headaches-i18n-part-1/) are over. Juan Diego RodrAguez reflects on his decision to stop using Gatsby as his go-to framework. Through a detailed examination of its strengths and weaknesses, he provides valuable insights and alternative options for developers navigating their tooling choices.
Modern CSS Tooltips And Speech Bubbles (Part 1)
Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require. In this article, Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of flexibility.
Waiting For Spring (March 2024 Wallpapers Edition)
Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers is for you. Designed by artists and designers from across the globe, they come in versions with and without a calendar for March 2024. Enjoy!
Reporting Core Web Vitals With The Performance API
The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting.
A Web Designeras Accessibility Advocacy Toolkit
Digital designer Yichan Wang has put together this collection of strategies and selling points to help you encourage and advocate for accessibility in your place of work, including useful scripts you can use as starting points.
Vanilla JavaScript, Libraries, And The Quest For Stateful DOM Rendering
Itas well-established that the web faces wide-ranging usability and performance issues, from user-hostile UI patterns and twisted search results to sluggish performance and battery-draining bloat. In this article, Frederik examines one small-but-significant aspect where developers take the reins: Painting pixels on the screen.
A Practical Guide To Designing For Colorblind People
Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people. An upcoming part of Smart Interface Design Patterns.
Mobile Accessibility Barriers For Assistive Technology Users
Accessibility goes beyond making products user-friendly. It can significantly impact the quality of life for people with disabilities. Kate Kalcevich shares lessons she learned from assistive technology users — challenges and barriers they encounter on mobile devices.
Keyword Selected: tape
Anze Kopitar's overtime goal lifts Kings past Oilers in Game 2 thriller
Anze Kopitar scores 2:07 into the extra period of Game 2 as the Kings defeat Edmonton to even their first-round series.
Kings' penalty kill, a strength all year, becomes weakness in deflating loss to Oilers
In Game 1 on Monday, the Kings' penalty kill produced only self-inflicted wounds, allowing the Oilers to score three times in a 7-4 Edmonton win.
Kings look uninspired in blowout loss to Edmonton Oilers in Game 1
The Kings come out flat and fall behind early on their way to a Game 1 first-round loss to the Edmonton Oilers.
Why Kings vs. Oilers is one of the NHL's truly great rivalries
The Kings and Oilers aren't "Original Six" teams, but they've established a rivalry decades in the making forged by NHL stars and playoff showdowns.
'I think we owe them.' Kings eager to flip the script with Oilers in the NHL playoffs
When the Kings and Oilers meet Monday in their playoff opener, it will be the teams' 10thA postseason meeting. Edmonton has won seven of the nine previous series.
Kings defeat Blackhawks in overtime thriller, will face Oilers again in playoffs
Adrian Kempe scores six seconds into overtime as the Kings defeat the Chicago Blackhawks 5-4 ahead of a showdown with the Edmonton Oilers in the playoffs.
Analysis: Kings lost a game on Monday, and their control of NHL playoff fate
After Monday's 3-1 loss to the Minnesota Wild, the Kings' lead over Vegas in the battle for third place in the Pacific Division is down to a point.
Kings lose to Wild, jeopardizing their chances of finishing third in the Pacific
The Kings' chances of finishing third in the Pacific Division fall into peril with a 3-1 loss to Minnesota that keeps them just one point ahead of Vegas.
Analysis: As Kings shift focus to another challenging playoff series, Ducks search for answers
The Kings and Ducks are heading in opposite directions, with the Kings focused on the playoffs and the Ducks trying to make sense of a 50-loss season.
Kings defeat Ducks and extend home winning streak to eight games
The Kings defeat the Ducks 3-1 in the final game of the season between the two rivals and extend their lead over Vegas in the Western Conference.
Kings lose another game on the road, this time to Calgary
Phillip Danault and Kevin Fiala scored for the Kings, who have dropped the first two games of their three-game Western Canada trip.
Elliott: Kings get a much-needed boost ahead of critical divisional road trip
Despite not playing their best, the Kings earned two critical points in a shootout win over the Ducks ahead of an important divisional road trip.
Inside the NHL's push to recruit Latino hockey fans and grow the game
Forty percentA of the NHL's 32 teams play in the eight states boasting the largest Latino populations. The league wants more of them to become fans.
Elliott: Interim coach Jim Hiller gives Kings a blueprint for success, and they execute it
Jim Hiller made it clear what he expects. Have fun. Work hard. Work for each other and it will become enjoyable. It was on display in 4-0 defeat of Oilers.
Elliott: Jim Hiller's focus isn't on Xs and Os. It's on changing the Kings' mind-set
Interim Kings coach Jim Hiller isn't benching Pierre-Luc Dubois or blowing up lines. Instead, he's focusing on restoring a winning attitude for the team.
Elliott: The heat is squarely on Rob Blake after he fired Todd McLellan as Kings coach
The general manager of the Kings knows the team must turn it around under interim coach Jim Hiller or his job could be on the line.
Elliott: The real reasons why Gary Bettman is letting NHL players back in the Olympics
NHL commissioner Gary Bettman has thawed his stance toward NHL players competing in the Olympics, and there are a lot of good reasons for his reversal.
Elliott: The Kings fired coach Todd McLellan. How do they address other issues?
The Kings parted ways with coach Todd McLellan on Friday, but there are still significant problems with the roster as the team tries to right itself.
Kings head into All-Star break on a winning note
Alex Turcotte had his first NHL goal and assist and the Kings beat the Nashville Predators to snap a four-game skid.
Elliott: Drew Doughty, Anze Kopitar call out Kings' selfish play as spiral continues
'It's not about yourself, and a lot of guys on this team need to realize that,' Drew Doughty said after the Kings lost for the 12th time in 14 games.
Kings blow two-goal lead and lose to Buffalo on night Anze Kopitar is honored
JJ Peterka had two goals and an assist, Alex Tuch scored the go-ahead goal and Buffalo beat the Kings 5-3.
Elliott: Kings players and fans pay homage to Jonathan Quick and his legendary L.A. career
Rangers goalie Jonathan Quick, playing in his first game at Crypto.com Arena since being traded by the Kings last March, is honored during the Kings' 2-1 win.
Elliott: Todd McLellan has Rob Blake's support, but is he Terry Murray 2.0 for the Kings?
Kings general manager Rob Blake is still in Todd McLellan's corner, but would the Kings benefit from hiring a new coach to take them to the next level?
Elliott: Todd McLellan's job might not be in peril, but Kings must strive for wins, not perfection
The Kings are mired in a seven-game losing streak that has the entire team searching for answers, but a solution to their woes isn't out of reach.
Trevor Zegras is injured as Ducks hold off Predators, 5-3
Troy Terry scored a goal and assisted on another as the Ducks defeated the Nashville Predators, 5-3.
Tampa Bay rallies to hand Kings their sixth loss in a row
Nick Perbix scored 2:02 into overtime and the Lightning rallied from a 2-0 deficit to beat the slumping Kings.
Elliott: Kings find themselves at a tipping point as 'tough trip' looms
The Kings' 4-3 shootout loss to the Detroit Red Wings on Thursday extended their winless streak to four games and wasn't an inspiring farewell before a key six-game road swing.
Lukas Dostal delivers career-high 55 saves, but Ducks fall to Maple Leafs in overtime
The Ducks fell 2-1 in overtime to the Toronto Maple Leafs on Wednesday night, losing their third-consecutive game and dropping to 1-5-0 during their homestand.
Page took 4 seconds to load.