Archives

| Affordable Web Design, Email Marketing, Ecommerce, & Online Development - Dubado Solutions

Optimizing Performance With Resource Hints

dreamt up by webguru in Uncategorized | Comments Off on Optimizing Performance With Resource Hints

Optimizing Performance With Resource Hints Optimizing Performance With Resource Hints Drew McLellan 2019-04-17T12:30:16+02:00 2019-04-17T15:35:23+00:00 Modern web browsers use all sorts of techniques to help improve page load performance by guessing what the user may be likely to do next. The browser doesn’t know much about our site or application as a whole, though, and often the best insights about what a user may be likely to do come from us, the developer. Take the example of paginated content, like a …

The User’s Perspective: Using Story Structure To Stand In Your User’s Shoes

dreamt up by webguru in Uncategorized | Comments Off on The User’s Perspective: Using Story Structure To Stand In Your User’s Shoes

The User’s Perspective: Using Story Structure To Stand In Your User’s Shoes The User’s Perspective: Using Story Structure To Stand In Your User’s Shoes John Rhea 2019-04-16T16:00:16+02:00 2019-04-16T15:36:29+00:00 Every user interaction with your website is part of a story. The user—the hero—finds themselves on a journey through your website on the way to their goal. If you can see this journey from their perspective, you can better understand what they need at each step, and align your goals with theirs. …

Collective #508

dreamt up by webguru in Uncategorized | Comments Off on Collective #508

Front-end Developer Handbook 2019 Cody Lindley wrote this guide that outlines and discusses the practice of front-end engineering, how to learn it and what tools are used when practicing it in 2019. Check it out Our Sponsor Visual Composer founder had an AMA on Reddit – and he survived! Here are the most surprising 5 things he’s learned from the community and the future he’s planning for Visual Composer. Bonus: there’s a great freebie at the end of his post, …

Design At Scale: One Year With Figma

dreamt up by webguru in Uncategorized | Comments Off on Design At Scale: One Year With Figma

Design At Scale: One Year With Figma Design At Scale: One Year With Figma Paul Hanaoka 2019-04-15T13:30:48+02:00 2019-04-15T14:08:46+00:00 This article will be about how large teams can benefit from using more open, collaborative tooling and how to make adoption and migration feasible and pleasant. Also, in case you didn’t guess from the title of the article just yet, a lot of it will be about Figma and how we succeeded at adopting this design tool in our team. The intended …

Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style

dreamt up by webguru in Uncategorized | Comments Off on Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style

Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style Anselm Hannemann 2019-04-12T14:44:48+02:00 2019-04-12T15:35:46+00:00 “‘Ethics’ and Ethics” is more than a typical article. It’s a detailed essay exploring what the term ‘ethics’ really means, how its meaning changed in recent times, and how diffusion of responsibility makes it hard to address and fix problems in big organizations. Implementing design ethics, tech ethics, or business ethics as individual responsibilities …

Art Direction For The Web Using CSS Shapes

dreamt up by webguru in Uncategorized | Comments Off on Art Direction For The Web Using CSS Shapes

Art Direction For The Web Using CSS Shapes Art Direction For The Web Using CSS Shapes Andrew Clarke 2019-04-11T13:30:16+02:00 2019-04-11T15:35:00+00:00 Last year, Rachel Andrew wrote an article that took a new look at CSS Shapes in which she reintroduced readers to the basics of using CSS Shapes. For anyone keen to understand how to use properties like shape-outside, shape-margin, and shape-image-threshold, Rachel’s is the ideal primer. I’ve seen many examples of using the properties, but very few go beyond Basic …

Privacy UX: Better Cookie Consent Experiences

dreamt up by webguru in Uncategorized | Comments Off on Privacy UX: Better Cookie Consent Experiences

Privacy UX: Better Cookie Consent Experiences Privacy UX: Better Cookie Consent Experiences Vitaly Friedman 2019-04-10T15:00:49+02:00 2019-04-10T15:35:55+00:00 Part 1: Common Concerns And Privacy In Web Forms Part 2: Better Cookie Consent Experiences Part 3: Designing Better Notifications Part 4: Privacy-Aware Design Framework With the advent of the EU General Data Protection Regulation (GDPR) in May 2018, the web has turned into a vast exhibition of consent pop-ups, notifications, toolbars, and modals. While the intent of most cookie-related prompts is the same …

Understanding Subresource Integrity

dreamt up by webguru in Uncategorized | Comments Off on Understanding Subresource Integrity

Understanding Subresource Integrity Understanding Subresource Integrity Drew McLellan 2019-04-09T12:30:59+02:00 2019-04-09T15:35:53+00:00 If you’ve ever used a CDN-hosted version of a JavaScript library, you may have noticed a strange looking integrity attribute on the script tag. This attribute contains seemingly endless alphanumeric junk that you may be tempted to strip out in the quest for cleaner code. All that junk is actually a really useful security feature called Subresource Integrity (SRI) that can help to defend your site against certain types of …

Collective #506

dreamt up by webguru in Uncategorized | Comments Off on Collective #506

Native image lazy-loading for the web! Addy Osmany takes a look at the exciting loading attribute which brings native <img> and <iframe> lazy-loading to the web. Read it Our Sponsor Find the perfect pre-built website for any design project (400+ examples) Browse through 400+ pre-built websites that cover 40+ industries and businesses. From corporate websites to blogs and portfolios, you’ll find exactly what you need to the tiniest detail. Check them out World Draw An AI Experiment to draw the …

Digging Into The Display Property: The Two Values Of Display

dreamt up by webguru in Uncategorized | Comments Off on Digging Into The Display Property: The Two Values Of Display

Digging Into The Display Property: The Two Values Of Display Digging Into The Display Property: The Two Values Of Display Rachel Andrew 2019-04-08T13:00:59+02:00 2019-04-08T16:05:22+00:00 A flex or grid layout starts out with you declaring display: flex or display: grid. These layout methods are values of the CSS display property. We tend not to talk about this property on its own very much, instead concentrating on the values of flex or grid, however, there are some interesting things to understand about …