general If I Was Starting My Career Today: Thoughts After 15 Years Spent In UX Design (Part 2) By smashingmagazine.com Published On :: Fri, 09 Aug 2024 11:00:00 GMT In this two-part series, Andrii Zhdan outlines common challenges faced at the start of a design career and offers advice to smooth your journey based on insights from his experience hiring designers. In Part 2, Andrii speaks about how you can grow faster in your brand-new junior UX job. Full Article
general How To Defend Your Design Process By smashingmagazine.com Published On :: Thu, 15 Aug 2024 10:00:00 GMT Ever felt pressure to speed up your design process? Here’s how to address unrealistic expectations and foster a shared understanding with stakeholders, ensuring everyone is aligned on the path to a successful delivery. Part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com) by yours truly. Full Article
general Pricing Projects As A Freelancer Or Agency Owner By smashingmagazine.com Published On :: Fri, 16 Aug 2024 13:00:00 GMT Discover effective pricing strategies for digital projects. Learn how to balance fixed pricing, time and materials, and value-based approaches while managing client expectations and scope creep. Full Article
general Regexes Got Good: The History And Future Of Regular Expressions In JavaScript By smashingmagazine.com Published On :: Tue, 20 Aug 2024 15:00:00 GMT Although JavaScript regexes used to be underpowered compared to other modern flavors, numerous improvements in recent years mean that’s no longer true. Steven Levithan evaluates the history and present state of regular expressions in JavaScript with tips to make your regexes more readable, maintainable, and resilient. Full Article
general Mastering Typography In Logo Design By smashingmagazine.com Published On :: Thu, 22 Aug 2024 10:00:00 GMT Finding the right typeface for a logo is a challenge and can be a very time-consuming process that requires both creativity and a practical approach. Levi Honing provides the essential background and tools to enhance your typography journey and apply this knowledge to your logo design. Let’s dive deep to learn how to create a logo that is not only expressive but also purposeful and well-thought-out. Full Article
general Generating Unique Random Numbers In JavaScript Using Sets By smashingmagazine.com Published On :: Mon, 26 Aug 2024 15:00:00 GMT Want to create more randomized effects in your JavaScript code? The `Math.random()` method alone, with its limitations, won’t cut it for generating unique random numbers. Amejimaobari Ollornwi explains how to generate a series of unique random numbers using the `Set` object, how to use these random numbers as indexes for arrays, and explores some practical applications of randomization. Full Article
general Integrating Image-To-Text And Text-To-Speech Models (Part 2) By smashingmagazine.com Published On :: Fri, 30 Aug 2024 09:00:00 GMT In the second part of this series, Joas Pambou aims to build a more advanced version of the previous application that performs conversational analyses on images or videos, much like a chatbot assistant. This means you can ask and learn more about your input content. Full Article
general Goodbye Summer, Hello September (2024 Wallpapers Edition) By smashingmagazine.com Published On :: Sat, 31 Aug 2024 08:00:00 GMT Let’s get ready for September with a fresh collection of desktop wallpapers! Created with love by the community for the community, they come in versions with and without a calendar. Enjoy! Full Article
general The Big Difference Between Digital Product And Web Design By smashingmagazine.com Published On :: Tue, 03 Sep 2024 09:00:00 GMT Designing for digital products requires a different mindset than traditional websites. It’s all about continuous adaptation, refining, and iterating as user behavior and needs evolve. Paul Boag reflects on the key differences, including how the frequency of usage impacts your design approach and what you can do about it. Full Article
general Sticky Headers And Full-Height Elements: A Tricky Combination By smashingmagazine.com Published On :: Thu, 05 Sep 2024 09:00:00 GMT Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it. Full Article
general How To Create A Weekly Google Analytics Report That Posts To Slack By smashingmagazine.com Published On :: Fri, 06 Sep 2024 17:00:00 GMT Google Analytics is often on a “need to know” basis, but why not flip the script? Paul Scanlon shares how he wrote a GitHub Action that queries Google Analytics to automatically generate and post a top ten page views report to Slack, making it incredibly easy to track page performance and share insights with your team. Full Article
general Why Anticipatory Design Isn’t Working For Businesses By smashingmagazine.com Published On :: Tue, 10 Sep 2024 10:00:00 GMT Anticipatory design, powered by Artificial Intelligence (AI), Machine learning (ML), and Big Data (BD), promises to transform user experiences by predicting and fulfilling needs before users even express them. While this proactive approach seems revolutionary, many businesses struggle to meet the high expectations it sets. Joana Cerejo delves into the challenges of anticipatory design, highlights key failures, and offers a framework to help designers and businesses succeed in this complex landscape. Full Article
general How To Build Custom Data Visualizations Using Luzmo Flex By smashingmagazine.com Published On :: Thu, 12 Sep 2024 11:00:00 GMT Bringing data to life in your application can be done without the usual headaches. Paul Scanlon shows you how you can build beautiful data visualizations using the Google Analytics API, and you won’t have to spend any time “massaging” the data. Full Article
general Creating Custom Lottie Animations With SVGator By smashingmagazine.com Published On :: Tue, 17 Sep 2024 11:00:00 GMT Creating ready-to-implement Lottie animations with a single tool is now possible thanks to SVGator’s latest feature updates. In this article, you will learn how to create and animate a Lottie using SVGator, an online animation tool that has zero learning curve if you’re familiar with at least one design tool. Full Article
general SVG Coding Examples: Useful Recipes For Writing Vectors By Hand By smashingmagazine.com Published On :: Wed, 18 Sep 2024 09:00:00 GMT Myriam Frisano explores the basics of hand-coding SVGs with practical examples to demystify the inner workings of common SVG elements. In this guide, you’ll learn about asking the right questions to solve common positioning problems and how to leverage JavaScript so that, by the end, you can add “SVG coding” to your toolbox. You’ll also be able to declare proudly, “I know how to draw literal pictures with words!” Full Article
general Embracing Introversion In UX By smashingmagazine.com Published On :: Thu, 19 Sep 2024 15:00:00 GMT This article aims to celebrate the power of introversion in UX research and design. Victor Yocco debunks common misconceptions, explores the unique strengths introverted researchers and designers bring to the table, and offers practical tips for thriving in a field that sometimes seems tailored for extroverts. Full Article
general The Timeless Power Of Spreadsheets By smashingmagazine.com Published On :: Mon, 23 Sep 2024 09:00:00 GMT In this age of endless newfangled organizational tools, the spreadsheet holds firm. Frederick O’Brien explains how, from engineering to design, they can still provide a rock-solid foundation for your work. Full Article
general How To Manage Dangerous Actions In User Interfaces By smashingmagazine.com Published On :: Fri, 27 Sep 2024 15:00:00 GMT One of the main laws that applies to almost everything in our lives, including building digital products, is Murphy’s Law: “Anything that can go wrong will go wrong.” Our goal is to prevent things from going wrong and, if they do, mitigate the consequences. In this article, Victor Ponamarev explores different strategies for preventing users from making mistakes. Full Article
general Crows, Ghosts, And Autumn Bliss (October 2024 Wallpapers Edition) By smashingmagazine.com Published On :: Mon, 30 Sep 2024 09:00:00 GMT Could there be a better way to celebrate the beginning of a new month than with a collection of desktop wallpapers? We’ve got some eye-catching designs to sweeten up your October. Enjoy! Full Article
general Interview With Björn Ottosson, Creator Of The Oklab Color Space By smashingmagazine.com Published On :: Wed, 02 Oct 2024 10:00:00 GMT Go behind the scenes with Björn Ottosson, the Swedish engineer who created Oklab color space, and discover how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use. Full Article
general How A Bottom-Up Design Approach Enhances Site Accessibility By smashingmagazine.com Published On :: Fri, 04 Oct 2024 09:00:00 GMT You can’t overstate the importance of accessible website design. By the same token, bottom-up philosophies are crucial in modern site-building. A detail-oriented approach makes it easier to serve a more diverse audience along several fronts. Making the most of this opportunity will both extend your reach to new niches and make the web a more equitable place. Full Article
general Build A Static RSS Reader To Fight Your Inner FOMO By smashingmagazine.com Published On :: Mon, 07 Oct 2024 13:00:00 GMT RSS is a classic technology that fetches content from websites and feeds it to anyone who subscribes to it with a URL. It’s based on XML, and we can use it to consume the feeds in our own apps. Karin Hendrikse demonstrates how to do exactly that with a static site you can use as your personal RSS reader. Full Article
general Using Multimodal AI Models For Your Applications (Part 3) By smashingmagazine.com Published On :: Fri, 11 Oct 2024 10:00:00 GMT In this third part of the series, you are looking at two models that handle all three modalities — text, images or videos, and audio — without needing a second model for text-to-speech or speech recognition. Full Article
general It’s Here! How To Measure UX & Design Impact, With Vitaly Friedman By smashingmagazine.com Published On :: Tue, 15 Oct 2024 14:00:00 GMT Design decisions shouldn’t be a matter of personal preference. We can use reliable design KPIs and UX metrics to guide and shape our design work and measure its impact on business. Meet How To Measure UX and Design Impact, our new video course that helps with just that. Full Article
general CSS min() All The Things By smashingmagazine.com Published On :: Thu, 17 Oct 2024 10:00:00 GMT Victor Ayomipo experiments with the CSS `min()` function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings. Full Article
general Designing For Gen Z: Expectations And UX Guidelines By smashingmagazine.com Published On :: Wed, 30 Oct 2024 09:00:00 GMT There are many myths revolving around Gen Z and how they use tech. Time to take a look at actual behavior patterns that go beyond heavy use of social media. Part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com) by yours truly. Full Article
general Ingredients For A Cozy November (2024 Wallpapers Edition) By smashingmagazine.com Published On :: Thu, 31 Oct 2024 14:00:00 GMT November is just around the corner and that means: It’s time for some new desktop wallpapers! Created with love by the community for the community, they are available in versions with and without a calendar. Enjoy! Full Article
general Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website By smashingmagazine.com Published On :: Tue, 05 Nov 2024 10:00:00 GMT Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring performance metrics, and why you need real-user monitoring for a complete picture. Full Article
general Alternatives To Typical Technical Illustrations And Data Visualisations By smashingmagazine.com Published On :: Fri, 08 Nov 2024 09:00:00 GMT Thomas Bohm rethinks technical illustrations and data visualizations, sharing interesting and uncommon examples of how to present data and information. Bar graphs and pie charts are great, but there’s so much more to explore! Full Article
general Bundle Up And Save On Smashing Books And Workshops By smashingmagazine.com Published On :: Tue, 12 Nov 2024 15:00:00 GMT It’s the end of the year, and as we look at our inventory, we thought, “Let’s help everyone in our community get ready for the year ahead!” Get friendly pricing on bundles of books and workshops to dive deep into the subjects you care about most. Let’s bundle up and save! Full Article
general Website Inspiration: Flow Party On Demand By onepagelove.com Published On :: Tue, 29 Oct 2024 09:53:00 +0000 Tons of impressive animations as you scroll this One Pager (built with Webflow) for the ‘On Demand’ series from Flow Party. Full Review Full Article Inspiration Landing Page Animate On Scroll Big Typography Dark Color Scheme Educational GreenSock Animation Platform (GSAP) Long Scrolling Online Course Pricing Table Sticky CTA Button Video Header Webflow
general Website Inspiration: Peek Insights By onepagelove.com Published On :: Wed, 30 Oct 2024 11:49:22 +0000 Lovely thin-line aesthetic throughout this One Pager (built with WordPress) promoting the Ecommerce audit services of Peek Insights. Full Review Full Article Inspiration Landing Page Service Hidden Footer Long Scrolling Pricing Table Scrolling Text Sticky Navigation Testimonial Slider WordPress Z-Pattern Layout
general Website Inspiration: Dennis Zoma By onepagelove.com Published On :: Thu, 31 Oct 2024 08:14:02 +0000 Tidy personal One Pager with a few neat micro-interactions for fullstack dev Dennis Zoma who leads Scio Labs. Full Review Full Article Inspiration Personal Greeting Long Screenshot Minimal Narrow Layout Scheme Switcher Sticky Footer
general Website Inspiration: Refresh Studio By onepagelove.com Published On :: Thu, 31 Oct 2024 08:56:45 +0000 Slick One Pager for Refresh Studio who specialise in UX/UI design. The team “working” section features interactive hot spots above each member to learn who they are and make sure you check out the testimonial slider, very impressive. Full Review Full Article Inspiration Portfolio Back To Top Big Footer Big Typography Interactive Hotspots Local Time Long Scrolling Scroll Progress Bar Scrolling Gallery Sticky CTA Button Team Testimonial Slider Whitespace
general Website Inspiration: Popcorn By onepagelove.com Published On :: Mon, 04 Nov 2024 08:43:27 +0000 Clean One Pager (built with Webflow) announcing Popcorn, and new global cellular plan. Note, further down the page, the How It Works section combined with a preview + sign up. Full Review Full Article Digital Product Inspiration Landing Page SaaS Cellular Device Mockups Eyebrow Text Hidden Footer Highlights Row How it Works Long Scrolling SaaS Lead Capture Screenshots Webflow Whitespace
general Website Inspiration: NYC condo & co-op budgeting guide By onepagelove.com Published On :: Tue, 05 Nov 2024 08:30:37 +0000 Clean landing page (built with Webflow) helping condo and co-op board members learn about and prepare their building budgets. Worth noting this is a perfect example of a targeted landing page providing value, within a bigger website. The larger service being Daisy, a modern property management company Full Review Full Article Accommodation Finance Inspiration Landing Page Budgeting Colorful Highlights Row Horizontal Accordion How it Works Long Scrolling Real Estate & Property Webflow
general Website Inspiration: Harbour By onepagelove.com Published On :: Tue, 05 Nov 2024 14:40:44 +0000 Vibrant and colorful One Pager (built with Webflow) for Harbour, who help setup your base in the UAE. Full Review Full Article Inspiration Service Colorful Green Color How it Works Illustrations Long Scrolling Sticky Navigation Testimonials Vibrant Webflow
general Website Inspiration: Realvjy’s Figma Plugins By onepagelove.com Published On :: Wed, 06 Nov 2024 13:11:15 +0000 Fun One Pager showcasing the awesome Figma Plugins by Vijay Verma as game cartridges. Lovely touch with the shooting stars and universe background texture. You can find the Landing Page code on GitHub. ICYMI I interviewed Vijay on the Yo! Podcast. Full Review Full Article Inspiration Portfolio Cartridge Dark Color Scheme Figma Plugin Long Scrolling Narrow Layout Retro Stars Unique Universe
general Website Inspiration: Alpa’s Kitchenverse By onepagelove.com Published On :: Thu, 07 Nov 2024 16:17:05 +0000 Unique One Pager (built with Webflow) promoting the 2 desi ghee laddu boxes on offer by Alpa’s Kitchenverse. Refreshing to see a Single Page capture the personality of the brand/food with color, textures and a non-popular typeface. Full Review Full Article Inspiration Landing Page Physical Product Big Typography Food-images How it Works Long Scrolling Newsletter Sign Up Box Personality Sticky Navigation Texture Webflow Yellow Color
general Website Inspiration: Busy Bar By onepagelove.com Published On :: Mon, 11 Nov 2024 09:57:11 +0000 One Pager (built with Tilda) promoting the Busy Status Bar device. What a wonderful, clear looping demo in the hero showing us exactly how easy it is to operate. Full Review Full Article Inspiration Landing Page Physical Product Fun Grey Color Humour Infographics Long Scrolling Product Demo Tilda
general Fundrise By www.cssleak.com Published On :: Wed, 22 May 2013 20:19:16 +0100 <p>The new way to invest in real estate. Get exclusive access to select offerings. Manage your portfolio online.</p> Full Article
general Bluegg By www.cssleak.com Published On :: Wed, 22 May 2013 20:21:44 +0100 <p>Bluegg.co.uk is a relaunched site for UK based digital and branding agency Bluegg. It's fully responsive, based on a custom grid system and a framework developed in-house. We've used SVGs, double sized PNGs to keep the icons, logos and graphics super sharp. Slideshows of work all use swipe on mobile devices and, rather than being based on specific break points it's fully fluid to adapt all screen and device sizes. For the backend we've used a heavily customised WordPress installation.</p> Full Article
general Trionn Design By www.cssleak.com Published On :: Tue, 11 Jun 2013 17:50:54 +0100 Full Article
general Kluge Interactive By www.cssleak.com Published On :: Wed, 19 Jun 2013 16:50:35 +0100 Full Article
general Escape Flight By www.cssleak.com Published On :: Sat, 22 Jun 2013 10:23:34 +0100 Full Article