That's an (unfinished) open beta of the next SmashingMag. Something looks weird? Report a bug on GitHub or via email. Beware of cats.
With CSS Grid Layout landing in browsers, it is time to get to grips with this new layout system and discover how CSS Grid Layout works alongside Flexbox and the Box Alignment module to bring real layout to the web for the first time. In this talk you’ll learn the basics of Grid Layout and how it fits with existing layout methods such as Flexbox. You’ll also discover how these new standards get into browsers and how CSS itself has evolved to give you a way to support older browsers while taking advantage of these new specifications.
Every design system is unique. Your organisational structure, team culture, design approach, project, and even the physical space you’re in, will shape your system. In this talk I invite you to think beyond patterns and components, and look at the underlying structures and connections which make your design system what it is.
Media queries have always been a cornerstone of responsive design but the role of media queries is changing. It's now possible to make websites with responsive properties that are not tied to specific breakpoints. Learn how to use fluid typography, responsive SVG, adaptive flexbox components, CSS grid and custom properties to create unique responsive solutions that go beyond media queries.
You can expect to learn hidden DevTools secrets but also how to adopt a modern development and debugging workflow. This talk is important for any web developer or designer who wants to understand and debug the internals of a webpage quickly and with ease. It will also cover a few CSS tools, performance profiling and debugging techniques, all with the goal of mastering your authoring workflow to ensure your development workflow is highly optimised.
Over the next years, how we design, prototype, and test services and products will change dramatically. We are transitioning from a traditional, industrial mindset of design as a rigid planning process towards the experience of design as a continuous and evolving conversation between makers and users. This talk, based on real-life experiences, explores how design is changing in the digital age, beyond the initial delivery of specifications and blueprints, to an adaptive co-creation process that evolves iteratively over time. This emergent idea of designOps is dissolving the boundaries between planning, discovery, building, and operating phases, leading to results that are more in tune with the true needs of users.
The emergence of Git centered workflows, around modern build tools, static site generators and modern browsers, have changed the way most front-enders work. Matt Biilmann will cover how a new stack is emerging and how this will change how web sites and web apps are built in the future.
In this talk, we’ll discover the possibilities these features create. We’ll explore the ResizeObserver and the first steps toward the Container Query, creating smarter components with Flexbox, managing complex layout with Grid, and using CSS Variables to help us simplify managing the layout.
Creativity, whether it is about artistic or problem solving, is the result of learning to skillfully use the resources we have at our disposal. One such resource is how our minds process information and the world around us. Though creativity is not exclusively about problem solving, understanding how the mind sustains our creative process facilitates and strengthens the ability to problem solve. Creative thoughts lead us to create, to design, and to make things. But this process is not necessarily a function of engineering or programming. A creative mind shows itself in the act of making things that function in a remarkable way in our lives. Harnessing our creative mind means to take advantage of our minds’ natural process of interpreting the information we receive. There are two modes in which we receive information: visual and verbal. According to scientists, the visual mode dominates this process. By utilizing methods that reinforce this process, we cooperate in facilitating the mind with information that eventually will lead to make connections that are creative in nature.
The everyday nomenclature that is used in the development environment has real world analogs to how we engage with other team members. Through selected projects and case studies Barry will discuss the various ways our typical communication relates to development patterns and behaviours.
With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?
This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving layout, from those you are safe to use right now even if you need to support older version of Internet Explorer through to things that while still classed as experimental, are likely to ship in browsers in the coming months.
The historic Kaufhaus (Merchants’ Hall, built 1520-30), is the venue for the conference and the workshops. It is a symbol of the importance of trade in medieval Freiburg. The municipal market, customs and financial administration building is identified as a center of trade by its arcades hall. Its façade is decorated with coats of arms and statues indicating the city’s links with the House of Habsburg. The beautiful ambience of the Historical Merchants’ Hall underlines our goal to create something special for you.
Pretty much because of the value SmashingConf will provide. We’ll explore how designers and developers work, design and build and how they approach problems strategically. Think of it as a playbook with handy rules of thumb for your next projects: it can’t get more practical than this.Watch SmashingConf Videos
Need to convince your manager to send you to the SmashingConf? No worries, we’ve got your back! We prepared a neat Convince Your Boss (PDF) (0.15 Mb) that you can use to convince your colleagues, friends, neighbors and total strangers to join you or send you to the event. We know that you will not be disappointed. Still not good enough? Well, tweet us @smashingconf and we’ll help you out — we can be quite convincing, too, you know!Download the PDF