Search

Nalezeno "web": 2178

All About mailto: Links


You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider. The basic functionality <a href="mailto:someone@yoursite.com">Email...

Advanced Tooling for Web Components


Over the course of the last four articles in this five-part series, we’ve taken a broad look at the technologies that make up the Web Components standards. First, we looked at how to create HTML templates that could be consumed at a later time. Second, we dove into creating our own custom element....

Web Accessibility For Beginners


Building accessible applications or websites is not the norm today. This is because the idea of accessibility is known to most developers, while in actual sense it is often neglected and not a comm

Encapsulating Style and Structure with Shadow DOM


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


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


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


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


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...

Stacked “Borders”


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


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...

[článek] Může policie bez soudního příkazu vypnout na 90 dnů jakýkoli web?


[6 minut čtení] Jak se na novinku v trestním řádu, která vyvolala na českém internetu bouřlivou odezvu, dívá právník? Chcete zničit konkurenci? České zákony jsou tu pro vás! Blogovým příspěvkem s tímto titulkem hostingová společnost Wedos v únoru varovala před novým paragrafem v trestním řádu...

Collective #500


lax.js * An Introduction to Web Components * Core * Color.review * CSS Grid: Floor Plan * CSS Nesting Module Collective #500 was written by Pedro Botelho and published on Codrops

An Introduction to Web Components


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


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...

See No Evil: Hidden Content and Accessibility


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


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...

World Wide Web během 30 let zásadně změnil svět


Internetová síť World Wide Web vznikla původně jako prostředek ke sdílení vědeckých informací. Po rozšíření internetu mimo akademickou sféru v 90. letech dokázal web zásadně změnit způsob, jakým pracují a baví se stamiliony lidí po celém světě. První návrh systému, z něhož se World Wide...

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