Website that designs itself as your watch. Pretty cool!

I absolutely love CSS3. It opened up a whole new industry for beautiful UX design - I should know, because people are amazed by the simplest of things I build for them in it. A couple of years ago you'd have to resort to JavaScript for animations and transitions - these days I can build a fully interactive, animated site (or dashboard) using only CSS3 and HTML.
 
FarligOpptreden said:
I absolutely love CSS3. It opened up a whole new industry for beautiful UX design - I should know, because people are amazed by the simplest of things I build for them in it. A couple of years ago you'd have to resort to JavaScript for animations and transitions - these days I can build a fully interactive, animated site (or dashboard) using only CSS3 and HTML.
Click to expand...

whats a goo place to learn CSS3 from scratch, having zero prior knowledge ?
 
Hiro said:
whats a goo place to learn CSS3 from scratch, having zero prior knowledge ?
Click to expand...

Honestly, I wouldn't know how to answer that. I've been building enterprise web applications (and interactive websites) now for more than 10 years, not including the stuff I did during my studies at university. So I never did any "official" CSS3 training, but rather just moved with the times and started toying with the new selectors and properties that were made available. The first step would be to actually understand how HTML, CSS and JavaScript interact with one another in the browser. Moving on to CSS3 (and HTML5 for that matter) is just the icing on an already delicious, moist, chocolate cake: you just need to learn how the transform, transition and animation properties (and the corresponding keyframes selectors) work and you'll be able to make use of your standard CSS ninja skills to animate your website.

You can always ask me for help when you get stuck in your self-studies - I love helping people and teaching them new things. My goal is to "retire" from the IT industry in my 40's and become a full-time lecturer. I used to be an assistant lecturer at university and absolutely LOVED it.

EDIT: You can check out my (ageing) web presentation here to get an idea of what can be built in one evening using only HTML5 (for the canvas on the left), CSS3 (for any and all animations and rendering most of the icons using only text and styling) and JavaScript (for facilitating click events). The information on it is a couple of months old already, as my devs and I have since moved on to do (almost exclusively) Java, PL/SQL and Spring MVC. We also don't advertise our large client and partner anywhere, due to a fairly strict NDA.
 
Last edited:
FarligOpptreden said:
Honestly, I wouldn't know how to answer that. I've been building enterprise web applications (and interactive websites) now for more than 10 years, not including the stuff I did during my studies at university. So I never did any "official" CSS3 training, but rather just moved with the times and started toying with the new selectors and properties that were made available. The first step would be to actually understand how HTML, CSS and JavaScript interact with one another in the browser. Moving on to CSS3 (and HTML5 for that matter) is just the icing on an already delicious, moist, chocolate cake: you just need to learn how the transform, transition and animation properties (and the corresponding keyframes selectors) work and you'll be able to make use of your standard CSS ninja skills to animate your website.

You can always ask me for help when you get stuck in your self-studies - I love helping people and teaching them new things. My goal is to "retire" from the IT industry in my 40's and become a full-time lecturer. I used to be an assistant lecturer at university and absolutely LOVED it.

EDIT: You can check out my (ageing) web presentation here to get an idea of what can be built in one evening using only HTML5 (for the canvas on the left), CSS3 (for any and all animations and rendering most of the icons using only text and styling) and JavaScript (for facilitating click events). The information on it is a couple of months old already, as my devs and I have since moved on to do (almost exclusively) Java, PL/SQL and Spring MVC. We also don't advertise our large client and partner anywhere, due to a fairly strict NDA.
Click to expand...
Only one evening!? That's really awesome. I only viewed on mobile but even so was an impressively designed site. One of my biggest regrets is not getting into this line of work. Also hope to get around to teaching myself someday when I can spare the time.
 
brendanvb said:
Only one evening!? That's really awesome. I only viewed on mobile but even so was an impressively designed site. One of my biggest regrets is not getting into this line of work. Also hope to get around to teaching myself someday when I can spare the time.
Click to expand...

Thanks man. :)

On tablets or desktops you can see the canvas with the random particles and light shafts in full action. The background will also transition to different colours as you move between slides... It really wasn't all that much work. I had to build something for an important presentation the next day, so it just goes to show what some pressure and determination can make you achieve.
 
You must log in or register to reply here.
Back
Top