Search

Nalezeno "Level": 1487

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

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

Accessibility is not a “React Problem”

11.3.2019
Leslie Cohn-Wein's main point: While [lots of divs, inline styles, focus management problems] are valid concerns, it should be noted that nothing in React prevents us from building accessible web apps. True. I'm quite capable (and sadly, guilty) of building inaccessible interfaces with React...

Level up your JavaScript error monitoring

7.3.2019
(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

Level up your JavaScript error monitoring

7.3.2019
(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM

6.3.2019
Chapter names in books, quotes from a speech, keywords in an article, stats on a report — these are all types of content that could be helpful to isolate and turn into a high-level summary of what's important. For example, have you seen the way Business Insider provides an article's key points...

Moving a Self-Hosted WordPress Site to WordPress.com

26.2.2019
I have a habit of getting some hosting when I need a new WordPress site. That is, a self-installed, self-hosted WordPress.org site. That's served me well over the years. I like my control. But along with that control comes a certain level of extra responsibility that sometimes just isn't worth...

JavaScript Proxy

26.2.2019
I’ve always loved the flexibility of Objects and prototypes in JavaScript, but for a long time, I felt that a level of dynamism was lacking. JavaScript eventually added get and set methods for object properties, which was an awesome step, but there was still room for improvement....

Using CSS Grid the right way

22.2.2019
Violet Peña has shared her recommendations for using CSS Grid. They basically boil down to these high-level points: Use names instead of numbers for setting up our grid columns. fr should be our flexible unit of choice. We don’t really need a grid system anymore. Although this is all great advice...

The Ultimate Guide to JavaScript Algorithms: Tools

23.1.2019
To a significant level, the success of a software engineer is highly dependent on the quality of the tools he uses for his craft. In this section, we will highlight the tools that feature prominent

Re: Pleasing Color Palettes

11.1.2019
There are so many tools out there to help you pick colors. I totally get it! It's hard! When colors are done well, it's like magic. It adds a level of polish to a design that can really set it apart. Let's look at some, then talk about this idea some more. Here's one I just saw called Color...

Why we need CSS subgrid

11.1.2019
I’m a huge fan of CSS Grid and I use it on pretty much every project these days. However, there’s one part of it that makes things much more complicated than they really ought to be: the lack of subgrids. And in this post on the matter, Ken Bellows explains why they’d be so gosh darn useful: But...

Level up your JavaScript error monitoring

13.12.2018
(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

Too Much Accessibility

3.12.2018
I like to blog little veins of thought as I see them. We recently linked to an article by Facundo Corradini calling out a tweet of ours where we used an <em> where we probably should have used an <i>. Bruce Lawson checks if screen readers are the victims of these semantic...

Jaká je budoucnost umělé inteligence? Praha bude hostit světovou konferenci

18.7.2018
Zjistěte, proč Facebook, Google, Microsoft, Uber a mnoho dalších investují do umělé inteligence (AI) a jak může AI ovlivnit váš život a zlepšit váš byznys. Mezinárodní konference Human-Level Artificial Intelligence (HLAI 2018), věnovaná výzkumu umělé inteligence (AI) na úrovni člověka, se poprvé...

8 Digit Hex Colors

16.7.2018
One of the most requested capabilities in my early days of web development was the ability to set opacity on elements and even PNG images without the need for browser-specific CSS or hacks.  Eventually we got native opacity support and even enjoyed rgba(), the ability to cite an opacity level with...

Building a Complex UI Animation in React, Simply

12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate. This is...

Collective #430

5.7.2018
Publii * CSS Grid Level 2 * CSS Grid in IE * termtosvg * Textalytic * The Mutable Gallery * Clock Shop * Brad's Homelab Collective #430 was written by Pedro Botelho and published on Codrops

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