Beyond Tellerrand 2014 (notes)

Date posted: May 20, 2014

beyondTellerrand

Thanks to trivago I could go to beyond tellerrand

Here is a list of things I saw there:
19-05-2014
1. Ethan Marcotte – @beep
- Laziness is not bad!
- http://thisismadebyhand.com/ (check)
- learning nth-child(n) – very handy for grids/lay-outs
- Responsive video use ratio // Width/height = put as top-margin put a video tag in that container with absolute position // width, height:100% ,top, left:0px

2. Chris Coyier (codepen)
- http://caniuse.com/
- svg is supported by the current browser
- 2014 is the year of svg
- http://iconic.com/ (check)

3. Robin Christopherson (blind)
- Very interesting talk about accessibility
- Accessibility at trivago???
- very intense and emotional ending

4. Jessica Hirsch
- A lot of illustrations/portfolio beautiful fonts

5. Ola Gasidlo
- offline first
- this year the internet becomes 25 ;)

6. Bastian allgier [pooping lion]
- http://redecentralize.org/
- network like whatsapp and private (social) networks
- internet of things
- parallel universe
- decentralised vs centralised

7. Jon Burgerman #itsgreattocreate

20-05-2014
1. Dan Mall
- process vs framework (balls vs football)
- waterfall to agile
- talking about multidiscipline teams (user experience-designers-developers mixed)
- Jennifer Brook – user experience designer (check)
- RIF reading is fundamental
- use more spreadsheets (f.e. you have 800kb | webfonts | images | loading time -)
- inventory is important for research
- pattern lab (check)
- Daniel Mall/ (check)
- linear design
- superfriend
- framework – 1, 2, 3 Sketch, 4 Prototype(start small use codepen)

2. Jonathan Snook #039 // blue green
- use css modules (@import “btn”, etc)
- naming conventions
- don’t use ID’s, only classes
- use child selectors .menu > li
- only nest with media queries
- http://smacss.com/ (check)

3. Karenmcgrane
- the next new thing about communication
- print -> web -> cars, watches, the internet of things, etc
- WYSIWYG is DEAD (the web is not a laser printer)

4. Eric Spiekermann
- Font: Firo (mozilla) free font (check)
- http://next.fontshop.com/tryout (check)

20140520_150502

5. Stephen Hay – 16:00 – Dutch
- A -> B is easy … we make the web to complex
- Keep it simple
- responsive designworkflow book

20140520_164957

6. Maciej Ceglowski
- comparse the internet with the roads of the USA
- comparse cars with devices
- funny animal pictures!!
- security/ privacy – clear my browser history
- de-americanize the interwebs

20140520_172654

Getting code batches

Date posted: January 21, 2014

I really like the nowadays online code courses. Here are some of my achievements.
@codeschool and @codecademy

If you want to see a summary of all my batches check out @coderbits

Experimenting with AngularJS

Date posted: November 25, 2013

http://www.soentjens.nl/experiments/angularjs/

Moves – Activity Tracker for iPhone and Android

Date posted: September 30, 2013

Added this new app Moves to my android device. It’s an app that tracks all my mobility. I find it very interested how easy this app works. But I already found the first think that annoys me of this app too. Where can I find all my stats on a single website? Probably there is a website but why can’t I find it?I don’t wanna use the app API to write my own stat page. This app still has a very clean simple UI. Moves - Activity Tracker for iPhone and Android

Reasons to be creative

Date posted: June 10, 2013

Yes, planned a trip to Brighton to go to Reasons to be creative. Looking forward to see all the creative talks of all those creative people walking around there.

logoBig

Very interesting and complete Javascript training

Date posted: January 18, 2013

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

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

Responsive web design (RWD)

Date posted: December 21, 2012

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

Date posted: November 10, 2012

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

Date posted:

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!

Date posted: October 26, 2012

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