Search

Nalezeno "page": 412

Freak Flags

11.12.2019
I don't see image sprites used that much anymore, but it's still a good technique for reducing downloaded decorative image assets when you have multiple on a page. The big idea is combining all the graphics into one and then shifting around the size and background-position to reveal one at...

Case Study: lynnandtonic.com 2019 refresh

6.12.2019
Lynn Fisher walks us step-by-step through the redesign process of her latest outstanding personal website. In this design, increasing the width of the browser window will cause the illustrations on the page crack to open and reveal more within them: This case study reminded me that Lynn also has...

Auto Layout lands in Figma

5.12.2019
Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That's particularly useful for buttons in a design system where you want to drop a button on the page and then keep...

Sundar Pichai Becomes CEO of Alphabet After Larry Page & Sergey Brin Resign

4.12.2019
Highly-acclaimed founders of one of the world’s most successful companies Google, Larry Page and Sergey Brin, have resigned from their delegatory posts of CEO and President respectively at Alphabet, the parent company of Google. However, what broke the Internet was the news about the appointment...

Playing Sounds with CSS

25.11.2019
CSS is the domain of styling, layout, and presentation. It is full of colors, sizes, and animations. But did you know that it could also control when a sound plays on a web page? This article is about a little trick to pull that off. It’s actually a strict implementation of the HTML and CSS,...

Growing Accessibility Conversations

22.11.2019
I started this year on a new path at Knowbility — to help people and organizations create accessible content and apps. But what was exciting and helped motivate me more were two things: WebAIM's Accessibility Analysis of One Million Page Homepages. With over 97% of sites having WCAG failure...

Build your own React

20.11.2019
Wowza! Rodrigo Pombo’s article about how to build React from scratch is fantastic, not only because it’s well written, but because of the outstanding interaction design: each line in the code examples ge highlighted and explored in further detail as you scroll down the page. This makes it super...

serpstack

19.11.2019
(This is a sponsored post.) Is it your job to keep an eye on your company's search engine placement? Or your clients? Or are you building a tool to do just that? Manually Googling stuff isn't going to scale particularly well there. Wouldn't it be nice if you could hit an API and it would return...

The Department of Useless Images

18.11.2019
Gerry McGovern: The Web is smothering in useless images. These clichéd, stock images communicate absolutely nothing of value, interest or use. They are one of the worst forms of digital pollution because they take up space on the page, forcing more useful content out of sight. They also slow down...

How We Perform Frontend Testing on StackPath’s Customer Portal

15.11.2019
Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be: TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables) Jest - Unit tests. JavaScript functions are doing...

scrapestack: An API for Scraping Sites

12.11.2019
(This is a sponsored post.) Not every site has an API to access data from it. Most don't, in fact. If you need to pull that data, one approach is to "scrape" it. That is, load the page in web browser (that you automate), find what you are looking for in the DOM, and take it. You can do this...

Optimizing Images for Users with Slow Network Speeds

7.11.2019
For every website, page load time is a critical factor that can make or break the business. Thanks to the better user experience that comes with a fast-loading webpage, those who focus on page load optimization enjoy better conversion rates, better SEO, better retention, and lower bounce rates. And...

Some Things You Oughta Know When Working with Viewport Units

6.11.2019
David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...

A Look at JAMstack’s Speed, By the Numbers

1.11.2019
People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte (TTFB) among others, then compare data across a wide section of sites to see how different ways to slice those sites up compare. First, I’d like...

ImageKit.io: Image Optimization That Plugs Into Your Infrastructure

24.10.2019
Images are the most efficient means to showcase a product or service on a website. They make up for most of the visual content on our website. But, the more images a webpage has, the more bandwidth it consumes, affecting the page load speed - a raging factor having a significant impact on not just...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace