Search
Using Flexbox and text ellipsis together
22.7.2020
You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want to truncate content in the middle?
Leonardo Faria details good use cases for this...
How to Make a Monthly Calendar With Real Data
21.7.2020
Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a plugin, or even an embedded Google Calendar, but it’s actually a lot more straightforward to make one than you might think and only requires...
marketstack: A Market Data API
21.7.2020
(This is a sponsored post.)
I like the apilayer company tagline: “Automate What Should Be Automated.” They have this thick suite of products that are all APIs with clear documentation. They all have usable free tiers to develop against and prove out an idea, and then paid plans if...
Tips for Starting with Bitcoin and Cryptocurrencies
21.7.2020
One of the most rewarding experiences of my life, both financially and logically, has been buying and managing cryptocurrencies like Bitcoin, Litecoin, Ethereum. Like learning any other new tech, I made rookie mistakes along the way, but learned some best practices along the way. Check out these...
When do you use inline-block?
20.7.2020
The inline-block value for display is a classic! It’s not new and browser support is certainly not something you need to worry about. I’m sure many of us reach for it intuitively. But let’s put a point on it. What is it actually useful for? When do you pick it over other, perhaps...
Levels of Fix
20.7.2020
On the web, we have the opportunity to do work that fixes things for people. It’s fascinating to me how different the scope of those fixes can be.
Consider the media query prefers-reduced-motion. Eric wrote:
I think it’s also worth pointing out the true...
Binding Arguments with Bind
20.7.2020
One of my favorite and most essential Function method is bind, a function we added to MooTools when it wasn’t featured in the JavaScript language itself. We often think of using bind to simply bind a method’s call to its host object, but did you know you can also bind arguments with...
Creating a Gatsby Site with WordPress Data
20.7.2020
In my previous article last week, I mentioned creating a partially ported WordPress-Gatsby site. This article is a continuation with a step-by-step walkthrough under the hood.
Gatsby, a React-based framework for static sites, is attracting attention not only from JavaScript developers but also from...
5 Most Common Developer Portfolio Mistakes (Sponsored)
20.7.2020
A portfolio site is one of the best marketing and sales tools you as a web developer have in your arsenal. And if it’s set up right, it’ll save you a bunch of time having to:  Chase down new clients,  Spend time convincing them to work with you, Answer questions about your experience as...
Is Crypto Fintech? It Depends Who You Ask
20.7.2020
Crypto is financial technology. But Is it fintech?
How to Italicize Text
18.7.2020
HTML and CSS offer us the ability to italicize text. I’m talking about text like this. Let’s cover everything you’ll need to know.
What is italic text and why would you italicize text?
You italicize text most often to call attention to it. Literally to emphasize a word, so that someone reading...
CSS Painting Order
17.7.2020
Usually, when I see terms like “painting order” or “stacking context” my brain will start to shut off and my eyes will gloss over. Not that my brain doesn’t normally shut off more often than not, but that’s another topic for another time.
Martin Robinson over...
Develop, Preview, Test
17.7.2020
Guillermo:
I want to make the case that prioritizing end-to-end (E2E) testing for the critical parts of your app will reduce risk and give you the best return. Further, I’ll show how you can adopt this methodology in mere minutes.
His test is:
Spin up Puppeteer (Headless Chrome)...
Institutional OG: The Fact That You Can Go 100x Leverage on Bitcoin Is Pretty Wild
17.7.2020
High usage of leverage in Bitcoin futures is the symptom of a gambling mentality in crypto, argues CMS Holdings’ Dan Matuszewski
On dependency
17.7.2020
Rob Weychert:
But I can’t host your site or even my own site. I didn’t build the CMS. Other people made the hardware and software I use to generate and optimize images. Other people made the fonts. Other people standardized the digital formats for those images and fonts. I didn’t write the HTML...
Backdrop Filter effect with CSS
16.7.2020
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter.
The approach? Easy peasy:
.container {
backdrop-filter: blur(10px);
}
The...
Lazy Loading Images in Svelte
16.7.2020
One easy way to improve the speed of a website is to only download images only when they’re needed, which would be when they enter the viewport. This “lazy loading” technique has been around a while and there are lots of great tutorials on how to implement it.
But even with all the resources...
Irregular-shaped Links with Subgrid
16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...
Tradeoffs and Shifting Complexity
16.7.2020
This is a masterclass from Dave:
After you hit the wall of unremovable complexity, any “advances” are a shell game, making tradeoffs that get passed down to the user … you get “advances” by shifting where the complexity lives.
You don’t get free reductions in complexity. In CSS land...
Three Things You Should Know About Different Cryptocurrency Derivative Products
15.7.2020
The text below is an advertorial article that was not written by Cryptonews.com journalists.
The advent of crypto has changed the financial game in so many ways. It has made life easier by introducing problem-solving tools that use blockchain technology.
The crypto and stock markets are similar...