Web Platform Wednesday, Week 8: Grid & Column Layout

These last few weeks of Web Platform Wednesday’s have proven to be even more successful than we could have imagined with many new community members creating Web Platform accounts and joining in to help document the web. Last week’s Seattle doc sprint joined in helping document many of the Web Platform Wednesday properties, completing 103 topics. This is a huge accomplishment in our journey of reaching beta status in CSS properties by the end of July 2013! A huge thank you to all those in the community who have assisted in some way in getting us thus far.

But, let us not stop there, as this week’s Web Platform Wednesday is all about Grid and Column layout.

These two new layouts allows developers to create fluid grids, being able to specify columns and rows without having to resort to older techniques of using floats and inline-block displayed elements.

Here are two great articles to get you started on Grid Layout and Column Count. Be sure to check out the “Other Resources” in the above links to some more great articles on these topics.

Once you have caught up on these two new layouts, and maybe even played around with them in a dabblet, head on to the Web Platform Wednesday page to get a list of all available properties.

If you have any questions, ideas or even just want to say “hi”, come and chat on #webplatform IRC Channel or on our public-webplatform@w3.org email list.

Web Platform Wednesday, Week 7: More text properties, shapes and exclusions

This week, we continue to work on text properties, but we’re adding some interesting properties. So if you know how to break out an experimental browser, and test the limits of features such as CSS Exclusions and Shapes, this is the week for you to jump in! And just in time for the latest Editor’s Draft. If you have an experimental browser available, such as Chrome Canary or WebKit Nightly, you can view demos such as The Raven and create your own.

There are some great explanations of CSS Exclusions out there, such as Hans Muller’s Growing and Shrinking Polygons: Round One and Bem Jones-Bey’s Freeing the Floats of the Future From the Tyranny of the Rectangle.

But also, if you happen to be going to the Seattle Doc Sprint this Saturday, June 22, you can ask questions of Alan Stearns, one of the editors of the CSS Exclusions and CSS Shapes specs. He’ll be there, along with other special guests.

Not in Seattle this weekend? No problem. Come chat with us on the #webplatform IRC Channel or on our public-webplatform@w3.org email list. However you join, do join Web Platform Wednesday this week as we continue to provide foundational and experimental content for our community.

Inaugural Doc Sprint for Seattle, June 22!

Webplatform.org continues to grow in all facets: breadth of content, accuracy, community health, and site usefulness. It’s a testament to the vibrancy of our community that we now have almost twenty thousand registered users! And though we are making great progress in building our “community-driven site that aims to become a comprehensive and authoritative source for web developer documentation,” there are still plenty of opportunities to make significant contributions.

Continue reading

Web Platform Wednesdays, Week 6: Text Me!

It is that time of week again, time for Web Platform Wednesday! And this week’s theme is Text. This will see us focus on continuing to document the vast amount of CSS properties available for Text. Ranging from text sizing, to styling, alignment and even kerning.

Not sure of how you can help contribute? We have a list of various tasks that can be done, from smaller, quick tasks such as adding some basic facts for a property to writing explanatory notes and examples. Find out all about these tasks and more on our Web Platform Wednesday page or if you have any questions or even ideas, come chat on #webplatform IRC Channel or on our public-webplatform@w3.org email list.

So come and join us this week and help document the web, making styling text that much better and easier to learn about.

PS: If you haven’t already seen it, we have a new video tutorial on how to get started on contributing and editing CSS properties.

Web Platform Wednesdays #5: Examples!

It’s a busy week for a lot of students, and for us here at WebPlatform.org, so we’re taking it easy on ourselves this week and doing the fun stuff: example code!

For each CSS property we’ve done so far, we want to make sure we have a simple, clear, canonical example for all the possible value types. For example (no pun intended), font-size allows the author to specify the size several different ways: absolute-size, relative-size, length, or percentage.

What does all that mean? That’s where an example will really help out.
Continue reading