Insights
Development
Demystifying Web Components: Understanding Slots (Part 4)
Master advanced styling techniques for slotted elements, focusing on CSS custom properties and targeting specific elements to create highly flexible and themeable Web Components.
Development
Demystifying Web Components: Understanding Slots (Part 3)
Learn best practices for designing Web Components with slots and discover basic techniques for styling slotted content to create modular and visually customizable components.
Development
Demystifying Web Components: Understanding Slots (Part 2)
Explore advanced slot techniques including fallback content, slot assignment, and dynamic manipulation to create more powerful and flexible Web Components.
Development
Demystifying Web Components: Understanding Slots (Part 1)
Discover how slots in Web Components allow for flexible content insertion, improving component reusability and customization.
Business
The Unexpected Origin of Southleft’s Name
Discover the unexpected and amusing origin story behind the name of our digital design and development agency, Southleft.
Design
A Guide to Streamlining Design and Development Collaboration with Token Studio
Discover how Token Studio streamlines design and development collaboration, enhancing workflows and maintaining consistency across projects.
Design Systems
Token Naming Conventions: The Key to a Scalable Design System
Discover the power of structured token naming conventions in building a scalable, consistent, and collaborative design system across all tiers.
Meet Our Team
Meet Our Team: Elsa Brown
One of our newest teammates, Elsa's calm, friendliness, talent, and expertise have already made her invaluable around Southleft! Elsa delves into her journey at Southleft so far, opens up about her life outside of work, and shares some valuable advice in the latest "Meet Our Team".
Design Systems
Introducing Altitude, Southleft’s Comprehensive Design System Solution
Discover how Altitude by Southleft reimagines the intersection of design and development, offering a versatile, scalable system that seamlessly adapts from concept to code.
Development
Boost Your Search Functionality Using Algolia
In this blog, we'll delve into how integrating Algolia with a website can streamline the way users interact with your content, using a practical implementation as our guide.
Design Systems
Accessible Design Systems: Building a Focus Trap With Web Components
Web component encapsulation can hinder keyboard navigation. Discover a reusable code pattern for accessible focus trapping, solving this critical accessibility challenge in your design system.
Project Management
Unleashing an Avalanche of Project Management Advancements in Web Development
In the pristine expanses of the backcountry, skiers aren't just chasing the heady thrill of fresh powder; they're navigating terrain where the wrong step can trigger a lethal avalanche. What if the meticulous risk management strategies that safeguard backcountry explorers could be applied to project management, particularly in the high-stakes realm of web development?
Meet Our Team
Meet Our Team: Jacob Tarr
If we gave an award for best Instagram account, there's a very good chance it would go to Jake—developer, photographer, and all-around steady force on the Southleft team. Meet Jacob Tarr!
Design Systems
The Value of Design Tokens in Modern Web Development
Design tokens are the secret to building consistent, maintainable websites – discover their power and how to implement them in your workflow.
Meet Our Team
Meet Our Team: Chris Wahlfeldt
Here at Southleft, Chris is known for his innovative problem-solving and reliable code. Get to know more in the latest "Meet Our Team"!
Business
“Knowing Is Half the Battle”: A Grown-Up Guide to Applying Childhood Lessons in Leadership and Life
The journey from knowledge to action is what completes the battle, bridging the gap between insight and achievement.
Development
Taming the Shadow DOM: Injecting Global Styles with Adopted Stylesheets
Achieve a unified look for your web application! Learn how to bridge the gap between web components' Shadow DOM and global styles using the power of adopted stylesheets.
Development
Useful Git Commands for Front-End Developers
Here’s a list of useful Git commands to master to help you navigate your next front-end project!
Meet Our Team
Meet Our Team: Justin Green
An astute, reliable, precise, and meticulous coder. But there's so much more to Justin! For one thing, his beard is a-MAZing. For even more, get to know Justin in this week's "Meet Our Team"!
Meet Our Team
Meet Our Team: Brooke (Angela)
Get to know Brooke as she shares her passion, evolution, and journey from rock collector to web design innovator.