Search

Nalezeno "moře": 9194

Encapsulating Style and Structure with Shadow DOM

21.3.2019
This is part four of a five-part series discussing the Web Components specifications. In part one, we took a 10,000-foot view of the specifications and what they do. In part two, we set out to build a custom modal dialog and created the HTML template for what would evolve into our very own custom...

Blurred Borders in CSS

20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery. Here's what we're after: The desired result. Let's see how we can code this effect, how we...

Some Notes About Accessibility

20.3.2019
Earlier this month Eric Bailey wrote about the current state of accessibility on the web and why it felt like fighting an uphill battle: As someone with a good deal of interest in the digital accessibility space, I follow WebAIM’s work closely. Their survey results are priceless insights into...

Creating a Custom Element from Scratch

20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it. Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...

Chrome Lite Pages

19.3.2019
The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device: Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...

Using Local with Flywheel

19.3.2019
Have you seen Local by Flywheel? It's a native app for helping set up local WordPress developer environments. I absolutely love it and use it to do all my local WordPress development work. It brings a lovingly designed GUI to highly technical tasks in a way that I think works very well. Plus...

Stacked “Borders”

19.3.2019
A little while back, I was in the process of adding focus styles to An Event Apart’s web site. Part of that was applying different focus effects in different areas of the design, like white rings in the header and footer and orange rings in the main text. But in one place, I wanted rings that were...

Crafting Reusable HTML Templates

19.3.2019
In our last article, we discussed the Web Components specifications (custom elements, shadow DOM, and HTML templates) at a high-level. In this article, and the three to follow, we will put these technologies to the test and examine them in greater detail and see how we can use them in production...

Productivity Tips I've Learned Building Scotch.io

19.3.2019
Productivity is a marathon. The more days and years I put into this coding thing (or anything like fitness for that matter), the more I realize that consistency is far more critical than bursts

The Whole Spreadsheets as Databases Thing is Pretty Cool

18.3.2019
A spreadsheet has always been a strong (if fairly literal) analogy for a database. A database has tables, which is like a single spreadsheet. Imagine a spreadsheet for tracking RSVPs for a wedding. Across the top, column titles like First Name, Last Name, Address, and Attending?. Those titles...

An Introduction to Web Components

18.3.2019
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences...

People Digging into Grid Sizing and Layout Possibilities

15.3.2019
Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and media query breakpoints and into, I dunno, something a bit more exotic. For example, columns that are sized more by content and guidelines than...

Design Systems and Portfolios

15.3.2019
In my experience working with design systems, I’ve found that I have to sacrifice my portfolio to do it well. Unlike a lot of other design work where it’s relatively easy to present Dribbble-worthy interfaces and designs, I fear that systems are quite a bit trickier than that. You could make things...

See No Evil: Hidden Content and Accessibility

15.3.2019
There is no one true way to hide something on the web. Nor should there be, because hiding is too vague. Are you hiding visually or temporarily (like a user menu), but the content should still be accessible? Are you hiding it from assistive tech on purpose? Are you showing it to assistive tech...

Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements

15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic. Using the shadow DOM is common when creating custom elements, but there’s...

Little Things That Tickled My Brain from An Event Apart Seattle

14.3.2019
I had so much fun at An Event Apart Seattle! There is something nice about sitting back and basking in the messages from a variety of such super smart people. I didn't take comprehensive notes of each talk, but I did jot down little moments that flickered my brain. I'll post them here! Blogging...

7 things you should know when getting started with Serverless APIs

14.3.2019
I want you to take a second and think about Twitter, and think about it in terms of scale. Twitter has 326 million users. Collectively, we create ~6,000 tweets every second. Every minute, that’s 360,000 tweets created. That sums up to nearly 200 billion tweets a year. Now, what if the creators...

Perfect Image Optimization for Mobile with Optimole

14.3.2019
(This is a sponsored post.) In 2015 there were 24,000 different Android devices, and each of them was capable of downloading images. And this was just the beginning. The mobile era is starting to gather pace with mobile visitors starting to eclipse desktop. One thing is certain, building...

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