Sommaire pour October 2015 de net

+ Forms and tables are hard. Luckily, some very smart people have written down their thoughts to share with you. Here are a few of our favourite examples: Web Form Design rosenfeldmedia.com/books/web-form-design Luke Wroblewski’s book belongs in every web designer’s library. In it, he takes an analytical look at what may be the web’s most important and vexing component, offering real world examples and a variety of solutions to common problems. If you don’t have it, buy and read it now. Tablesaw: A Flexible Tool for Responsive Tables filamentgroup.com/lab/tablesaw.html The Filaments have given us a lot of great solutions over the years, but Tablesaw is one of the ones we use the most often – it gives you three very good options for displaying data tables in a responsive manner.…

+ Before you begin your first child theme, check out the starter guide below. To help you get started, I’ve also listed the tools and resources I use for every child theme I build. Articles Building A Custom Genesis Theme (netm.ag/gardner-272) – Nobody knows child theming better than Brian Gardner, the creator of StudioPress and the Genesis Framework. Learn more about his process by reading this article. Plugins Genesis Visual Hook Guide (netm.ag/hook-272) – While you’re getting used to the hooks and filters available in Genesis, I highly recommend using the Genesis Visual Hook Guide plugin, freely available in the WordPress plugin repository. Use it on any page of your site to see exactly which hooks and filters are in use and where they occur. I use it for just…

+ At the time of writing Grid is available behind the Experimental Web Platform features flag in Chrome and Opera, and also prefixed in WebKit Nightlies. This implementation is usable and covers the majority of the spec. It is hoped that at some point this year Grid will be shipped in browsers that use Blink – keep an eye on gridbyexample.com/browsers for full and updated browser information. Chrome and Opera To see the examples here, or any other Grid Layout examples in action, you will need to enable the Experimental Web Platform Features flag in Chrome or Opera. Both of these browsers use the Blink rendering engine, which has the most complete and up-todate implementation of Grid. In Chrome, type chrome://flags/#enable-experimental-webplatform-features into your address bar. In Opera use opera://flags/#enable-experimental-web-platform-features. You…

+ CSS Grid Layout introduces a whole set of new CSS properties and comes with its own terminology. Grid Lines In this article we look at Grid Lines – these can be horizontal or vertical, addressed by a number or name. Grid Tracks A track is any single row or column between two Grid Lines. When we place an element into a single row or column, it is going into a single track on the Grid. Grid Cells A Grid Cell is the smallest unit on our grid, and is surrounded by four Grid Lines. Conceptually it is just like a table cell. Grid Areas A Grid Area is a collection of Grid Cells. The boundaries are defined by any four Grid Lines intersecting. When we use line-based positioning we…