Author Topic: Webdev  (Read 1661 times)

Is anyone else here interested in Web Design/Web Development?
I've been doing it for a few years.. but HTML5 has re sparked my interest and improved my skills, I guess.

Here's some things I've made/projects:
NOTE: All of these need HTML5 compliant browsers. That means Google Chrome, Safari, Mozilla 4+ or Internet Explorer 9.
http://zack0wack0.com/
That's my personal blog/index/thing/majigy. It's built for Google Chrome, but it should appear fine in Safari and Mozilla. It's actually my third design in the past month. I had a case of perfectionitis. Uses HTML, JavaScript (jQuery, three.js, AJAX) and PHP. Planning on adding a login function with OpenID but I want to write the library myself, so that might take a while.

http://zack0wack0.com/jscraft/
An extension of this three.js example. You'll need a WebGL compliant browser (Chrome 9+, Safari 5+, Firefox 4+) to view it. It's made with JavaScript, specifically three.js which is a 3d library for the new WebGL/HTML5 Canvas technologies. I basically just added sand, water and extended the world generation size. Bit of a rip off huh?

http://zack0wack0.com/solarsystem/
This is a just a simple 3d diagram of The Solar System. I was adding textures but the download took ages. The orbits are not accurate because Kepler's Law is a bitch. This also uses three.js, but you don't need WebGL to view it.

New HTML5 technology to check out:
https://github.com/mrdoob/three.js/
http://slides.html5rocks.com/
http://www.khronos.org/webgl/
http://jquery.com/

Places to go if you want to learn about Webdev/how to make your own website:
http://www.w3schools.com/
http://www.devshed.com/

I'm taking a Web Design course in school, but we do really simple stuff and it's really boring because I'm ahead of the class and I have to keep stopping and waiting. He should really just give me the lesson plan for the rest of the semester so I can knock it out in a week or 2.

Bump. I'm extremely bored and I'm up for designing people some websites, if anyone is interested.

I can program some basic HTML and CSS, which is real barebones I guess. My design skills are pretty decent, if I do say so myself. I'll be doing some temporary work for a company soon updating their website. :D

http://zack0wack0.com/askei/
Playing around. Everytime you refresh the page it generates a new background. Doesn't work on IE, apparently. It's tested in chrome.

Confirming that your site is broken to hell with Firefox 3.6.

http://zack0wack0.com/askei/
Playing around. Everytime you refresh the page it generates a new background. Doesn't work on IE, apparently. It's tested in chrome.
Hot.

http://zack0wack0.com/ is extremely laggy and the images are broken on firefox 4.

http://zack0wack0.com/ is extremely laggy and the images are broken on firefox 4.
+1 confirm.
Stupid.
Still older version. >_<
EDIT2: I got 4 now, and i confirm.
Not for me.
Odd.
EDIT3: ARGH update failed, sorry. :C
EDIT4: Oh wow, 4 looks cool. Lemme test it now.
EDIT5: Works fine, except for the fact that the gif dissapears after some time.
Is this supposed to be?


Also gotta love JQuery, but isn't that supported like... long ago?
I guess it is now default then?

Another also, HTML 5 is still too new to upgrade to i suppose.
« Last Edit: March 30, 2011, 06:16:00 PM by lordician »

http://zack0wack0.com/ is extremely laggy and the images are broken on firefox 4.
Not for me.

http://zack0wack0.com/ is extremely laggy and the images are broken on firefox 4.
Can you take a screenshot? I guess if 2 people have reported it's broken I'll just remove the particles anyway.
EDIT5: Works fine, except for the fact that the gif dissapears after some time.

Also gotta love JQuery, but isn't that supported like... long ago?
I guess it is now default then?

Another also, HTML 5 is still too new to upgrade to i suppose.
It's not a .gif, it's a real-time 3d animation. That's probably why people are lagging.

jQuery can use HTML5 technology and also detect it.

HTML5 is still a working draft. But it's going to be rolled out soon. That's why browsers are adding the features now, so that they don't have to release an entirely new version just to have all the HTML5 features.
The reason I like Google Chrome development is because rather then sitting around and adding useless crap, every single full version update adds heaps of new W3C standard support. For example, I made a small little extension (that I haven't finished) for Chrome that allows you to add reminders, store them, and then it will pop up a desktop notification. (new HTML5 standard the WebKit foundation is trying to push) But even cooler, Google Chrome v11 allows extensions to have a background process.. Meaning the whole time before you open Chrome, and until you exit chrome, the desktop notifications for reminders will pop up.


EDIT:
I'm thinking of working on a HTML5 game engine. There'll be a 2D version and a 3D version. It'll work right in the browser, and there'll probably be some sort of cloud IDE in the browser too.
« Last Edit: March 31, 2011, 01:40:12 AM by Destiny/Zack0Wack0 »

Bump. Here is the game engine after 3 days of coding: https://github.com/Zack0Wack0/wamt.js

Here is the examples: http://zack0wack0.com/wamt.js/examples/

And here is a walrus:



I really like the CSS3 flexible box model and WebSockets...
Hate that WebSockets are so undersupported, though. :(

I really like the CSS3 flexible box model and WebSockets...
Hate that WebSockets are so undersupported, though. :(
Mozilla and Opera dropped them because there was a security hole in them that allowed you to access the memory or something like that. Google said that the other two were smoking something and that it doesn't happen in Chrome.

EDIT: http://zack0wack0.com/caddock/
For Chrome, Mozilla, Safari and (hopefully) Opera. It'll still work for others, just no gradients.
« Last Edit: April 07, 2011, 03:40:44 AM by Destiny/Zack0Wack0 »