Results 1 to 9 of 9

Thread: Website that designs itself as your watch. Pretty cool!

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Hiro's Avatar
    Join Date
    May 2009
    Location
    Johannesburg
    Posts
    2,741

    Default Website that designs itself as your watch. Pretty cool!


  2. #2
    FriedPet's Avatar
    Join Date
    Dec 2011
    Location
    Vryheid
    Posts
    1,215

    Default

    that was cool to watch
    nicely done

  3. #3
    FarligOpptreden's Avatar
    Join Date
    Feb 2009
    Location
    Centurion
    Posts
    3,997

    Default

    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.
    --~<0>~-- {type}DEV --~<0>~--

  4. #4
    Hiro's Avatar
    Join Date
    May 2009
    Location
    Johannesburg
    Posts
    2,741

    Default

    Quote Originally Posted by FarligOpptreden View Post
    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.
    whats a goo place to learn CSS3 from scratch, having zero prior knowledge ?

  5. #5
    FarligOpptreden's Avatar
    Join Date
    Feb 2009
    Location
    Centurion
    Posts
    3,997

    Default

    Quote Originally Posted by Hiro View Post
    whats a goo place to learn CSS3 from scratch, having zero prior knowledge ?
    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 by FarligOpptreden; 16-05-2015 at 09:51 PM.
    --~<0>~-- {type}DEV --~<0>~--

  6. #6
    brendanvb's Avatar
    Join Date
    Jan 2014
    Location
    George, South Africa
    Posts
    2,554

    Default

    Quote Originally Posted by FarligOpptreden View Post
    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.
    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.

  7. #7
    FarligOpptreden's Avatar
    Join Date
    Feb 2009
    Location
    Centurion
    Posts
    3,997

    Default

    Quote Originally Posted by brendanvb View Post
    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.
    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.
    --~<0>~-- {type}DEV --~<0>~--

  8. #8
    Bargain Hunter mottamort's Avatar
    Join Date
    Aug 2013
    Location
    East London
    Posts
    3,470

    Default

    Why would anyone to want a website designed according to their watch? lame :/

  9. #9
    Daddy TK DieGrootHammer's Avatar
    Join Date
    Sep 2012
    Location
    In The Bar
    Posts
    7,799

    Default

    Quote Originally Posted by mottamort View Post
    Why would anyone to want a website designed according to their watch? lame :/
    Name:  19g0y5eu84sh2jpg.jpg
Views: 19
Size:  35.2 KB


    You grammar Nazi you...


    This is actually pretty cool. Wish I had time to teach myself such super skills.

Similar Threads

  1. Street Fighter in first-person is pretty cool
    By James in forum Gaming News Articles
    Replies: 1
    Last Post: 14-01-2013, 01:21 PM
  2. CryEngine 3 - Soft body physics - pretty cool!
    By James in forum Gaming Discussions
    Replies: 11
    Last Post: 23-06-2012, 03:29 PM
  3. Diablo III: Wrath short movie is pretty cool!
    By James in forum Gaming News Articles
    Replies: 0
    Last Post: 09-05-2012, 01:50 PM
  4. Angry Birds Space NASA promo video is pretty cool
    By James in forum Gaming News Articles
    Replies: 1
    Last Post: 09-03-2012, 07:15 AM
  5. Blizzard thinks Diablo III would be pretty cool on console
    By James in forum Gaming News Articles
    Replies: 9
    Last Post: 22-09-2011, 03:11 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •