Search
Streaming Optimized Videos From AWS S3 in Minutes
2.12.2021
(This is a sponsored post.)
Videos appeal to humans in a way no other form of the content does. A video includes motion, music, still images, text, speech, and a few other elements, all of which combine to deliver …
The Majority of Game Developers Are Beginning to Include Blockchain in Their Games According to Study
12.11.2021
Most game developers in U.S. and U.K. are now using blockchain elements in their games, according to a study released this week. The study, commissioned by a company named Stratis, reveals that the popularity of blockchain, NFTs, and the new play-to-earn model in the crypto market is making game...
Indonesia’s Islamic Authority Declares Cryptocurrency Haram, Forbidden for Muslims
11.11.2021
Indonesia’s top Islamic body, the country’s authority on Shariah compliance, has reportedly declared cryptocurrency haram, forbidden for Muslims under Islamic law. The Indonesian Ulema Council explained that crypto has elements of uncertainty, wagering, and harm. Cryptocurrency...
Fixing the Drift in Shape Rotations
4.11.2021
Steve Ruiz calls this post an “extra-obscure edition of design tool micro-UX,” but I find it fascinating! If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to …
The post Fixing the Drift in Shape Rotations appeared...
Less Absolute Positioning With Modern CSS
13.10.2021
Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should …
The post Less Absolute Positioning With Modern CSS appeared first...
Scroll Shadows With JavaScript
6.10.2021
Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
The post Scroll Shadows With JavaScript appeared first on CSS-Tricks. You can support...
Animation Techniques for Adding and Removing Items From a Stack
4.10.2021
Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …
The post Animation Techniques for Adding and Removing Items From...
Cryptocurrencies Have ‘No Intrinsic Value’ Says South African Hedge Fund Guru
4.10.2021
Jean-Pierre Verster, the founder of a South African hedge fund Protea Capital Management, has said he does not believe there is “intrinsic value” in cryptocurrencies. He insists that cryptocurrencies have “elements of a Ponzi scheme” and for that reason, he has...
Playing Genshin Impact's Last Update As Its Villain Was Eye-Opening
22.9.2021
I’ve been building up my Raiden Shogun character so that I could use her to clear Genshin Impact’s latest chapter. She’s the main antagonist of the game’s Inazuma region, so I thought it would be interesting to attack and dethrone god using god herself. Read more
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
21.9.2021
CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a <div> but not an <input>). This effectively allows you to show something on a web page that might …
The post 7 Practical Uses...
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the `dl` appeared...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Supercharging Built-In Elements With Web Components “is” Easier Than You Think
3.9.2021
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to …
The post Supercharging Built-In Elements With...
CSS Pseudo Commas
30.8.2021
A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation.
CodePen Embed…
The post CSS Pseudo Commas...
Central Bank of Ireland Governor Talks Crypto, Praises ‘Secure, Decentralized’ Technology
31.7.2021
Gabriel Makhlouf, the governor of the Central Bank of Ireland (CBI), has published a blog post in which he shares his views on the digitalization of finance. While echoing concerns expressed by his counterparts regarding cryptocurrencies, the official has also highlighted some of their positives....
Layout with Reveal Animations and Content Preview
28.7.2021
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
The post Layout with Reveal Animations and Content Preview appeared first on Codrops
:nth-child Between Two Fixed Indexes
29.6.2021
I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole post on “Useful :nth-child Recipes” but this wasn’t one of them.
The answer, it …
The post :nth-child Between Two Fixed...
Using Custom Elements in Svelte
22.6.2021
Svelte fully supports custom elements (e.g. <my-component>) without any custom configuration or wrapper components and has a perfect score on Custom Elements Everywhere. However, there are still a few quirks you need to watch out for, especially around …
The post Using Custom...
Always Show Arrows for Number Input
21.6.2021
While I enjoy small details that make user interfaces more elegant, I also believe that less is more, especially when it comes to native behavior. One native behavior I dislike is that <input type="number" /> elements only show the increment and decrement arrows when the input is focused....
Star Wars: The Bad Batch Has A Great Fallen Order Moment
14.6.2021
Disney, the ultimate experts in brand tie-ins, did something very specific last Friday that stood out to anyone who has played Respawn’s terrific Star Wars Jedi: Fallen Order game. To go along with the announcement that Fallen Order will get an upgrade for the PS5 and Xbox Series X, Star Wars:...