Waste less time on Facebook — follow Brilliant.
×

Prototyping Windows 8

Hey! Yesterday I thought of experimenting with a new web design, so I decided to prototype Windows 8 using pure CSS3 (used a bit of jQuery too). I have managed to successfully prototype it to a great extent (although much work is still left). All I wanted is to ask, why do all my transitions lag so much. I mean, I've seen other websites which use heavy transitions but they all are so smooth. Here, all my transitions are kinda slow and require much of processing speed. Can someone help me with that?

I am not very sure if this is the appropriate place to ask this question or not but I am confident that there are many super-talented memebers on Brilliant.org and someone can definitely help me with that and sorry if this note of mine, anyhow doesn't meets the Rules And Guidelines.

Remember, it is just an experiment! Also, note that currently, it works only on latest browsers and please go full screen. And the password is : password

Here's the link to my work. \(\ddot \smile\)

Note by Kishlaya Jaiswal
2 years ago

No vote yet
1 vote

Comments

Sort by:

Top Newest

From where did you learnt all this? Gautam Sharma · 2 years ago

Log in to reply

@Gautam Sharma Actually it depends on, to what extent can you use your internet connection.

Ok,coming to the point. For the first time, I saw my elder cousin writing a code in HTML and making a webpage. That's what lit up a fire in me and it proved a great inspiration. I was awestruck to know that all these graphic elements are actually coded contrary to my belief that those were drawn using some sought graphic software(s) (actually I was in grade 5th that time so I hardly knew much about such things). That was the time, when I started coding. Little by little I coded. from writing simple headings, colouring them, etc to making some simple webpages and finally developing the above project.

And the resources which I've used so far includes w3schools.com (for learning basics), www.smashingmagazine.com, codepen.io (learned to develop some nice snippets and some other cool things), and then source codes of major websites like Google, Brilliant, etc. And some other great resources are also out there, just search the google.

And yes, what I think the key factor to learn web development is : "Keep Experimenting" Kishlaya Jaiswal · 2 years ago

Log in to reply

@Kishlaya Jaiswal Well that's amazing and what you said is really true.Hats off!!!! Gautam Sharma · 2 years ago

Log in to reply

@Gautam Sharma Oh! Thanks. The above words mean a lot to me. Kishlaya Jaiswal · 2 years ago

Log in to reply

the webpage is amazing!!!!!!! Millon Das · 2 years ago

Log in to reply

@Millon Das Thanks. \(\ddot \smile\) Kishlaya Jaiswal · 2 years ago

Log in to reply

You're one of those Super Talented ones @Kishlaya Jaiswal , congratulations for this much knowledge and skill at the age of \(\color{Red}{\text{just 18}}\)... Aditya Raut · 2 years ago

Log in to reply

@Aditya Raut Thanks.

And yes, I'm not one of those super-talented guys. Indeed you are one of them. \(\ddot \smile\) Kishlaya Jaiswal · 2 years ago

Log in to reply

I am not a computer expert but do you know about gpu acceleration? Krishna Sharma · 2 years ago

Log in to reply

@Krishna Sharma Yes, but I know only a little bit about it. Oh! that may help. Thanks. Kishlaya Jaiswal · 2 years ago

Log in to reply

Yay!! CSS3! I love it! Lemme have a look. Pranjal Jain · 2 years ago

Log in to reply

@Pranjal Jain It doesn't lag here. Might be hardware problems. Pranjal Jain · 2 years ago

Log in to reply

@Pranjal Jain Nope, I've confirmed the lag (tested it on a friend's desktop as well as my laptop)

Actually there's a lag when you pull up the welcome screen and when the start screen appears. It's kinda slow rather it should have been smooth. I've seen some websites where developers have used heavy animations and transitions but they are still very smooth. Kishlaya Jaiswal · 2 years ago

Log in to reply

@Kishlaya Jaiswal You mean like the animations you put on the JOMO website ? Aditya Raut · 2 years ago

Log in to reply

@Kishlaya Jaiswal It didn't lagged with @Anton Kriksunov . Neither me. I am sure its hardware or network problem. Its just awesome. How much time did it take? Pranjal Jain · 2 years ago

Log in to reply

@Pranjal Jain Haha, seems like I've got some old rusty hardware.

And it took me 2 days to build that (although much work is still left). On first day I did the wireframing and setting up Boot Screen, Welcome Screen and Start Screen. Next day, I worked on desktop, icons, start screen manipulations and the charms bar. Well, I am still not satisfied by icons and even I couldn't find any pre-built metro icons package (something of FontAwesome type) on google.

EDIT : And I don't see any comment from @Anton Kriksunov ? Kishlaya Jaiswal · 2 years ago

Log in to reply

×

Problem Loading...

Note Loading...

Set Loading...