Search
Awesome Demos Roundup #5
6.6.2019
Another monthly roundup of super-creative web experiments and demos for your viewing pleasure.
Awesome Demos Roundup #5 was written by Mary Lou and published on Codrops
JAMstack? More like SHAMstack.
5.6.2019
I'm a fan of the whole JAMstack thing. It seems like a healthy web movement. I'm looking forward to both of the upcoming conferences.
Of any web trend, #jamstack seems like it will be the least regrettable.
— Chris Coyier (@chriscoyier) May 22, 2019
I feel like the acronym might not...
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
Material Theming: Making Material Your Own!
3.6.2019
The web is a beautiful, expressive medium that’s evolved over time as trends and technology have changed. Moments of delight and flair are what set companies apart from one another. At the same time, today’s top products rely on scalable, component-based design systems to efficiently develop...
Implementing Private Variables In JavaScript
1.6.2019
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...
Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac
31.5.2019
In this week's news, Google defines guidelines for favicons, a new a11y testing tool from The Paciello Group, and changes to how the W3C plans to engage the community, plus more.
The post Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac appeared first on CSS-Tricks
A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid
30.5.2019
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when...
An Exercise Program for the Fat Web
30.5.2019
When I wrote about App-pocalypse Now in 2014, I implied the future still belonged to the web. And it does. But it's also true that the web has changed a lot in the last 10 years, much less the last 20 or 30.
Websites have gotten a lot … fatter.
While
Build a beautiful landing page with Tailwind CSS
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Build a Beautiful Landing Page with Tailwind CSS v1
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Study: Publicly Listed Chinese Firms Quietly Participate in Bitcoin Mining
29.5.2019
According to regional reports, a few publicly listed Chinese companies have been secretly mining bitcoin by pretending to provide cloud or web hosting services. Moreover, recent studies have revealed a growing trend of mystery miners processing the BCH and BTC networks at the same time as these...
Cashscript Is Coming, Bringing Ethereum-Like Smart Contracts to Bitcoin Cash
29.5.2019
On May 27, the analytics and data web portal Coin Dance announced the team has added the Cashscript project to the website’s development tracker. Cashscript is a high-level language that enables basic smart contract functionality on the Bitcoin Cash (BCH) network. Also Read: Crypto Assets...
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Empathy
29.5.2019
Yes, you didn’t see it coming, but empathy is really important. We are talking about the Next Billion Users here, remember? As developers, we might have the expensive resources like 4G internet to
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Bundle Splitting, Deferred Loading and Prefetching
29.5.2019
Since the advent of module bundling, we thought all our asset request got solved because the bundler hands us a single bundle that represents everything. We just shove this bundle right into our ap
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Offline First
29.5.2019
Offline first strategy is the thing of the web right now. It has proven to boost user engagement unbelievably high. If you haven’t given it a shot, here is what it is.
The strategy
10 React Challenges (Beginner): Fetch and Display from an API
28.5.2019
A number of web applications and sites rely on third-party APIs and services for data.
In this React challenge, we will learn to make an API r
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Delivering Optimized Resources
28.5.2019
Don’t just get assets from your resources pool and dump it right into your web pages. There is always a high chance that SVGs, images, fonts, videos, and every kind of asset you can think of come i
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Delivering Optimized Resources
28.5.2019
Don’t just get assets from your resources pool and dump it right into your web pages. There is always a high chance that SVGs, images, fonts, videos, and every kind of asset you can think of come i
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The