Using CSS Grid: Supporting Browsers Without Grid 翻译

When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement. 翻译

Naming Things In CSS Grid Layout 翻译

When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language. 翻译

The CSS Grid Challenge 2017: Winner Announcement 翻译

is becoming the new layout standard for the web, and we are all still experimenting with what we can achieve with it. Some folks assume that CSS Grid is just a replacement for table layouts or 翻译

CSS Grid Gotchas And Stumbling Blocks 翻译

In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited people are about finally being able to use it to solve real problems. 翻译

How New Font Technologies Will Improve The Web 翻译

Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operating system to operating system (OS). 翻译

The CSS Grid Challenge: Build A Template, Win Some Smashing Prizes! 翻译

Layout on the web has always been tricky, but with CSS Grid being now 翻译

The New Layout Standard For The Web: CSS Grid, Flexbox And Box Alignment 翻译

Enhancing CSS Layout: From Floats To Flexbox To Grid 翻译

Earlier this year, support for CSS 翻译

Building Production-Ready CSS Grid Layouts Today 翻译

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development. 翻译

Fluid Responsive Typography With CSS Poly Fluid Sizing 翻译

Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers' idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes. 翻译

It’s Time To Start Using CSS Custom Properties 翻译

Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring. 翻译

Achieving 60 FPS Mobile Animations with CSS3 翻译

— Jose Roasario shares tips for animating elements in mobile contexts. 翻译

Inspiration for Search UI Effects 翻译

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations. 翻译

HTML APIs: What They Are And How To Design A Good One 翻译

As JavaScript developers, we often forget that not everyone has the same knowledge as us. It’s called the curse of knowledge: When we’re an expert on something, we cannot remember how confused we felt as newbies. We overestimate what people will find easy. 翻译

Freebie: Drone Icons (AI, Sketch, SVG, PNG, Iconjar) 翻译

A free drone icon set in solid and line style with 50 easy-to-adjust icons in AI, Sketch, SVG, PNG and Iconjar format. An exclusive set from the gigantic Native Line/Solid Icons Pack by Round Icons. 翻译

10 Open-Source JavaScript Data Chart Libraries Worth Considering 翻译

The beauty of modern web design can be found in the widespread advancement of visual and dynamic effects. CSS3 has taken the design world to another level with independent animation… 翻译