Posts
![Slot code](/wp-content/uploads/2024/07/slots-part-4-700x450-c-default.webp)
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.
![Slot code](/wp-content/uploads/2024/07/slots-part-3-700x450-c-default.webp)
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.
![Slots code](/wp-content/uploads/2024/07/slots-part-2-700x450-c-default.webp)
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.
![Slots code](/wp-content/uploads/2024/07/slots-part-1-700x450-c-default.webp)
Development
Demystifying Web Components: Understanding Slots (Part 1)
Discover how slots in Web Components allow for flexible content insertion, improving component reusability and customization.
![Uncle Bobby](/wp-content/uploads/2024/05/uncle-bobby-700x450-c-default.webp)
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.
![Altitude Thumbnail](/wp-content/uploads/2024/04/altitude-thumb-700x450-c-default.webp)
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.
![Value of Tokens feature image](/wp-content/uploads/2024/03/value-of-tokens-thumb-700x450-c-default.webp)
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.
![G.I. Joe](/wp-content/uploads/2024/03/gijoe-thumb-700x450-c-default.webp)
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.
![Digital illustration of a metaphorical bridge constructed from interconnected, glowing design elements such as symbols, icons, and components](/wp-content/uploads/2024/02/design-systems-metaphore-700x450-c-default.webp)
Business
The Precarious Position of In-House Design Systems Teams Amidst Corporate Cutbacks
Recent layoffs in the tech world, including design systems teams, reflect broader dilemmas about integrating and valuing specialized roles amid economic challenges.
![CSS animation timeline code example](/wp-content/uploads/2024/01/css-animation-timeline-700x450-c-default.webp)
Development
Create Impressive Scroll-Based Animations with CSS scroll-timeline
Learn how to create immersive scroll-based animations based on user scrolling with no JavaScript required.
![Web Components ecosystem](/wp-content/uploads/2023/12/web-components-ecosystem-700x450-c-default.webp)
Development
The Future-Proof Choice: Web Components First Over JavaScript Frameworks
Behold the transformative POWER of web components offering highly convenient flexibility and efficiency across diverse frameworks and code ecosystems.
![A colorful abstract painting depicting high and low emotions](/wp-content/uploads/2023/10/abstract_painting_depicting_high_and_low_emotions-700x450-c-default.webp)
Business
The Highs and Lows of Running a Digital Design Agency: An Inside Look at Southleft
Navigating the terrain of agency ownership isn't for the faint of heart. Explore the highs and lows, innovations and setbacks, that define Southleft’s story.
![Brad Frost giving a talk at FRONT ZURICH 2023](/wp-content/uploads/2023/10/Screenshot-2023-10-24-at-10.45.30 AM-700x450-c-default.webp)
Design
Brad Frost’s Talk at FRONT ZURICH 2023 – Is Atomic Design Dead?
Brad Frost explores the future of design systems, touching on global collaboration and AI, at FRONT ZURICH 2023.
![People collaborating](/wp-content/uploads/2023/09/tpitre_a_group_of_people_in_an_office_setting_sitting_around_a__909e7806-6547-4b81-8b1e-4e446ee4f03c-700x450-c-default.webp)
Business
The Importance of Synchronizing Your Design System and Product Strategy
Learn how aligning your design system with your product strategy can create a consistent user experience and give you a competitive advantage
![Two hands shaking](/wp-content/uploads/2023/08/two-hands-shaking-700x450-c-default.webp)
Business
A Meeting of Minds: The Southleft Approach to Strategic Partnerships and In-House Augmentation
Explore our nuanced method of collaboration with fellow agencies and in-house teams, aiming to inspire creativity and strengthen connections in the digital sphere.
![Agencies The Build Podcast screenshot](/wp-content/uploads/2023/08/image-2-700x450-c-default.webp)
Business
The Many Hats of PMs in Digital Agencies
Watch me ramble on and fumble through my words while having a delightful conversation with the hosts of the "Agencies That Build" podcast.