Search
Creating a Modal Image Gallery With Bootstrap Components
6.3.2020
Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos?
Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s...
Automated Selenium Testing with Jest and LambdaTest
5.3.2020
You know what the best thing is about building and running automated browser tests is? It means that the site you're doing it on really matters. It means you're trying to take care of that site by making sure it doesn't break, and it's worth the time to put guards in place against that breakages....
Considerations for Creating a Card Component
2.3.2020
Here's a Card component in React:
const Card = props ={
return(
<div className="card"<h2{props.title}</h2<p{props.content}</p</div)
}
It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...
A Follow-Up to PHP Templating
28.2.2020
Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic templating I needed to do on this very WordPress site. The main pushback was that this kind of thing can be an XSS vulnerability. In my case, it's...
The One Thing The Best Crypto Traders Do Differently
25.2.2020
Disclaimer: The text below is a sponsored article that was not written by Cryptonews.com journalists.
_____
Do you often find yourself missing out on the most profitable trades? If you are like most people, you will find that it is difficult to buy and sell exactly at the right moments....
Centering a div That Maintains Aspect-Ratio When There’s Body Margin
18.2.2020
Andrew Welch had a little CSS challenge the other day to make an ordinary div:
• centered vertically + horizontally• scales to fit the viewport w/ a margin around it• maintains an arbitrary aspect ratio• No JS
There's a video in that tweet if it helps you visualize the challenge. I saw Paul...
“CSS4” Update
16.2.2020
Since I first chimed in on the CSS4¹ thing, there's been tons of more discussion on it. I'm going to round up my favorite thoughts from others here. There is an overwhelming amount of talk about this, so I'm going to distill it here down as far as I can, hopefully making it easier to follow.
Jen...
While You Weren’t Looking, CSS Gradients Got Better
14.2.2020
One thing that caught my eye on the list of features for Lea Verou's conic-gradient() polyfill was the last item:
Supports double position syntax (two positions for the same color stop, as a shortcut for two consecutive color stops with the same color)
Surprisingly, I recently discovered most...
Tuur Demeester Says Bitcoin Intolerance May Become a Thing; CZ Reacts
10.2.2020
Famed Bitcoin analyst and economist Tuur Demeester was the latest guest on Charlie Shrem’s popular podcast Untold Stories, in which he stated that in the future, we would see a time when Bitcoin becomes a political issue, and the world would witness a rise in Bitcoin intolerance. He stated that...
There’s No Such Thing as Tainted Bitcoins
6.2.2020
All bitcoins are created equal. But in the eyes of blockchain forensics firms, some bitcoins are more equal than others. If these companies are to be believed, coins that have been used in criminal transactions are ‘tainted,’ destined to be forever linked with nefarious activity....
CSS4
4.2.2020
Tab Atkins in 2012:
There has never been a CSS4. There will never be a CSS4. CSS4 is not a thing that exists.
Rachel Andrew in 2016:
While referring to all new CSS as CSS3 worked for a short time, it doesn’t reflect the reality of where CSS is today. If you read something...
Blockchair Launches Release Monitor so You Will Never Miss Another Hard Fork or Core Client Update
4.2.2020
It can be very hard to keep track of all the latest software upgrades in the crypto ecosystem, which is a crucial thing to do for developers of multi-coin projects such as wallets and exchanges. For this purpose, Blockchair​ has created a free ​release monitor​ that helps...
World Markets – Managed Trading Accounts
4.2.2020
Trading in any market can be a difficult thing, especially if you lack technical knowledge. Luckily, there are services like managed investment accounts, where a professional does all the work for you. A managed investment account (or portfolio) can be defined as a set of assets that are given to...
Possibly The Easiest Way to Run an SSG
4.2.2020
"Static Site Generator," that is. We'll get to that in a second.
Netlify is a sponsor of this site (thank you very much), and I see Zach Leatherman has gone to work over there now. Very cool. Zach is the creator of Eleventy, an SSG for Node. One thing of the many notable things about Eleventy...
Set Type on a Circle… with offset-path
28.1.2020
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don't have to use it...
aviationstack
28.1.2020
(This is a sponsored post.)
I wonder how many startup ideas have something to do with air travel? 🤔
It's such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here's the thing about a lot of startup ideas: you need data. Chances...
Woodworking SVG (and Other Real Life Encounters)
27.1.2020
Eric Meyer does his woodworking math in SVG.
I’ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting.
This might sound hugely bespoke and artisanally overdone, but they’re not that complicated, and...
What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes?
24.1.2020
Some HTML elements accept width and height as attributes. Some do not. For example:
<!-- valid, works, is a good idea --<img width="500" height="400" src="..." alt="..."<iframe width="600" height="400" src="..."</iframe<svg width="20" height="20"</svg<!-- not valid...
Thinking Through Styling Options for Web Components
16.1.2020
Where do you put styles in web components?
I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don't-leak-out...
A Web Component with Different HTML for Desktop and Mobile
16.1.2020
Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that ads present, and then presenting modern solutions to each of them.
One code snippet that caught my eye was a simple way to design a component...