Skip to content

SmashingMagazine Meetup#5 - CSS3 Master Class and Webfonts Kickstart

SmashingMagazine Meetup#5 - CSS3 Master Class and Webfonts Kickstart

Details

Dear SmashingMag fans,

we never stop to develop new ideas and this time we thought we should add a CSS3 Master Class to our regular Meetup.

PLEASE NOTE: The regular Meetup will be held after the workshop!

Regular meetup:

5.30pm: doors open, drinks

6pm: hello and introduction

6.15pm: Jens Grochtdreis on CSS3

7pm: FAQ

7.15pm: break, drinks and food (for free, thanks to Linotype (http://www.linotype.com/))

7.30pm: Lorenz Schirmer on Webfonts

8pm FAQ

8.15pm: drinks, networking

9.30pm: thank you and goodbye.

Thanks to our sponsor MailChimp (http://mailchimp.com/), 20 of you will have the opportunity to participate on a thorough one day training with CSS Guru Jens Grochtdreis (https://twitter.com/#!/flocke) in modern frontend development, CSS3, tools and workflow (usually worth 450 Euro per person).

http://photos2.meetupstatic.com/photos/event/6/9/3/4/event_91886932.jpeg

Jens Grochtdreis lives and works in Mainz, providing customers with high quality source code, even reads sometimes technicals specifications of (X) HTML and CSS, and is the founder of Webkrauts (http://www.webkrauts.de/). In his spare time he lectures at Universities, speaks at events and conferences and writes articles.

http://photos3.meetupstatic.com/photos/event/6/b/4/6/event_91887462.jpeg

http://photos4.meetupstatic.com/photos/event/2/1/2/c/event_95528492.jpegAs addition to Jens' presentation, we're very pleased to welcome Lorenz Schirmer, director of marketing at Linotype (http://www.linotype.com/) with his Webfonts presentation. As Lorenz loves the subtle and fine and also sometimes rough details in typeface designs, he'll discuss the obstacles and gives hints how to chose the right fonts for screen.

Thanks to Linotyp (http://www.linotype.com/)e, drinks and food at the evening event will be for free! #yay

------- Workshop outline---------------

PLEASE NOTE: The regular Meetup will be held after the workshop!

24.02.2012: All seats are taken! Thanks for participation!

Have a look at the questions below. Send the answer together with your profile (eg. github account, website, twitter, etc.) to meetup@smashing-media.com (psst, if you tell us why we HAVE to pick you, you can get extra points :-)).

----------- question---------------

Let be given a code in principle like this one:

How many ways do you know to let #mother enclose their floating children? If she wouldn't enclose them, she can offer no background, border, margins and the like. Please describe those possibilites shortly.

----------------------------------------

If you make it into our top 20, you can look forward to our full day program:

9am: Breakfast, hello

10am: start of workshop, part one

12.30pm: break

1pm: workshop, part two

3pm: break

3.30pm: workshop, part three

5.30pm: finish workshop, doors open for regular Meetup

--> 0 Seats left <--

PLEASE NOTE: the successful applicants will receive a confirmation email. The sponsored training only includes the workshop, food and drinks - travel cost are not covered!

----------outline workshop-----------

  • CSS3 Basics

  • CSS3 and IE

  • Collaboration in a team

  • Codeorganisation

  • modularisation of websites

  • Using frontend-frameworks (with focus on YAML 4)

CSS3 is the next logic step in the development of CSS. It has been discussed for a longer period a will remain surely in development for a longer time. But there a many features you can use today. CSS3 is especially usefull for developing mobile websites and applications as you can have a nice appearance without using images.

We also take a look at IE who is getting connected to modern frontend techniques with the actual version 9. We discuss and test strategies to get even older IE going with CSS3.

For creating websites effectively you should think through your own workflow and optimise it. We will discuss possible strategies with a look at an example. And we will have a look at the shiny new YAML 4 as an example for an effective frontend-framework. Such a framework will help you getting the basic work fast done.

A detailed look at the content

CSS3

  • Which gap is filled by CSS3?

  • Can I use CSS3 today?

  • What about IE?

  • individual fonts with @font-face

  • CSS3 in practice (demos and hands-on tests)

  • selectors

  • transitions, transforms, animations

  • making a layout fit to many widths with media-queries

Collaboration in a team

  • version control and ticket system

  • annotating designs

  • communication in a team

  • designguide

Codeorganisation

  • coding styles

  • useful comments

  • file organisation

modularisation of websites

  • construction of a website einer Webseite

  • rapid prototyping

  • naming conventions

Usage of frontend-frameworks

  • small selection of frontend-frameworks

  • insight into YAML 4

  • rapid prototyping with YAML 4

Photo of The Smashing Magazine Meetup group
The Smashing Magazine Meetup
See more events
Brotfabrik
Bachmannstr. 2-4 · Frankfurt