Search
Custom Styling Form Inputs With Modern CSS Features
7.2.2020
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a single line of JavaScript or extra HTML elements! It’s actually gotten easier lately than it has been in the past. Let’s take a look.
Here’s...
CSS4 is a Bad Idea
5.2.2020
Louis Lazaris, reacting to the idea of CSS4:
The reason “CSS3” worked is because it was real. It was the successor to “CSS2.1”. Everything after CSS2.1 was considered to be under the umbrella of “CSS3”.
The gist is that CSS4 isn't real, so won't work, and we don't need it anyway. Perhaps...
Select an Element with a Non-Empty Attribute
5.2.2020
Short answer:
[data-foo]:not([data-foo=""] {
Longer answer (same conclusion, just an explanation on why we might need this):
Say you have an element that you style with a special data-attribute:
<div data-highlight="product"</div
You want to target that element and do special things when...
These Are the Most Traded Tokens on Decentralized Exchanges Right Now
31.1.2020
The decentralized exchange landscape is evolving fast, with new liquidity aggregators and relays enhancing usability while reducing slippage. Trade volumes are also strong across the leading ERC20 DEXs and Binance DEX. The bulk of this volume is captured by a small proportion of tokens, however...
Smaller HTML Payloads with Service Workers
31.1.2020
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight.
Longer thoughts: When you're building a really simple website, you can get away with literally writing raw HTML. It doesn't take long to need a...
Use and Reuse Everything in SVG… Even Animations!
28.1.2020
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...
Bitcoin Cash (BCH) Holds Strong Support at $300; Targets $375
28.1.2020
BCH has just taken a rest from a 2-day long bull-run while it is gathering momentum before striking another price rally Bitcoin Cash has formed a decent support area around $300 over the last 5 days The immediate support level for the BCH coin is at $358.19 while resistance for the coin is above...
Cardano Taps on Strong Buy Mode; Sustains the Price Rise
28.1.2020
Cardano opened today on a bullish note; ADA has survived the recent price plunge As compared to yesterday, ADA is up by more than 10%; yesterday’s price dips have turned into today’s support levels The coin has just formed a few bullish candles; the price may escalate soon Technicals are showing...
BTC Holds Strong Possibility of a Bullish Breakout in the Near-term
27.1.2020
Bitcoin, at the time of writing this analysis, was trading at $8,647.05 on Bitstamp, seems to be preparing for another consistent higher high trend BTC/USD retains imminent support from the daily moving and hourly moving averages as it hits above $8,500 after testing supports around $8,200...
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...
This Page is Designed to Last
23.1.2020
Jeff Huang, while going through his collection of bookmarks, sadly finds a lot of old pages gone from the internet. Bit rot. It's pretty bad. Most of what gets published on the web disappears. Thankfully, the Internet Archive gets a lot of it. Jeff has seven things that he thinks will help make...
The Web in 2020: Extensibility and Interoperability
22.1.2020
In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward two major trends/goals: extensibility and interoperability. Let’s break those down.
Extensibility
Extensibility describes...
Edgium
22.1.2020
January 15th, 2020 was the day Microsoft Edge went Chromium. A drop in browser engine diversity. There is a strong argument to be made that's not good for an ecosystem. Looked at another way, perhaps not so bad:
Perhaps diversity has just moved scope. Rather than the browser engines themselves...
Getting Started with Front End Testing
20.1.2020
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.)
Accessibility Testing (Amy recommends pa11y, and we've covered Axe.)
Visual Regression Testing (Amy recommends Backstop, and we've...
Timeless Web Dev Articles
18.1.2020
Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I'm gonna scour the thread and link up my favorites (that are actually articles, although not all of them...
Institutional and Retail Bitcoin Futures Demand Continues to Climb
12.1.2020
2019 saw significant bitcoin derivatives action from firms like CME Group and Bakkt. This year, demand for CME’s bitcoin futures remains strong and the firm’s options products may be available this week. Additionally, Bakkt’s physically-delivered bitcoin futures have consistently...
New CME Bitcoin Options Spark ‘Unusually Strong Activity’ — JPMorgan
11.1.2020
JPMorgan believes “high anticipation” is building ahead of the launch of CME’s Bitcoin options next week
Market Update: Top Cryptos Face Strong Resistance Ahead
7.1.2020
On January 6, digital currency markets saw decent gains as the entire crypto market capitalization surpassed the $200 billion mark at 3:50 p.m. EST. Since then most cryptocurrencies have tested heavy resistance and a slew of assets are being held back. Moreover, crypto trade volumes have increased...
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Bitcoin and Altcoins Staging Strong Comeback After Tagging Support
3.1.2020
This week, bitcoin price extended its decline below the USD 7,250 support level. BTC/USD even traded below the USD 7,050 and USD 7,000 support levels. Finally, the price traded close to the USD 6,850 support level and recently started a fresh increase.
Similarly, most major altcoins tested...