Very interesting and complete Javascript training

http://yujianrong.github.com/JavascriptTraining/

online editors for buttons, forms, icons and ribbons. http://livetools.uiparade.com/index.html

Responsive web design (RWD)

Responsive web design is a hot item on the web. I found Brad Frost on the web. He is a designer who offers a collection of patterns and modules for responsive designs : this-is-responsive

Brad Frost uses css to solve the responsive web design issues.

It is a combination of Media queries and the fluid proportion-based grid concept. More info

@media all and (min-width: 45em) {
.list li {
float: left;
width: 50%;
}
}

@media all and (min-width: 75em) {
.list li {
width: 33.33333%;
}
}

These are two media queries. He uses the “em” (scalable unit) to define the width of the page. In the first example we seen that the li elements gets a float = left and a 50% width property if the page width is bigger then 45 em.

In the second example the li element has already the float = left property but the width property is now set to 33.33333%.

In the css you then describe a different style for specific “DOM” elements.

More about “em” vs “px” vs “%” vs “pt” you can find on this page

Christmas card by http://www.academyclass.com/

Animate.css Just-add-water CSS animation

Here is a link of an inspirational cross-browser animation project build with css3. Animate.css This need further investigation. And another css3 effect that needs more attention to look at: liffect

Course working in groups

Last week I was in the Ardennes for a four days course “working in groups”. It’s a course about learning how a groups sees you and how you act in a group. We were together with 13 colleagues and 4 trainers/coaches. We got a lot of workshops, presentations and exercises. The trainers/coaches are from unicorn and we stayed at Filly. I really had a good time. I learned a lot about how I function within a group. There were also some things I already knew. And I get some conformation about some feelings I had. Here is the map of the place where we stayed

One assignment I wanna do is to write my own eulogy. Maybe I gonna post it here when it is ready.

Being the best YOU can be!

Yesterday 25 oktober 2012 we had a workshop of being the best you can be!.

It was a two and a half hour workshop by Buro Winners The main focus for me of the workshop was to get clear what my dream and goals are.

Also we had to write down our potential and our added value to the company. At first this seems a hard task. But when I started to think about I liked it. Maybe try it yourself and write down the things you are good at. I think I need to do this more often and add more things to the list once in a while.

It makes you aware of who you are and what good at. It helps you to get the best out of yourself!

Many things were quite obvious but it helps you to see the bigger picture.

for example. don’t think to much but take action. And when you are taking to much action start thinking. It all has to be in balance

lenticular.js tilt-controlled images from your pal @attasi

Thanks to the js Library from your pal @attasi I could use the time lapse pictures I took. My first idea was to make an animate gif but this js controle looks also cool.

here are three examples of the use of the library with mouse events! It can take a while because it is about 90 mb of pictures. Total amount of 1175 pictures.


also thanks to @paulversteeg for the tip!

lenticular.js
Note to myself. Example won’t in IE<9 test it again.

Open squash tournament 14 Oktober 2012 @ Dennenmarken Roermond

Next sunday the 14th Marc and I will organise a open squash tournament. Feel free to join.

workshop Community Building by Niels Aalberts

Yesterday 6 october 2012 I visited the dvers conferentie in Sittard. I followed the workshop by Niels Aalberts (twitter @ehpo) “Community Building” mainly focused on the music industry. The main focus on building an community is to publish your content from a central point. Like the image below shows you. You can find his complete presentation here

Niels Aalberts also wrote a book and has a personal blog

css3 Menu

css3 menu

A re-introduction to JavaScript

A re-introduction to JavaScript