Search
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...
Adding Dynamic And Async Functionality To JAMstack Sites
2.1.2020
Jason Lengstorf:
Here’s an incomplete list of things that I’ve repeatedly heard people claim the JAMstack can’t handle that it definitely can:
Load data asynchronously
Handle processing files, such as manipulating images
Read from and write to a database
Handle user authentication and protect...
PSA: It’s That Time to Update the Copyright Year on Your Site
1.1.2020
Every year about this time I see articles going around reminding people how to update the copyright on their websites. Usually somewhere in the footer. You know, a line like:
© Copyright 2007-2019 CSS-Tricks
I am very absolutely not a lawyer, but this is how I understand it:
You don't actually...
XRP Faces a Strong Resistance at $0.1990 for a Persistent Bullish Crossover
1.1.2020
Ripple (XRP), at the press time, is trading at $0.193 and is supported by the short-term and medium-term MA. XRP against USD is trading better than the marked 52-week low at $0.1784. The price zone near $0.20 remains a goal at present as the price of Ripple is facing strict resistance as it pushes...
A CSS Tribute to SVG
31.12.2019
This demo from Jérémie Patonnier is incredible. Make sure to look at it in Firefox because some Chrome bug apparently prevents the entire thing from working.
The big idea is that the entire demo is one <rect> element. That's it. It is duplicated with <use> elements when needed,...
Making Room for Variation
30.12.2019
Say you have a design system and you're having a moment where it doesn't have what you need. You need to diverge and create something new. Yesenia Perez-Cruz categorizes these moments from essentially ooops to niiice:
There are three kinds of deviations that come up in...
So Many Color Links
27.12.2019
There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment.
Curated colors in context
Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...
Moving Rainbow Underlines
23.12.2019
I absolutely love the design of the Sandwich site. Among many beautiful features are these headlines with rainbow underlines that move as you scroll. It's not scroll-jacking — it's just a minor design feature that uses scroll position to enact a little movement.
To draw the rainbows...
Bitcoin and Altcoins Correcting Strong Gains
19.12.2019
This week, we saw a bearish extension in bitcoin price below the USD 7,000 and USD 6,850 support area. However, the USD 6,550 support area acted as a strong buy zone, resulting in a sharp recovery in BTC/USD. The price surged close to USD 1,000 and climbed above many hurdles including...
Open Banking & SCA Forum 2020 | Amsterdam: Harnessing Open Banking and Preparing for Strong Customer Authentication
18.12.2019
The European Union’s revised Payment Services Directive (PSD2) has paved the way for a new era of Open Banking globally. As a result, it will have huge impacts on business models, security mechanisms, and innovation in banking. In recent times, a question that has arisen consistently is...