barba
caniemail
Our great sponsors
barba | caniemail | |
---|---|---|
11 | 34 | |
11,432 | 723 | |
1.0% | - | |
8.0 | 9.1 | |
5 days ago | 8 days ago | |
TypeScript | HTML | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
barba
-
🤯 Keep Up With these 50 Articles
Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.
- Barba.js – Create fluid and smooth transitions between your website's pages
-
Coming to grips with JS: a Rubyist's deep dive
Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.
-
Seamless Transition Using Highway.js/Barba.js
It's using Highway.js or Barba.js I am not using any framework on this project.
- Animated transitions between sections
-
How would you make this page transition?
Have a look at https://barba.js.org or https://youtu.be/fBU4mLX45HU
-
Does anyone know of a method of auto-preloading all pages within a website and dynamically replace the body HTML in the dom with the preloaded page content?
barba.js
- BARBAJS - THREEJS : Meshes disappear after barbajs transition
-
Smooth Page Transitions in 2023
i think these statistics are not a good guide - it says that barba was last updated 6 years ago, while the last update was actually 17h ago
- Barba.js – Create fluid and smooth transitions between your website’s pages
caniemail
-
🤯 Keep Up With these 50 Articles
Can I email? (https://www.caniemail.com/) by Tilt Studio Yes you can unless you won't.
-
Modern email design for web designers
Another client to test for is Google Mail, which can be done with a Gmail.com account. And Apple Mail, on any Apple device. Apple Mail provides the best email rendering so you don't even really need to worry about it much if you're covering the other two. But these three make up the main ones you should test for. And for checking compatibility of specific code, caniemail.com is an essential tool to use.
-
Effective email HTML and image handling
To our dismay, major platforms like Gmail do not support flexbox align-items, and there are no plans to include support for SVG (and don't get me started with outlook's desktop app, where even basic styles go very wrong). You can refer to an illustrative guide of what you can or can't do across email providers on Caniemail.
- Can I email – like caniuse.com but for email clients
-
HTML
Check out https://www.caniemail.com to see what tags are supported and the email client options to watch for.
- Gmail HTML Signature Woes and Befuddlement
-
Learn serverless on AWS step-by-step - Emails
Be careful when using CSS, some properties like flex ⚠️ are not supported by all email clients. You can check this website to see which properties are supported by which email clients. Another solution is to use a CSS framework that will do the hard compatibility work for you. I use MJML, in my in-depth article about SES, I explain how to use it to create responsive emails.
- Can I Email
- Are there any Windows email clients that will send out custom (responsive) HTML emails without changing the code?
-
New role as email designer - tips and advice request
Go ahead and bookmark caniemail.com. You’ll use it constantly.
What are some alternatives?
anime.js - JavaScript animation engine
caniuse - Raw browser/feature support data from caniuse.com
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
parsemail - Hanami fork of https://github.com/DusanKasan/parsemail
particles.js - A lightweight JavaScript library for creating particles
Cerberus - A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
help - The help website/knowledgebase (bitwarden.com/help).
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
CSS Layout - A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Scrawl-canvas - Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
HEAD - A simple guide to HTML <head> elements