Showing Off My First Site - Updated

Dev Zone Code
1

NOTICE: I've updated the site to allow the user to choose the style.

Stock (http://tylerwire.tk/stock/)

Funk (http://tylerwire.tk/funk/)

Dubstep (http://tylerwire.tk/dub/)

Stoner (http://tylerwire.tk/stoner/)

Metal (http://tylerwire.tk/metal/)

I've also moved the thread from "General" to "Code" on 08/19/2013 - Aug. 19th, 2013. 

 

So, I've oficially built my first legitimate site. It started as a personal project, but people seemed to like it, so I thought I'd add more styles and themes for the different users. 

They all have an autoplay song except for the stock one. Go ahead and complain.

Suggestions and corrective criticism are welcome and endorsed. Ideas and opinions are also welcome, but not heavily watched.

 

Stock

 

Funk

 

Dubstep

 

Stoner

 

Metal

 

SOURCE USAGE

Yes, this website software is free and open source for you to freely edit under the conditions listed here...

http://www.tylerwire.tk/terms/

Failure to result in following the terms will result in actions taken against you to prevent you from accessing my site... Have a nice day. :)

2

simple is good

3

I like it, I'll use it as my homepage very nice clean layout.

4

Cool! If you want the source I've got it here.

5

what font is that? I like the site, clean, simple. An embedded search bar for google would make me use it as my home page for sure.

6

never mind, found it in the source. I'l have to use that one.

7

Nice I like it.

8

I use the Geo font found here. I tried to kind of follow the TekSyndicate theme. 

I'll look into adding a Google search bar. That's a really good idea. :)

9

Yes like it a great idea which I might shamlessly copy :)

10

Nice and simple.

I would use it as a homepage but i do not use most of those sites you have there. But other than that nice.

11

Go ahead! ;) The source is there for a reason. :p

12

Thanks. :) I've got the source linked above if you wanna check it out and change it. It's quite simple actually.

13

I love this website and I am going to use it. I just set it to open on start up.

14

First off, the layout is broken on my machine:

M304bCO.png1291x814

My firefox also blocks the font because it's on another domain. You can sent a Access-Control-Allow-Origin header to allow googleusercontent.com.

You also don't have a character encoding declared. You can do this either via a header or with the html meta tag.

The JavaScript is uselesss and you should use the placeholder attribute instead.

15

I'm not sure on how to change the HTTP headers. I also removed the JavaScript and changed the styling of the search bar.

16

It's a pretty legit font imo.

17

Not a bad start but keep working on improving.


I have a few suggestions/questions:

You seem to be using all inline styles for the site. You should have all of your styles inside of your external stylesheet. Having everything in a single location will make future changes easier and quicker.



Why are you using a table for your search bar? It's generally bad practice to use tables for anything other than data that needs to be displayed in a table format. Always style with CSS, do not use tables to style things.


You should use  placeholder="Google Search :)" instead of value="Google Search :)". Placeholder is great because the text will disappear when you start to type. Also, with value set, when you hit enter, it will search for "Google Search" (or whatever else is in value). Using placeholder will return a blank search unless you type something in.


Maybe look into using Twitter Bootstrap as a goal next, you could make your site responsive/mobile and use lots of awesome built in assets. - http://twbs.github.io/bootstrap/



Here are some other useful links: http://css-tricks.com/snippets/ | http://learnlayout.com/

18

Awesome. Fast and fluid. The only quirk that I have is that the light-up animation on the labels is jumpy(hardly noticeable though) and takes a while (a while meaning a second or a bit less). All of that be a problem caused by my computer though...looks great. Not to sound pushy but will this gain more features or what? Its perfect the way it is. I am just wondering.

19

Definatly making it my home page but why is the background now stars instead of the blackish color?

20

I'm using the inline styles because of weird bugs that happen when I put the CSS into the external stylesheet.

The example I found online for a Google search bar used that, and it worked right out of the box.

I switched it to Placeholder and it works great. :) Thanks!

Thanks for those links! I'll be sure to use the frequently.