Search
How I Created a Code Beautifier in Two Days
19.7.2019
I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.
I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...
What the Web Needs Now (and how ARTIFACT is here for it)
19.7.2019
I recently had the pleasure of joining Dave Rupert, Chris Coyier, and Chris Ferdinandi on the Shop Talk Show to talk about the upcoming ARTIFACT Conference (Austin, TX on Sept. 30 – Oct. 1, 2019). ARTIFACT is an intimate gathering of web designers and developers where we discuss ways to build...
Weekly Platform News: CSS ::marker pseudo-element, pre-rendering web components, adding Webmention to your site
18.7.2019
In this week's roundup: datepickers are giving keyboard users headaches, a new web component compiler that helps fight FOUC, we finally get our hands on styling list item markers, and four steps to getting webmentions on your site.
The post Weekly Platform News: CSS ::marker pseudo-element...
Get Peak WordPress Performance with Jetpack
18.7.2019
The irony of web performance is that the average page weight of a site continues to go up year after year, despite us being more aware of the problem and having more tools at our disposal to fight it than ever.
To paraphrase Seinfeld, "we know how to fight page weight issues; we just don't use...
Web Search Data Indicates Soaring Interest for Facebook Libra in China
18.7.2019
China has emerged as a perhaps surprising leader when it comes to public interest in Facebook's Libra cryptocurrency project
Multi-Line Truncation with Pure CSS
17.7.2019
Truncating a single line of text if is fairly straightforward. Truncating multiple lines is a bit harder. Using just CSS (no JavaScript or server-side dancing) is nice for the simplicity. It's gotten a little easier lately since Firefox (since version 68) has started supporting the ultra-bizarre...
Improving Video Accessibility with WebVTT
17.7.2019
"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
- Tim Berners-Lee
Accessibility is an important element of web development, and with the ever-growing prevalence of video content, the necessity for captioned content is growing...
Awesome Demos Roundup #6
16.7.2019
The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web.
Awesome Demos Roundup #6 was written by Mary Lou and published on Codrops
Build a Chat App Using React Hooks in 100 Lines of Code
15.7.2019
We’ve looked at React Hooks before, around here at CSS-Tricks. I have an article that introduces them as well that illustrates how to use them to create components through functions. Both articles are good high-level overviews about the way they work, but they open up a lot of possibilities...
CSS Gradient Text
15.7.2019
Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy. That got me thinking about fonts and CSS gradients, since...
JavaScript Ternary Operators
12.7.2019
Ternary operators allow us to really quickly write shorter **if
[aktualita] Twitter má velký globální výpadek, uživatelům se nenačítají tweety ani web
11.7.2019
Série velkých výpadků online služeb pokračuje. Velký globální výpadek dnes postihl Twitter. Uživatelé se momentálně nemohou dostat na webové rozhraní služby a v mobilních aplikacích se nenačítají nové tweety. Nefungují ani aplikace jako je například Tweetdeck – uživatelé se do nich ani nepřihlásí....
Weekly Platform News: HTML Inspection in Search Console, Global Scope of Scripts, Babel env Adds defaults Query
11.7.2019
In this week's look around the world of web platform news, Google Search Console makes it easier to view crawled markup, we learn that custom properties aren't computing hogs, variables defined at the top-level in JavaScript are global to other page scripts, and Babel env now supports the defaults...
Protecting Vue Routes with Navigation Guards
11.7.2019
Authentication is a necessary part of every web application. It is a handy means by which we can personalize experiences and load content specific to a user — like a logged in state. It can also be used to evaluate permissions, and prevent otherwise private information from being accessed...
Revive: A Free Tool that Analyzes Your Traffic and Finds the Content You Should Update
11.7.2019
I started Scotch as a web development tutorial blog. Over the years, I've learned far more than I expected. It was no longer just about web development
Češi o 20 % zaostávají v digitalizaci firem, řešením jsou progresivní webové aplikace
11.7.2019
Chytrá města, chytré domácnosti, chytré firmy. Pokud se vám zdá, že poslední slovní spojení neslyšíte tak často jako ta předchozí, nejste daleko od pravdy. České firmy v digitalizaci, která k chytrosti firem jednoznačně vede, zaostávají za evropským průměrem o celých 20 %. Digitalizace přitom...
The Fight Against Layout Jank
11.7.2019
A web page isn't locked in stone just because it has rendered visually. Media assets, like images, can come in and cause the layout to shift based on their size, which typically isn't known in fluid layouts until they do render. Or fonts can load and reflow layout. Or XHRs can bring in more content...
How to Add Smooth Scrolling with Inner Image Animations to a Web Page
10.7.2019
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.
How to Add Smooth Scrolling with Inner Image Animations to a Web Page was written by Mary Lou and published on Codrops
Developing a robust font loading strategy for CSS-Tricks
10.7.2019
Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects.
Spoiler alert: Font loading is a complex and important part of...
Inspirational Websites Roundup #6
9.7.2019
A fresh collection of inspirational websites to give you an overview of current creative trends.
Inspirational Websites Roundup #6 was written by Mary Lou and published on Codrops