Get ahead of the curve with the latest insights, trends, and analysis in the tech world.
Do you need to send emails through your own Django app? Learn how to configure Django SMTP, set up passwords, send emails, and more. Continue reading How to Send Email with Django Using SMTP Server on SitePoint.
I'm more thankful this time around because, last year, I didn't even get to write this post. But now that I'm back, writing this feels so, so, so good. There's a lot more gusto going into my writing when I say: thank you so very much! Let's tie a bow on this year and round up what happened around here in 2024. Thank You (2024 Edition) originally published on CSS-Tricks, which is part of the DigitalOcean family. You...
Discover how small businesses can leverage affordable automation solutions to boost efficiency, reduce costs, and compete effectively. Learn practical tips for implementing automation tools and maximizing ROI Continue reading How Business Automation Can Be Affordable for Small Businesses on SitePoint.
MySQL 5.7+ InnoDB databases and PostgreSQL 9.2+ support JSON document types in a single field. We explore the MySQL 8.0 JSON implementation in more detail. Continue reading How to Use JSON Data Fields in MySQL Databases on SitePoint.
GitHub Wrapped * Toms Toys * Math4Devs * Supahero
An exploration of how design innovation, technical creativity, and user-focused functionality came together to create a unique platform that embodies the spirit of travel and discovery.
2024 has been one of the greatest years for CSS: cross-document view transitions, scroll-driven animations, anchor positioning, animate to height: auto, and many others. It seems out of touch to ask, but what else do we … A CSS Wishlist for 2025 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Today, I want to focus on what I'll call the little triangle in the tooltip. It receives minimal attention but it amazes you by how many ways there are to make them. Let's start with the simplest and make our way up to the not-so-simple. The Little Triangle in the Tooltip originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Isomorphic Web Components * Web Almanac 2024 * Thoughts on Tailwind 4
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way to polish the basics. Fatuma Abdullaho walks you through her first multi-step form using vanilla HTML, CSS, and JavaScript. How to Create Multi-Step Forms With Vanilla JavaScript and CSS originally published on CSS-Tricks,...
Discover some of the interesting features that have landed in stable and beta web browsers during December 2024.
Frontend Focus #673 — December 18, 2024 | Read on the web Hello, and welcome to the last issue of Frontend Focus for 2024! It's been a packed year for the web platform, with plenty of exciting new features added to our developer toolbelt, improvements in browser cooperation, the developing AI tooling situation, and much more. As ever, we're going to take a look back over what we've shared in Frontend Focus throughout...
What else do we want or need CSS to do? Chris kept a CSS wishlist, going back as far as 2013 and following back up on it in 2019. We all have things we'd like to see CSS do and we always will no matter how many sparkly new features we get. We'll round things up and put a list together — so let us know! What ELSE is on your CSS wishlist? originally published on CSS-Tricks, which is part of the DigitalOcean family. You...
CSS Wrapped 2024 * Generating Worlds * IsometricShot
Discover how Shopify’s Winter ’25 Edition turns 'boring' into bold, delivering over 150 thoughtful updates that redefine reliability, performance, and playful innovation.
Read Developer Guide: How to Implement Passkeys and learn Web with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading Developer Guide: How to Implement Passkeys on SitePoint.
Motion Vectors for 3D Content * Astro 5.0 * The Lowdown on Dropdowns in HTML & CSS
Exploring the quiet and immersive minimalism of digital designer Aurora Defiori.
Some fresh hand-picked motion designs and animation concepts for your inspiration.
How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz Wöehr has you covered with a recipe for fluid scaling. Fluid Superscripts and Subscripts originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Frontend Focus #672 — December 11, 2024 | Read on the web The 2024 Web Almanac — This comprehensive report on the state of the web returns to wrap up 2024. This edition has 21 chapters (most of which are available now) covering UX, accessibility, publishing, content distribution, and more. All of the metrics shared are based on real world data from over 16 millionwebsites. HTTP Archive Creating a Pure CSS Halftone...
The CSSWG met to try and finally squash a debate that has been going on for five years: whether Masonry should be a part of Grid or a separate system. We've got coverage of both presentations for ya. CSSWG Minutes Telecon (2024-12-04): Just Use Grid vs. Display: Masonry originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
I had the pleasure of hosting a recent Smashing Magazine workshop on product design, subbing for Vitaly Friedman who usually runs these things. What? A front-ender interviewing really smart people about their processes for user research, documenting requirements, and … Smashing Meets Product Design originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Love, derivatives and loops * Advent Calendars * Analytical Anti-Aliasing
web-features dataset, Web Platform Status dashboard, Baseline status widget and more! Take a look back on Baseline in 2024.
As awesome as I think it is,CSS Anchor Positioning has a lot of quirks, some of which are the product of its novelty and others due to its unique way of working. Today, I want to bring you yet another Anchor Positioning quirk that hasbugged me since I first saw it. Yet Another Anchor Positioning Quirk originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Learn how to create this powerful morphing effect with only JavaScript using the Canvas2D API.
SVG arcs demystified! Akshay Gupta explains how to master radii, rotation, and arc direction to create stunning curves. Make arcs a powerful part of your SVG toolkit for creating more dynamic, intricate designs with confidence.
Discover essential accessibility best practices for Single Page Applications (SPAs) to ensure dynamic content, focus management, and navigation are user-friendly for everyone. Continue reading Accessibility Best Practices for Single Page Applications (SPAs) on SitePoint.
Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024, highlighting17 new features That breaks down (approximately) as: Components Interactions Developer experience Plus:… CSS Wrapped 2024 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Anselm Hannemann on the intersection between frameworks and learning the basics: Nowadays people can write great React and TypeScript code. Most of the time a component library like MUI, Tailwind and others are used for styling. However, nearly no … Knowing CSS is Mastery to Frontend Development originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
A Framework for Evaluating Browser Support * An official logo for CSS
Read Fine-Tuning an Open-Source LLM with Axolotl Using Direct Preference Optimization (DPO) and learn AI with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading Fine-Tuning an Open-Source LLM with Axolotl Using Direct Preference Optimization (DPO) on SitePoint.
Meet Andrea Binski, co-founder and art director of UNIKO, an award-winning design studio specializing in innovative branding and web design.