css圣杯布局与双飞翼布局_CSS布局大师班

css圣杯布局与双飞翼布局

I’ve got an all-new workshop for 2020, and so far I have bookings for SmashingConf in San Francisco, Austin, and New York. I’d love to see you there.

我有一个2020年的全新工作坊，到目前为止，我在旧金山 ， 奥斯丁和纽约都有SmashingConf的预订。 我很想在那里见你。

I would also love to book some workshops in the UK and Europe. So, if you would like me to run a workshop at your conference, or visit your company to train people in-house - please get in touch.

我也很想预定在英国和欧洲的一些研讨会。 因此，如果您希望我在您的会议上举办研讨会，或者访问您的公司内部培训人员， 请与我们取得联系 。

车间细节 (Workshop details)

We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.

自2001年脱离基于表的布局以来，我们一直以相同的方式学习CSS和CSS for Layout，但是CSS成长了，在过去的几年中，出现了一个合适且一致的布局系统。

We can understand CSS layout as a system, and rather than poke around using trial and error to do layout, learn the rules that control this system saving a lot of time and enabling more elegant and performant layouts.

我们可以将CSS布局理解为一个系统，而不是反复尝试使用试错法来进行布局，而是学习控制该系统的规则，从而节省大量时间并启用更优雅，更高效的布局。

In this all-new workshop I will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do.

在这个全新的研讨会中，我将带您了解这个新的布局系统，使您能够正确理解和使用CSS布局，并真正了解事物的行为方式。

This understanding will make choices such as “should I use grid or flexbox” or, “what do I do about old browsers” much easier, in fact sometimes the answer will be so obvious, you’ll not need to ask those questions!

这种理解将使诸如“我应该使用网格或flexbox”或“我如何处理旧的浏览器”之类的选择变得容易得多，实际上有时候答案很明显，您不需要提出这些问题！

这是给谁的？ (Who is this for?)

This workshop is for front-end and full stack developers. If you love CSS already, you will enjoy gaining a deeper understanding of the language. If writing CSS is not your favourite thing, then you’ll come away with a better understanding of how things work, and the ability to treat CSS in the same way you treat other languages. Even if you don’t leave loving CSS, you will leave being able to do the parts of your job that involve CSS in a faster and better way.

该研讨会面向前端和全栈开发人员。 如果您已经喜欢CSS，那么您将享受对语言的更深入的了解。 如果编写CSS不是您最喜欢的事情，那么您将对事物的工作方式有更好的了解，并且能够以与对待其他语言相同的方式来对待CSS。 即使您不喜欢CSS，也将能够以更快更好的方式完成涉及CSS的工作。

This workshop is also structured to make it as easy as possible for you to share what you have learned with your team. If part of your job is to help other team members with their CSS, you’ll find you have better ways to explain things to them.

该研讨会的结构也使您可以尽可能轻松地与团队共享所学。 如果您的工作之一是帮助其他团队成员使用他们CSS，您会发现您有更好的方式向他们解释事情。

• The basic design principals behind CSS
• What is the display property really, and how has it changed?
• Formatting contexts
• Multi-column Layout
• Fragmentation
• Grid Layout - including subgrid
• Flexbox
• Sizing, alignment and writing modes
• Developing robust fallbacks for browsers without support
• Feature Queries
• Media Queries - including the new features in Media Queries level 4 such as pointer detection, and prefers color scheme
• The contain property - using CSS to improve performance
• Using DevTools to understand and debug layouts

• CSS的基本设计原则
• 真正的显示属性是什么，它有什么变化？
• 格式化上下文
• 多列布局
• 碎片化
• 网格布局-包括子网格
• 弹性盒
• 大小调整，对齐和写入模式
• 为没有支持的浏览器开发强大的后备
• 功能查询
• 媒体查询-包括媒体查询级别4中的新功能（例如指针检测），并且更喜欢配色方案
• 包含属性-使用CSS改善性能
• 使用DevTools理解和调试布局

I will also be happy to answer specific questions you might have along the way, and for in-house workshops I can always tailor the material to make sure it reflects your needs in the company.

我也很乐意回答您在此过程中可能遇到的特定问题，对于内部研讨会，我总是可以定制材料以确保它可以反映您在公司中的需求。

翻译自: https://rachelandrew.co.uk/archives/2020/01/07/the-css-layout-masterclass/

css圣杯布局与双飞翼布局