# 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
5 years, 12 months ago

This discussion board is a place to discuss our Daily Challenges and the math and science related to those challenges. Explanations are more than just a solution — they should explain the steps and thinking strategies that you used to obtain the solution. Comments should further the discussion of math and science.

When posting on Brilliant:

• Use the emojis to react to an explanation, whether you're congratulating a job well done , or just really confused .
• Ask specific questions about the challenge or the steps in somebody's explanation. Well-posed questions can add a lot to the discussion, but posting "I don't understand!" doesn't help anyone.
• Try to contribute something new to the discussion, whether it is an extension, generalization or other idea related to the challenge.

MarkdownAppears as
*italics* or _italics_ italics
**bold** or __bold__ bold
- bulleted- list
• bulleted
• list
1. numbered2. list
1. numbered
2. list
Note: you must add a full line of space before and after lists for them to show up correctly
paragraph 1paragraph 2

paragraph 1

paragraph 2

[example link](https://brilliant.org)example link
> This is a quote
This is a quote
    # I indented these lines
# 4 spaces, and now they show
# up as a code block.

print "hello world"
# I indented these lines
# 4 spaces, and now they show
# up as a code block.

print "hello world"
MathAppears as
Remember to wrap math in $$ ... $$ or $ ... $ to ensure proper formatting.
2 \times 3 $2 \times 3$
2^{34} $2^{34}$
a_{i-1} $a_{i-1}$
\frac{2}{3} $\frac{2}{3}$
\sqrt{2} $\sqrt{2}$
\sum_{i=1}^3 $\sum_{i=1}^3$
\sin \theta $\sin \theta$
\boxed{123} $\boxed{123}$

Sort by:

From where did you learnt all this?

- 5 years, 11 months ago

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"

- 5 years, 11 months ago

Well that's amazing and what you said is really true.Hats off!!!!

- 5 years, 11 months ago

Oh! Thanks. The above words mean a lot to me.

- 5 years, 11 months ago

I am not a computer expert but do you know about gpu acceleration?

- 5 years, 12 months ago

Yes, but I know only a little bit about it. Oh! that may help. Thanks.

- 5 years, 12 months ago

You're one of those Super Talented ones @Kishlaya Jaiswal , congratulations for this much knowledge and skill at the age of $\color{#D61F06}{\text{just 18}}$...

- 5 years, 12 months ago

Thanks.

And yes, I'm not one of those super-talented guys. Indeed you are one of them. $\ddot \smile$

- 5 years, 12 months ago

the webpage is amazing!!!!!!!

- 5 years, 12 months ago

Thanks. $\ddot \smile$

- 5 years, 12 months ago

Yay!! CSS3! I love it! Lemme have a look.

- 5 years, 12 months ago

It doesn't lag here. Might be hardware problems.

- 5 years, 12 months ago

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.

- 5 years, 12 months ago

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?

- 5 years, 12 months ago

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 ?

- 5 years, 11 months ago

You mean like the animations you put on the JOMO website ?

- 5 years, 11 months ago