Stay Updated with the Latest Tech News
Get ahead of the curve with the latest insights, trends, and analysis in the tech world.
Browse by Category
Popular Topics
#General #Development #Mobile Development #Cloud & DevOps #Cybersecurity & Privacy #AI & Data Science #Hardware & Gadgets #Design & UXLeft Half and Right Half Layout β Many Different Ways
Imagine a scenario where you need to split a layout in half. Basically two equal height columns are needed inside of a container. Each side takes up exactly half of the container. Like many things in CSS, there are a number of ways to go about this. Left Half and Right Half Layout β Many Different Ways originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Share on Facebook
Share in Tweet (rip twitter)
Share on LinkedIn
Share on Reddit
Share on Threads
Share on Bluesky
You can use text-wrap: balance; on icons
The CSS text-wrap property is (rightfully) widely assumed to be used strictly for text elements. But Terrence Eden posted an article on his blog that shows how it can also be used to balance the way other types of elements wrap, including icons. You can use text-wrap: balance; on icons originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Clarifying the Relationship Between Popovers and Dialogs
Pop quiz! What's the difference between a Popover element and a Dialog element? The answer is not all that clear and is widely misunderstood, but Zell has a clear way to explain it so that you know which element to reach for in your work. Clarifying the Relationship Between Popovers and Dialogs originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Clamp it! VS Code extension
Thereβs a lot of math behind fluid typography. CSS does make the math a lot easier these days, but even if youβre comfortable with that, writing the full declaration can be verbose and tough to remember. I know I often β¦ Clamp it! VS Code extension originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Show Baseline status on your blog posts and presentations
Learn how to use the Baseline Status web component or logos to show the Baseline status of features.
The State of CSS 2024 results are out
Frontend Focus #665 β October 23, 2024 | Read on the web Possible Future CSS: Tree-Counting Functions and Random Values β A look at two possible CSS features (tree counting functions and randomness) from the Level 5 spec, how we can prototype them now, and a look at what their use cases may be βvia interactivedemos. Roma Komarov How Should Work? β A new HTML element! Weβre getting a way to style and customize elements...
Unleash the Power of Scroll-Driven Animations
Iβm utterly behind in learning about scroll-driven animations apart from the βreading progress barβ experiments all over CodePen. Well, Iβm not exactly βgreenβ on the topic; weβve published a handful of articles on it including this neat-o one by Lee β¦ Unleash the Power of Scroll-Driven Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Combining forces, GSAP & Webflow!
Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. Iβm feeling a bit more excitement than concern this time around, though. If you havenβt heard, GSAP (GreenSock Animation Platform) is teaming β¦ Combining forces, GSAP & Webflow! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
LocalXpose: The Most Useful Tool for Developers to Share Localhost Online
Read LocalXpose: The Most Useful Tool for Developers to Share Localhost Online and learn Developer Tools with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading LocalXpose: The Most Useful Tool for Developers to Share Localhost Online on SitePoint.
CSS min() All The Things
Victor Ayomipo experiments with the CSS `min()` function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings.
Llamafile v0.8.14: a new UI, performance gains, and more
Discover the latest release of Llamafile 0.8.14, an open-source AI tool by Mozilla Builders. With a new command-line chat interface, enhanced performance, and support for powerful models, Llamafile makes it easy to run large language models (LLMs) on your own hardware. Learn more about the updates and how to get involved with this cutting-edge project. The post Llamafile v0.8.14: a new UI, performance gains, and more...
Itβs Here! How To Measure UX & Design Impact, With Vitaly Friedman
Design decisions shouldnβt be a matter of personal preference. We can use reliable design KPIs and UX metrics to guide and shape our design work and measure its impact on business. Meet How To Measure UX and Design Impact, our new video course that helps with just that.
Using Multimodal AI Models For Your Applications (Part 3)
In this third part of the series, you are looking at two models that handle all three modalities β text, images or videos, and audio β without needing a second model for text-to-speech or speech recognition.
8 AI Tips for Web Developers (and Their Careers)
Read 8 AI Tips for Web Developers (and Their Careers) 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 8 AI Tips for Web Developers (and Their Careers) on SitePoint.
CSS nesting improves with CSSNestedDeclarations
CSS nesting is getting a whole lot better!
How to Make a Simple JavaScript Quiz
Learn how to make a quiz in JavaScript with our easy-to-follow code tutorial. Perfect template for engaging your audience with interactive content. Continue reading How to Make a Simple JavaScript Quiz on SitePoint.
Best React UI Component Libraries
Discover the best React UI component libraries for your web projects. Learn about MUI, Ant Design, and more. Save time and enhance your React apps. Continue reading Best React UI Component Libraries on SitePoint.
Build A Static RSS Reader To Fight Your Inner FOMO
RSS is a classic technology that fetches content from websites and feeds it to anyone who subscribes to it with a URL. Itβs based on XML, and we can use it to consume the feeds in our own apps. Karin Hendrikse demonstrates how to do exactly that with a static site you can use as your personal RSS reader.
Windows Subsystem for Linux 2 (WSL2): The Complete Tutorial for Windows 10 & 11
Learn how to install, set up, manage, and use a full Linux environment on Windows 10 & 11 PCs with Windows Subsystem for Linux 2 (WSL2). Complete WSL2 Tutorial. Continue reading Windows Subsystem for Linux 2 (WSL2): The Complete Tutorial for Windows 10 & 11 on SitePoint.
How A Bottom-Up Design Approach Enhances Site Accessibility
You canβt overstate the importance of accessible website design. By the same token, bottom-up philosophies are crucial in modern site-building. A detail-oriented approach makes it easier to serve a more diverse audience along several fronts. Making the most of this opportunity will both extend your reach to new niches and make the web a more equitable place.
Interview With BjΓΆrn Ottosson, Creator Of The Oklab Color Space
Go behind the scenes with BjΓΆrn Ottosson, the Swedish engineer who created Oklab color space, and discover how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well β and is βokayβ to use.
Benchmarking the performance of CSS @property
What impact does @property have on the performance of your CSS?
Crows, Ghosts, And Autumn Bliss (October 2024 Wallpapers Edition)
Could there be a better way to celebrate the beginning of a new month than with a collection of desktop wallpapers? Weβve got some eye-catching designs to sweeten up your October. Enjoy!
How To Manage Dangerous Actions In User Interfaces
One of the main laws that applies to almost everything in our lives, including building digital products, is Murphyβs Law: βAnything that can go wrong will go wrong.β Our goal is to prevent things from going wrong and, if they do, mitigate the consequences. In this article, Victor Ponamarev explores different strategies for preventing users from making mistakes.
Automating Vultr Cloud Infrastructure with Terraform
Learn how to efficiently manage and automate Vultr cloud infrastructure using Terraform. This step-by-step guide covers provisioning resources like cloud instances and Kubernetes clusters, ensuring consistency, scalability, and collaboration in your cloud deployments. Continue reading Automating Vultr Cloud Infrastructure with Terraform on SitePoint.
The Timeless Power Of Spreadsheets
In this age of endless newfangled organizational tools, the spreadsheet holds firm. Frederick OβBrien explains how, from engineering to design, they can still provide a rock-solid foundation for your work.
Advanced Web Deployment With Plesk on Vultr
Learn how to deploy and set up Plesk on Vultr's Optimized Cloud Instance. This guide covers installation, administrator account setup, domain management, SSL certification, and highlights key Plesk features for efficient web hosting management. Continue reading Advanced Web Deployment With Plesk on Vultr on SitePoint.
Embracing Introversion In UX
This article aims to celebrate the power of introversion in UX research and design. Victor Yocco debunks common misconceptions, explores the unique strengths introverted researchers and designers bring to the table, and offers practical tips for thriving in a field that sometimes seems tailored for extroverts.
SVG Coding Examples: Useful Recipes For Writing Vectors By Hand
Myriam Frisano explores the basics of hand-coding SVGs with practical examples to demystify the inner workings of common SVG elements. In this guide, youβll learn about asking the right questions to solve common positioning problems and how to leverage JavaScript so that, by the end, you can add βSVG codingβ to your toolbox. Youβll also be able to declare proudly, βI know how to draw literal pictures with words!β
Creating Custom Lottie Animations With SVGator
Creating ready-to-implement Lottie animations with a single tool is now possible thanks to SVGatorβs latest feature updates. In this article, you will learn how to create and animate a Lottie using SVGator, an online animation tool that has zero learning curve if youβre familiar with at least one design tool.
Submit your proposals for Interop 2025
It's time to share your proposals for features to consider for inclusion in Interop 2025.
Building A 300 Channel Video Encoding Server
Discover how NETINT, Supermicro, and Ampere collaborated to build a groundbreaking 300 channel live stream video server. Continue reading Building A 300 Channel Video Encoding Server on SitePoint.
Build responsible web experiences with generative AI
Best practices to create responsibly with generative AI.
How To Build Custom Data Visualizations Using Luzmo Flex
Bringing data to life in your application can be done without the usual headaches. Paul Scanlon shows you how you can build beautiful data visualizations using the Google Analytics API, and you wonβt have to spend any time βmassagingβ the data.
Five Ways to Lazy Load Images for Better Website Performance
Discover five techniques to lazy load images for better website performance. Learn how to add lazy loading in HTML, JavaScript, and on scroll. Continue reading Five Ways to Lazy Load Images for Better Website Performance on SitePoint.