Search
CSS Security Vulnerabilities
9.9.2019
Don't read that headline and get worried. I don't think CSS is a particularly dangerous security concern and, for the most part, I don't think you need to worry about it.
But every once in a while, articles tend to circulate and get some attention as to the possibilities of what CSS can do that...
Learn Design for Developers and SVG Animation with Sarah Drasner ✨????
5.9.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js!
Design for Developers
In...
Multiline truncated text with “show more” button
4.9.2019
Now that we've got cross-browser support for the line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy.
We should at least offer a way to read that that truncated content...
Firefox blocks third-party tracking cookies and cryptominers
4.9.2019
This is super interesting stuff from Mozilla: the most recent update of Firefox will now block cryptominers and third-party tracking scripts by default. In the press release they write:
For today’s release, Enhanced Tracking Protection will automatically be turned on by default for all users...
TP-Link Archer AX50: router s Wi-Fi 6, který je postaven na čipsetu od Intelu
3.9.2019
Počet zařízení s novým rychlým standardem 802.11ax neboli Wi-Fi 6 se nám pomalu rozrůstá. Mezi prvními dostupnějšími kousky by měl být nový router AX50 od společnosti TP-Link.
Dvoupásmový router TP-Link AX50 (AX3000) se pyšní novou gigabitovou Wi-Fi 6 (Gig+), přičemž maximální teoretická
Need to scroll to the top of the page?
2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like...
<html id="top">
<body>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>
...
Jeremy Keith – Building the Web
23.8.2019
I really enjoyed this interview with Jeremy Keith on the state of the web, how things have changed in recent years and why he’s a mix of optimistic and nervous for the future.
One thing that caught my attention during the interview more than anything was where Jeremy started discussing how folks...
Chainlink Price Analysis: Yesterday’s Surge Sets Down, May See Resistance at $2.22
23.8.2019
Chainlink has recently started an upward move to remain stably above $2.20 The coin has rebounded after tracing a dip near $2.18, may face resistance near $2.23 After yesterday’s surge above $2.29, Chainlink has traced a bearish trendline After yesterday’s price rise to $2.29, Chainlink is tracing...
Chainlink Price Analysis: With a Decline of More Than 8% Coin Stooped Toward $2 Support Level
22.8.2019
Chainlink recently listed out some key factors on which the team is working. These include more off-chain jobs with adapters/integrations, going live on additional blockchain environments, greater provable security through data & certification, and the last but not the least, stronger...
Chainlink Price Analysis: The Crypto Has Declined in Intraday Trading; Announced a New Oracle Node for Smart Contract
21.8.2019
Chainlink recently announced for a new Oracle Node where users can add real-time Ethereum data to Chainlink oracles. The feature will make accessing on-chain information easier and more flexible for smart contract developers. Current Statistics of Chainlink: On August 21, at UTC 05:43, Chainlink...
Using rel=”preconnect” to establish network connections early and increase performance
20.8.2019
Milica Mihajlija:
Adding rel=preconnect to a <link> informs the browser that your page intends to establish a connection to another domain, and that you'd like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed...
Chainlink Price Analysis: Chainlink Takes Giant Leaps to Establish Its Strong Ground in Crypto World
16.8.2019
Chainlink to be deployed by Morpheus Labs on its BPaaS platform Chainlink may record bullish trends in the next few days This is a good time to target Chainlink (LINK) token for long term investments. The firm is taking huge steps to invest in the development of this coin and the platform and...
Contextual Utility Classes for Color with Custom Properties
14.8.2019
In CSS, we have the ability to access currentColor which is tremendously useful. Sadly, we do not have access to anything like currentBackgroundColor, and the color-mod() function is still a ways away.
With that said, I am sure I am not alone when I say I'd like to style some links based on...
Get the Best Domain Name for your New Website
8.8.2019
(This is a sponsored post.)
If you're on CSS-Tricks, we can probably bet that you're in the process of building a really cool website. You've spent your time creating content, applying appropriate UX design techniques, coding it to perfection, and now you're about ready to launch it to the world.
A...
The Real Dark Web
5.8.2019
Here’s a wonderful reminder from Charlie Owen that everyone in the web design industry isn’t using the latest and greatest technology. And that’s okay! Charlie writes:
Most web developers are working on very "boring" teams. They're producing workhorse products that serve the organisation needs....
Oracle Creating a ‘Virtuous Cycle Of Innovation’ Through Blockchain and Chainlink with Start-Ups
1.8.2019
The blockchain technology has proved to be a great innovation right from the start. Not only did it open new doors of opportunities to young founders and entrepreneurs, but it also disrupted the conventional ways of industries. Start-ups around the world had already ventured into the blockchain...
Register Now for An Event Apart 2019 in Chicago
1.8.2019
(This is a sponsored post.)
An Event Apart juuuuust wrapped up its Washington D.C. event yesterday. We hope we got to see you at the event but if not, perhaps we'll see you at the next one happening Aug. 28-28 in Chicago.
Why would you go, you might ask? It's three days of experts imparting their...
A More Accessible Portals Demo
31.7.2019
The point of the <portal> element (behind a flag in Chrome Canary) is that you can preload another whole page (like <iframe>), but then have APIs to animate it to the current page. So "Single Page App"-like functionality (SPA), but natively. I think that's pretty cool. I'm a fan...
Intrinsically Responsive CSS Grid with minmax() and min()
31.7.2019
The most famous line of code to have come out of CSS grid so far is:
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...
The Simplest Way to Load CSS Asynchronously
30.7.2019
Scott Jehl:
One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...