Search
Making a Better Custom Select Element
11.12.2019
We just covered The Current State of Styling Selects in 2019, but we didn't get nearly as far and fancy as Julie Grundy gets here. There is a decent chunk of JavaScript that powers it, so I'm still very much eyeballing browsers' recent interest in giving us more powerful selects in (presumably)...
WDRL — Edition 278: Cname Cloaking, Dark mode favicons, a guide to mastery, and better custom select fields
5.12.2019
Hey,
It’s interesting to reflect on our own behaviour: We can often enough catch ourselves complaining or ranting about other people — some of them we know personally, some we don’t. I’m currently reading a (German) book that’s written mostly for farmers but I can’t stop thinking...
Web Scraping Made Simple With Zenscrape
28.11.2019
Web scraping has always been taken care of by actual developers, since a lot of coding, proxy management and CAPTCHA-solving is involved. However, the scraped data is very often needed by people that are non-coders: Marketers, Analysts, Business Developers etc.
Zenscrape is an easy-to-use...
Danske Bank Caught Using Gold Bullion to Launder Illicit Funds
10.11.2019
The Danish financial institution Danske Bank has been embroiled in a massive money-laundering scandal associated with an Estonian branch that allegedly laundered $223 billion in an eight-year period. According to documents uncovered this week stemming from 2012, Danske Bank’s Estonian branch...
Show Search Button when Search Field is Non-Empty
5.11.2019
I think the :placeholder-shown selector is tremendously cool. It allows you to select the placeholder of an input (<input placeholder="...">) when that placeholder is present. Meaning, the input does not yet have any value. You might think input[value] could do that, or help match on...
The Current State of Styling Selects in 2019
28.10.2019
Best I could tell from the last time I compiled the most wished-for features of CSS, styling form controls was a major ask. Top 5, I'd say. And of the native form elements that people want to style, Greg Whitworth has some data that the <select> element is more requested than any other...
Austrian Telecom A1 Accepting Crypto in Select Shops Using Salamantex
21.8.2019
Major Austrian telecom operator A1 now accepts 6 cryptos as payment in 7 shops in Austria
How Do Crypto Exchanges Select Coins, What Does It Take to Get Listed?
20.8.2019
Here’s how exchange platforms pick new digital assets and delist others
Staggered CSS Transitions
14.8.2019
Let's say you wanted to move an element on :hover for a fun visual effect.
@media (hover: hover) {
.list--item {
transition: 0.1s;
transform: translateY(10px);
}
.list--item:hover,
.list--item:focus {
transform: translateY(0);
}
}
Cool cool. But what if you had several list...
Banks Stopped Walmart Bank – Now the Retail Giant Hits Back With Crypto
2.8.2019
On August 1, it was discovered that the giant retail corporation Walmart has patented plans for a stablecoin that’s backed by U.S. dollars. If released into the wild, the USD-based cryptocurrency would be issued to select Walmart retailers and partners while the patent’s description...
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...
CSS :not() with Multiple Classes
22.7.2019
Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for.
body:not(.home) {
}
But what if there are multiple classes you want to avoid?
There are no logical combinators with :not(), like and or or, but you can chain them, which...
Choose Where to Buy Cryptocurrencies Using Exchangify
1.6.2019
Purchasing cryptocurrencies often involves using the services of a digital asset exchange. Such trading platforms typically differ in terms of features, listed coins and supported fiat currencies. Exchangify.io is a website that can help you find the best option in your region. Also read:...
2019 CSS Wishlist
17.1.2019
What do you wish CSS could do natively that it can't do now? First, let's review the last time we did this in 2013.
❌ "I'd like to be able to select an element based on if it contains another particular selector"
❌ "I'd like to be able to select an element based on the content...
Styling a Select Like It’s 2019
31.12.2018
It's rather heartwarming to know you can style a <select> in a rather cross-browser friendly way that doesn't hurt accessibility. Kudos for documenting this Scott!
See the Pen Styled <select&rt; by Chris Coyier (@chriscoyier) on CodePen.
Direct Link to Article —...
CSS Selectors are Conditional Statements
6.12.2018
foo {
}
Programmatically, is:
if (element has a class name of "foo") {
}
Descendent selectors are && logic and commas are ||. It just gets more complicated from there, with things like combinators and pseudo selectors. Just look at all the ways styles can cascade.
Jeremy Keith:
If...
Indian Banks Select Microsoft As Exclusive Cloud Blockchain Provider
12.6.2017
A group of India-based banks have struck a new strategic partnership with US tech giant Microsoft