Search

Nalezeno "can": 6709

How to Bring Your Website to Life with UI Animation


Web design can feel pretty predictable these days. If you want to differentiate your website from the pack, bring some excitement to it with UI animation. The post How to Bring Your Website to Life with UI Animation appeared first on Codrops

A Continuous Integration and Deployment Setup with CircleCI and Coveralls


Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error, regardless of the size. But when there is a CI/CD process set up with well-written tests, those errors are a lot easier to find and fix. In this...

Bidirectional scrolling: what’s not to like?


Some baby bear thinking from Adam Silver. Too hot: [On horizontal scrolling, like Netflix] This pattern is accessible, responsive and consistent across screen sizes. And it’s pretty easy to implement. Too cold: That’s a lot of pros for a pattern that in reality has some critical...

How to Create a Commenting Engine with Next.js and Sanity


One of the arguments against the Jamstack approach for building websites is that developing features gets complex and often requires a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook,...

Bitcoin Cash-Fueled Onchain Social Media Platform Memo Launches iOS App


Two years ago, an onchain social network called memo.cash was launched and the application has developed quite a bit since then. On Tuesday, the Memo team revealed that the platform is now available for iOS phones via the App Store. Apple users can now connect to the social network that etches...

Quick LocalStorage Usage in Vue


localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I’ve personally used it in each! In cases where you’re storing something small for the user that doesn’t need to be kept permanently...

Build an app for monday.com and potentially win BIG


monday.com is an online Work OS platform where teams create custom workflows in minutes to run their projects, processes, and everyday work. Over 100,000 teams use monday.com to work together. They have launched a brand new app marketplace for monday.com, meaning you can add tools built...

How to Animate the Details Element Using WAAPI


Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2011. In this article, we will see how you can animate the native <details> element using the Web Animations...

More People Dipping Toes Into Web Monetization


Léonie Watson: I do think that Coil and Web Monetization are at the vanguard of a quiet revolution. Here’s me when I’m visiting Léonie’s site: Enjoy the pennies! My Coil subscription ($5/month) doles out money to sites I visit that have monetization set up and installed. Other...

When Can You Use Crypto Losses as an Offset?


If you own crypto, you can assert any crypto losses in the course of your crypto trading on taxes to offset your capital gains. It is essential to claim a crypto capital loss for various reasons. The article will break down why you have to deal with your crypto taxes, even when you face losses....

How to Write Loops with Preprocessors


Loops are one of those features that you don’t need every day. But when you do, it’s awfully nice that preprocessors can do it because native HTML and CSS cannot. Sass (SCSS) for Loop CodePen Embed Fallback while Loop CodePen Embed Fallback each Loop CodePen Embed Fallback Less for...

This page is a truly naked, brutalist html quine.


Here’s a fun page coming from secretGeek.net. You don’t normally think “fun” with brutalist minimalism but the CSS trickery that makes it work on this page is certainly that. The HTML is literally displayed on the page as tags. So, in a sense, the HTML is both the page...

Getting the WordPress Block Editor to Look Like the Front End Design


I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end. It’s no surprise that...

Additive Animations in CSS


Daniel C. Wilson explains how with CSS @keyframe animations, when multiple of them are applied to an element, they do both work. But if any properties are repeated, only the last one works. They override each other. I’ve seen this limitation overcome by applying keyframes to nested elements...

Websites We Like: Whimsical


Whimsical is an app that lets you create flowcharts, wireframes, and mind maps but it was only earlier today that I spotted just how great the website is — especially the product pages. Check out this page where they describe how to use the Mind Maps feature where you can use the product right...

GIFS and prefers-reduced-motion


The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace