Search
HTML report v jazyce Java na pár řádků (dokončení)
1.5.2021
V minulém blogu jsem prezentoval tvorbu tabulkového HTML reportu s AJAX filtrováním a uživatelským řazením sloupců – pomocí několika málo řádků kódu zapsaných do jediného příkazu jazyka Java. Využil jsem k tomu třídu ReportBuilder z frameworku Ujorm. Dnes bych vám rád ukázal, jak lze do buněk...
Web Languages as Compile Targets
30.4.2021
Jim Nielsen quoting Eric Bailey:
He references an example on Twitter where someone noted you can use the <details> element to “create a native HTML accordion,” to which someone responded: “this works without Bootstrap? 🤯”
What’s the problem here? From
…
The post...
List Markers and String Styles
29.4.2021
Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers completely with list-style-type: none, and start …
The post List Markers and String Styles...
The Making (and Potential Benefits) of a CSS Font
22.4.2021
Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!
Let me elaborate. This is a way to render text without using any font at all. Random text is split with …
The post The Making (and Potential Benefits) of a CSS Font appeared first...
The `ping` attribute on anchor links
8.4.2021
I didn’t know this was a thing until Stefan Judis’s post:
<a href="https://www.stefanjudis.com/popular-posts/"
ping="https://www.stefanjudis.com/tracking/"Read popular posts</a
You give an anchor link a URL via a ping attribute, and the browser will hit that URL with a...
Detect CSS Overflow Elements
8.4.2021
Every once in a while you encounter a CSS annoyance that takes some cleverness to discover. One such case rears its ugly head in unwanted and unexpected scrollbars. When I see unwanted scrollbars, I usually open developer tools, click the element inspector, and hover around until I find...
Definition Tag
5.4.2021
It’s <dfn. Jen Kramer is doing a #30DaysofHTML email list thing-y on Substack, which is an easy subscribe. It’s only been a few days and all of them have little gems, even for someone like me who likes to …
The post Definition Tag appeared first on CSS-Tricks.
You can support...
HTML report v jazyce Java na pár řádků
4.4.2021
V tomto blogu vám představím tabulkový HTML report vytvořený pomocí pouhých třinácti řádků zdrojového kódu zapsaných do jediného příkazu jazyka Java. Předpokládejme přitom, že služba pro získání dat už existuje. Pokud budeme chtít uživatelům nabídnout také jednoduché (sekvenční) filtrování obsahu...
HTML Inputs and Labels: A Love Story
30.3.2021
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too.
A…
The post HTML Inputs and Labels: A Love Story appeared first...
How to describe element’s natural sizing behavior
26.3.2021
PPK:
When introducing width and height I explain that by default width takes as much horizontal space as it can, while height takes as little vertical space as possible. This leads to a discussion of these two opposed models
…
The post How to describe element’s natural sizing...
How to describe element’s natural sizing behavior
26.3.2021
PPK:
When introducing width and height I explain that by default width takes as much horizontal space as it can, while height takes as little vertical space as possible. This leads to a discussion of these two opposed models
…
The post How to describe element’s natural sizing...
Building a Full-Stack Geo-Distributed Serverless App with Macrometa, GatsbyJS, & GitHub Pages
25.3.2021
In this article, we walk through building out a full-stack real-time and completely serverless application that allows you to create polls! All of the app’s static bits (HTML, CSS, JS, & Media) will be hosted and globally distributed via the …
The post Building a Full-Stack...
Takes on State
24.3.2021
React is actually a bit of an outlier with state management. While it has first-class tools like useState and Context, you’re more own your own for reactive global state. Here’s David Ceddia with “React State Management Libraries and How …
The post Takes on State appeared...
How to Use Tailwind on a Svelte Site
12.3.2021
Let’s spin up a basic Svelte site and integrate Tailwind into it for styling. One advantage of working with Tailwind is that there isn’t any context switching going back and forth between HTML and CSS, since you’re applying styles as …
The post How to Use Tailwind on a Svelte Site appeared...
Web Frameworks: Why You Don’t Always Need Them
10.3.2021
Richard MacManus explaining Daniel Kehoe’s approach to building websites:
There are three key web technologies underpinning Kehoe’s approach:
ES6 Modules: JavaScript ES6 can support import modules, which are also supported by browsers.
Module CDNs: JavaScript modules can now
…
The...
Collective #651
4.3.2021
State Of GDPR In 2021 * Leva * Pablito Planeta * HTML test cases * Flameshot
The post Collective #651 appeared first on Codrops
CSS Border Font
28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which …
The post CSS Border Font appeared first...
To the brain, reading computer code is not the same as reading language
22.2.2021
One of the things I do when teaching beginning front-end development is ask students to describe what it’s like to read HTML. I give them pretty basic markup for a long-form article, and ask them to read it twice: first …
The post To the brain, reading computer code is not the same...
Let’s Create a Custom Audio Player
18.2.2021
HTML has a built-in native audio player interface that we get simply using the <audio> element. Point it to a sound file and that’s all there is to it. We even get to specify multiple files for better browser support, …
The post Let’s Create a Custom Audio Player appeared first...
Barebones CSS for Fluid Images
18.2.2021
Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets involved.
I poked my way through, and in addition to the …
The post Barebones CSS for Fluid Images appeared first...