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$

#Kishlaya #WebDesign #HTML5 #CSS3 #JQuery

Easy Math Editor

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.
Stay on topic — we're all here to learn more about math and science, not to hear about your favorite get-rich-quick scheme or current world events.

Markdown	Appears as
`italics` or `_italics_`	italics
`bold` or `__bold__`	bold
- bulleted - list	bulleted list
1. numbered 2. list	numbered list
Note: you must add a full line of space before and after lists for them to show up correctly
paragraph 1 paragraph 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"

Math	Appears 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}$

Comments

From where did you learnt all this?

Gautam Sharma - 6 years, 3 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"

Kishlaya Jaiswal - 6 years, 3 months ago

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

Gautam Sharma - 6 years, 3 months ago

@Gautam Sharma – Oh! Thanks. The above words mean a lot to me.

Kishlaya Jaiswal - 6 years, 3 months ago

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

Krishna Sharma - 6 years, 3 months ago

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

Kishlaya Jaiswal - 6 years, 3 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}}$ ...

Aditya Raut - 6 years, 3 months ago

Thanks.

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

Kishlaya Jaiswal - 6 years, 3 months ago

the webpage is amazing!!!!!!!

Millon Das - 6 years, 3 months ago

Thanks. $\ddot \smile$

Kishlaya Jaiswal - 6 years, 3 months ago

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

Pranjal Jain - 6 years, 3 months ago

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

Pranjal Jain - 6 years, 3 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.

Kishlaya Jaiswal - 6 years, 3 months ago

@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 - 6 years, 3 months ago

@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 - 6 years, 3 months ago

@Kishlaya Jaiswal – You mean like the animations you put on the JOMO website ?

Aditya Raut - 6 years, 3 months ago

Math	Appears 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}$