DESIGN HUB
Web Designer Depot
- 3 Ways to Design More Inclusively 16.06.21Inclusive design is often mistaken for accessibility, or even used as an interchangeable term, which is a good indication that most designers don’t know what it means. Accessibility is a process that seeks to mitigate issues in a design that is not sufficiently universal; inclusive design increases the universality of the design. In real-world terms, […]
- 22 Exciting New Tools For Designers, June 2021 14.06.21This month’s new tools and resources collection is a mixed bag of elements for designers and developers. From fun little divots to tools that can speed up development, you are sure to find something usable here. Here’s what new for designers this month: June’s Top Picks Codewell Codewell is a service to help you learn, […]
- Popular Design News of the Week: June 7 2021 – June 13, 2021 13.06.21Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe […]
- Poll: Fast CDN, Cheap CDN, Good CDN, Pick Any One… 11.06.21This week, a significant portion of the Web fell over when on Tuesday, sites powered by Fastly were impacted by a massive outage that affected around 85% of the network. The near-total collapse — which was quickly identified and remedied — took out sites including GitHub, Stack Overflow, PayPal, Shopify, Stripe, Reddit, Amazon, and CNN. […]
- 9 Amazing Design-Resource Package Sites 09.06.21Every designer has their own preferred strategy for collecting resources. Some pluck brushes, fonts, and templates from different “stock photo sites” and public marketplaces. Others collect graphics from swipe files and forums around the web. The never-ending desire for themes, visual content, and graphical components has prompted an influx of “design packages” to appear around the […]
Smashing Magazine
- A Complete Guide To Accessibility Tooling 16.06.21In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.
- Spinning Up Multiple WordPress Sites Locally With DevKinsta 15.06.21When developing themes and plugins for WordPress, we need to test them in different environments. How can we create multiple testing sites on our computer, quickly and easily, without having to become a sysadmin?
- Smashing Podcast Episode 39 With Addy Osmani: Image Optimization 15.06.21In this episode of the Smashing Podcast, we’re talking about image optimization. What steps should we follow for performant images in 2021? We talk to expert Addy Osmani to find out.
- When CSS Isn’t Enough: JavaScript Requirements For Accessible Components 14.06.21Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.
- Web Design Done Well: Making Use Of Audio 11.06.21Design often revolves around visuals, but the other senses deserve love too. In this article, we tune in to audio features that are making sites sing.
CSS Tricks
- Inline Styles as Classes (lol) 16.06.21If you’re abhorred by using inline styles, just move that style to the class attribute! And then make sure you have CSS in place that, ya know, does what it says on the box. I've revolutionized CSS. pic.twitter.com/1AWCldyCwP — Sam … The post Inline Styles as Classes (lol) appeared first on CSS-Tricks. You can support […]
- Useful and Useless Code Comments 16.06.21Jim Nielsen: If somebody says a comment isn’t adding any value, I would ask: to whom? Personally, I’ve never liked the advice that writing obvious comments is bad practice—probably because I write obvious comments all the time. Jim showed … The post Useful and Useless Code Comments appeared first on CSS-Tricks. You can support CSS-Tricks […]
- How I Used the WAAPI to Build an Animation Library 16.06.21The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and was designed to underlie implementations of both CSS animations and transitions, leaving the door open to … The post How I Used the WAAPI to Build an Animation Library appeared first […]
- Detect Unused Classes in… HTML 15.06.21Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS … The post Detect Unused Classes in… HTML appeared first on CSS-Tricks. You can support […]
- Media Queries in Times of @container 15.06.21Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries. I took the bait and had a look at some of my projects – … The post Media Queries in Times of @container appeared first on CSS-Tricks. You can […]
Envato
- Best Trucking and Transportation WordPress Themes for 2021 16.06.21The trucking and logistics industry is a market that's been growing without pause in recent decades and with a very impressive market share, the industry is growing its presence on the web as well. With more individual truckers and small companies appearing, plus tech startups that push autonomous driving within the trucking industry, the need […]
- A to Z of Sketch: Tips & Tricks! 16.06.21Let me show you some rapid tips and tricks in Sketch for Mac. We’ll look at 26 Sketch tips and tricks from A to Z. Once you get familiarized with Sketch, check out Envato Elements! With one subscription, you’ll have unlimited access to numerous Sketch resources such as Sketch templates, Sketch shapes, and more. One […]
- 25+ Must-Have Wireframe Templates and UI Kits for Your Design Library 16.06.21Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what? Let’s be honest, the world of UX (user experience) and UI (user interface) is full of jargon and overcomplicated terms. Take, for example, this real line I copy-pasted from a job description for a senior content specialist […]
- How to Implement Smooth Scrolling With CSS & JavaScript 15.06.21In this new tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a pure CSS solution and then move on to a common jQuery approach for creating this functionality. Next, we’ll get rid of jQuery and discuss two pure JavaScript solutions. Just to give you an idea of what […]
- How to Set up a Shopify Store 14.06.21Setting up a Shopify store is very straightforward. Begin by signing up at Shopify, then add your products, select a theme, configure the back office for shipping, tax, and payments, configure a custom domain, and launch your store! ”A journey of a thousand miles begins with a single step.“ – Lao-Tzu An online store is […]
Designmodo
- Unlock the Potential of Subscription Confirmation Emails 15.06.21This post is originally published on Designmodo: Unlock the Potential of Subscription Confirmation Emails Everyone is aware that email marketing plays a massive role in a company’s success. According to recent stats, almost 60% of B2B marketers claim it to be their top channel for revenue generation. When it comes to directly communicating with … […]
- Top 15 Tools and Resources for Designers and Agencies 15.06.21This post is originally published on Designmodo: Top 15 Tools and Resources for Designers and Agencies You are planning on creating a new business from scratch. Or you want to further develop an existing business or project. Then selecting the right web tools and services to use can be just what you need to gain […]
- Everything You Need to Know About Dark Patterns 11.06.21This post is originally published on Designmodo: Everything You Need to Know About Dark Patterns They are everywhere. Little tricks on webpages, in apps and with popups and forms that “trick” you into completing an action online. These so-called dark patterns have a negative impact on user experience, frustrate website visitors and should be avoided. […]
- What is an Interaction Designer? 08.06.21This post is originally published on Designmodo: What is an Interaction Designer? These two little words are being used a lot in the design sphere these days. But what truly is interaction design? And what makes you an interaction designer? Here, we’ll answer both of those questions and offer a showcase of … For more […]
- Getting Started with Bootstrap 5, React, and Sass 02.06.21This post is originally published on Designmodo: Getting Started with Bootstrap 5, React, and Sass There are several ways to build modern web applications using JavaScript and CSS. With lots of different tools and frameworks of choice, it’s really hard to choose at times which one is best for a specific project. If you’ve been […]
WP Beginner
- How to Remove Unused CSS in WordPress (The Right Way) 16.06.21Do you want to remove unused CSS in WordPress so your site will load faster? Unused CSS is any CSS code added by your WordPress theme or plugins that you don’t really need. Removing this CSS code improves WordPress performance and user experience. In this… Read More » The post How to Remove Unused CSS in […]
- How to Create a Referral Program in WordPress 15.06.21Do you want to create a referral program in WordPress? Referral programs or affiliate programs are a great way to get more people to promote your products to a larger audience. In this article, we’ll show you how to easily create a referral program in… Read More » The post How to Create a Referral Program […]
- How to Create a Custom WooCommerce Cart Page (No Coding) 14.06.21Do you want to create a custom WooCommerce cart page? The default WooCommerce cart page is not optimized for conversions. By optimizing your cart page layout, you can significantly improve your conversions and get more sales. In this article, we’ll show you how to customize… Read More » The post How to Create a Custom WooCommerce […]
