Laracon DB
Laracon DB
Talks for "design"
Debugging Design - 5 principles to help your designs not look terrible

Laura gives a practical talk about debugging and improving web design by walking through a real-world example of transforming a developer's personal website. She shares her systematic approach to identifying and fixing design issues, covering color selection, typography, hierarchy, layout and polish. The talk emphasizes that good design is an iterative process of identifying problems and methodically fixing them, similar to debugging code.

Learn CSS Grid

Wes Bos gives a comprehensive introduction to CSS Grid at a Laravel conference, covering the fundamentals of grid layouts, responsive design without media queries, and modern alignment techniques. Despite being primarily a JavaScript developer, he demonstrates how CSS Grid represents the future of web layouts through practical examples and real-world use cases.

Tailwind CSS Best Practice Patterns

Adam Wathan presents a comprehensive overview of Tailwind CSS, a utility-first CSS framework. He demonstrates how to effectively use Tailwind's utility classes, explains best practices for component extraction, and shows how to handle animations and responsive design. The talk includes practical examples of extending the framework and optimizing file size using PurgeCSS.

How to Think Like a Visual Designer

Steve presents a detailed walkthrough of his visual design process while redesigning a website for Tuple, a remote pair programming tool. He explains key design principles like content-first approach, layout exploration, typography choices, color theory, and creating visual hierarchy through spacing and contrast. The talk includes practical examples and comparisons between typical developer approaches and professional design techniques.

Design for the Rest of Us

Jack McDade shares insights on how developers can improve their design skills through a three-phase process: gathering inspiration, experimenting with copy work, and unleashing creativity. He emphasizes that good design guides users willingly toward mutual goals, and developers can learn design by collecting inspiration, practicing through experiments, and combining elements to create original work. The talk draws parallels between this creative process and Willy Wonka's approach to innovation.

Design at Laravel

David Hill, head of design at Laravel, discusses the importance of design beyond aesthetics, emphasizing problem-solving and attention to detail. He announces three upcoming projects: a Laravel brand site for resources and templates, a refresh of Laravel.com, and improvements to Laravel documentation with community input.

Debugging Design: 5 simple design principles to make your UI "not look terrible".

A talk about improving web design for developers, using a step-by-step debugging approach similar to debugging code. The speaker walks through transforming a developer's personal website by systematically addressing color selection, typography, hierarchy, layout, and polish. The approach emphasizes that good design is achievable through methodical improvements rather than innate creativity.

Build Branding that doesn't suck

A presentation on creating effective brand designs for software projects, particularly in the Laravel ecosystem. The speaker, Kaneko, shares his experience designing logos for various Laravel projects and provides practical tips on brand identity, from logo design to merchandise creation. He emphasizes the importance of pixel-perfect exports, choosing appropriate colors, and maintaining brand consistency across different platforms.

Not a designer? You can make your website more accessible

A talk focusing on web accessibility and inclusive design principles. The speaker discusses how to make websites more accessible through proper typography, color contrast, semantic HTML, and interactive elements. They emphasize considering users with different abilities and situations while designing websites, including those using assistive technologies or dealing with temporary impairments.

Unleashing designers with Tailwind

Simon Vrachliotis discusses how Tailwind CSS serves as an effective collaboration tool between designers and developers. He shares experiences of designers, particularly Chris Dale, successfully transitioning to writing production code using Tailwind CSS. The talk emphasizes how Tailwind's utility-first approach bridges the gap between design and development by providing a familiar mental model for designers while maintaining development efficiency.