Search

Nalezeno "Article": 1634

Merge Conflicts: What They Are and How to Deal with Them​


Merge conflicts... Nobody likes them. Some of us even fear them. But they are a fact of life when you're working with Git, especially when you're teaming up with other developers. In most cases, merge conflicts aren't as scary as you might think. In this fourth part of our “Advanced Git” series...

Building an Angular Data Grid With Filtering


(This is a sponsored post.) Kendo UI makes it possible to go from a basic idea to a full-fledged app, thanks to a massive component library. We’re talking well over 100 components that are ready for you to drop … The post Building an Angular Data Grid With Filtering appeared first...

Sticky Definition Lists


I ran across this 30 seconds of code website the other day, and they have a CSS section which is really good! The first example snippet I looked at was this “floating section headers” example, reminding me yet again how … The post Sticky Definition Lists appeared first...

How to Implement and Style the Dialog Element


A look from Christian Kozalla on the <dialog> HTML element and using it to create a nice-looking and accessible modal. CodePen Embed Fallback I’m attracted to the <dialog> element as it’s one of those “you get a lot for free” … The post How...

Testing Vue Components With Cypress


Cypress is an automated test runner for browser-based applications and pages. I’ve used it for years to write end-to-end tests for web projects, and was happy to see recently that individual component testing had come to Cypress. I work on … The post Testing Vue Components With Cypress...

On Browser-Specific URL Schemes


We’ve covered URL schemes: A URL Scheme is like “http://…” or “ftp://…”. Those seem like a very low-level concept that you don’t have much control over, but actually, you do! I’d call it non-trivial, but developers can register new … The post On Browser-Specific URL Schemes...

In-Page Filtered Search With Vanilla JavaScript


If you have a page that includes a lot of information, it’s a good idea to let users search for what they might be looking for. I’m not talking about searching a database or even searching JSON data — I’m … The post In-Page Filtered Search With Vanilla JavaScript appeared first...

The Greatest CSS Tricks Vol. I eBook (PDF and EPUB)


When I wrote the “book” The Greatest CSS Tricks Vol. I, I put “book” in quotes because there wasn’t anything terribly book-like about it. The only way you could read it was online, logged into this website, with an … The post The Greatest CSS Tricks Vol. I eBook...

The Semantics of Jamstack


The past year has seen a healthy debate around the term ‘Jamstack’ as the definition gets stretched to include new use cases. I recently posted my take on a Jamstack definition in “Static vs. Dynamic vs. Jamstack: Where’s The Line?”… The post The Semantics of Jamstack appeared...

Exploring the CSS Paint API: Rounding Shapes


Adding borders to complex shapes is a pain, but rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue! That’s what we’re going to look at as part of this “Exploring … The post Exploring the CSS Paint API: Rounding Shapes appeared first...

The CSS-in-React Landscape


(This is a sponsored post.) I only half-jokingly refer to the CSS-in-JS world as CSS-in-React. Many of the libraries listed below theoretically work in non-React situations — they generally call that “framework-agnostic”) — but I’d guess the vast majority … The post...

How to Create a Contact Form With Next.js and Netlify


We’re going to create a contact form with Next.js and Netlify that displays a confirmation screen and features enhanced spam detection. Next.js is a powerful React framework for developing performant React applications that scale. By integrating a Next.js site with … The post How...

Some Typography Links VIII


Do you know what to use the @ sign for something other than email addresses and Twitter handles? I do! —  Pawel Grzybek notes how some old physical typewriters had an “Arroba” on them which was represented with the @ … The post Some Typography Links VIII appeared first...

Creating Your Own Bragdoc With Eleventy


No matter what stage you’re at as a developer, the tasks we complete—whether big or small—make a huge impact in our personal and professional growth. Unfortunately, those tasks aren’t always recognized because they can easily get lost in the sea … The post Creating Your Own Bragdoc With...

@supports selector()


I didn’t realize the support for @supports determining selector support was so good! I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support … The post @supports selector() appeared first...

An Interview With Elad Shechter on “The New CSS Reset”


Hey folks! Elad reached out to me to show me his new CSS reset project called the-new-css-reset. It’s quite interesting! I thought a neat way to share it with you is not only to point you toward it, but … The post An Interview With Elad Shechter on “The New CSS Reset” appeared...

Three-Digit Browser Versions in March 2022


This isn’t supposed to be any sort of decision-making based on browser User-Agent Strings. But, ya know, collectively, we do make those decisions. Karl Dubost notes that there is a significant change coming to them, notably moving the version … The post Three-Digit Browser Versions...

How to Build a Nearly Headless WordPress Website


I believe that a traditional WordPress theme should be able to work as effectively as a static site or a headless web app. The overwhelming majority of WordPress websites are built with a good ol’ fashioned WordPress theme. Most of … The post How to Build a Nearly Headless WordPress...

Expandable Sections Within a CSS Grid


I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping … The post Expandable Sections Within a CSS Grid appeared...

Different Degrees of Custom Property Usage


One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root of the page and use them throughout your CSS. Very useful, and the classic … The post Different Degrees of Custom Property Usage appeared first...

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