Search
A Complete Guide to CSS Media Queries
2.10.2020
Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings.
The post A Complete Guide to CSS Media Queries appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
Make Your Own Dev Tool
29.9.2020
Amber Wilson on making bookmarklets to help yo-self. She shows off one that injects an accessibility script — I like this approach, as it means you don’t have to maintain the bookmarklet, just the script it links to). Another example runs some code contained right in the link. The result...
ConsenSys-Incubated Startup Releases In-Browser Atomic Swap Wallet for DeFi
24.9.2020
ConsenSys-incubated startup Liquality’s new wallet lets you atomically swap digital assets directly from your browser
Optimizing CSS for faster page loads
18.9.2020
A straightforward post with some perf data from Tomas Pustelnik. It’s a good reminder that CSS is a crucial part of thinking web performance, and for a huge reason:
Any time [the browser] encounters any external resource (CSS, JS, images, etc.) it will assign it a download priority...
Chapter 4: Search
15.9.2020
Previously in web history…
After an influx of rapid browser development following the creation of the web, Mosaic becomes the popular choice. Recognizing the commercial potential of the web, a team at O’Reilly builds GNN, the first commercial website. With something to browse with,...
What is the Value of Browser Diversity?
15.9.2020
In 2018, Rachel Nabors made the point that browser diversity is similar to biological ecosystem diversity. There are literal advantages to more diversity. That article was before the Edge engines were shut, and now the big shakeups at Mozilla have the topic of browser diversity on people’s...
eToro, BlockFi & Nexo capitalize on Brave ads for ‘unmatched engagement’
15.9.2020
What do eToro, Nexo, BlockFi have in common with underwear?
content-visibility: the new CSS property that boosts your rendering performance
14.9.2020
Una Kravets and Vladimir Levin:
[…] you can use another CSS property called content-visibility to apply the needed containment automatically. content-visibility ensures that you get the largest performance gains the browser can provide with minimal effort from you as...
Brave browser adds new tricks to protect crypto users from phishing attacks
9.9.2020
The privacy-based browser is adding anti-phishing solutions from PhishFort
Using @property for CSS Custom Properties
3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string.
So rather than something like this:
html {
--stop: 50%;
}
…can be declared with more details like this:
@property --stop {
syntax:...
Comparing Browsers for Responsive Design
1.9.2020
There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing CSS and making sure it’s working across all the viewports in a single glance.
They are all very similar. For example, they...
Tesla Foils Ransomware Attack After Employee Rejects Bitcoin Bribe Worth $1 Million
1.9.2020
Tesla’s Elon Musk has said the company recently foiled attempts to infect its computer network with malicious software, after an employee cooperated with the FBI in an investigation. The malicious software would create an opportunity for criminals to extort money from Tesla. Musk’s...
Number Scrubbing
29.8.2020
If you use <input type="number">, some browsers give you an input that has UI for incrementing the number, like up/down arrows (often called “spinners”).
That’s a bit helpful sometimes. But people have certainly explored fancier ways of updating that number....
Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies
28.8.2020
Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring under specific circumstances (device, OS, browser, user action), or was just hidden in one of the many front-end technologies that are part...
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
As Browser-Based Cryptojacking Surges, AI Could Soon be Hunting Hackers
27.8.2020
The second quarter of 2020 brought a sudden surge in browser-based cryptojacking, with U.S. cybersecurity firm Symantec reporting a 163% increase in detected incidents compared with the previous quarter. To counter this worrying trend, researchers are developing new solutions based on artificial...
Browser-based cryptojacking is back as attacks spike 163%
26.8.2020
Who said browser-based cryptojacking was dead?
With Blockchain, Fraud Will Not Be Able to Steal Digital Ad Revenues
23.8.2020
Supply chain transparency is the spanner in the works of the digital advertising machines, but can blockchain help?
Offering Options for mailto: and tel: Links
21.8.2020
I generally like mailto: links. But I feel like I can smell a mailto: link without even inspecting or clicking it, like some kind of incredibly useless superpower. I know that if I’ve got my default mail client set, clicking that link will do what I want it to do, and if I want, I...
Leading-Trim: The Future of Digital Typesetting
21.8.2020
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec.
You’d use...