The struggles of web development...

Status
This thread has been locked.

Charlie

Developer & Designer
Supreme
Feedback score
1
Posts
950
Reactions
635
Resources
0
CSS just makes the page flow so much more.

HTML is simple as shit. CSS is easy, but there's more to learn. :)
 

Ivain

Master Terraformer
Supreme
Feedback score
45
Posts
9,610
Reactions
4,888
Resources
0
OP's thing still looks a lot better than my first attempt at a website.
 

TheNewTao

Java Developer
Premium
Feedback score
0
Posts
654
Reactions
274
Resources
0
I think it's pretty good for starters, although I have a few things that I'd like to point out:

  • Some of the HTML elements you are using are deprecated, you should use the HTML5 equivalent
  • Excessive inline styling is discouraged, to prevent issues like this you can use a CSS methodology such as BEM or RSCSS
  • With HTML5 a lot of semantic elements were implemented, these were implemented because it helps search engine crawlers search and index pages correctly, not only does this increase SEO but greatly improves readability. You should consider using these elements.

So far the only issue I really see is that you are still elements from an older HTML spec, while it's not completely discouraged it is highly recommended that you use the new spec.

Good luck,
Happy Coding! :)
Where is the best place to start learning?
 

morganjp

Retired Staff Member
Supreme
Feedback score
6
Posts
494
Reactions
755
Resources
0
This is why I stick to Java, although it can also be quite long sometimes.

Eventually I'm guessing OP will venture out into PHP development, in which the syntax is extremely similar to that of Java.
 

Jack

Retired Moderator
Supreme
Feedback score
11
Posts
1,209
Reactions
1,462
Resources
0
HTML, CSS, and parts of JS are web design.
Parts of JS, PHP, and other things such as JSP, etc, are web development.
 

jewice

yoohoo !
Supreme
Feedback score
0
Posts
71
Reactions
38
Resources
0
JavaScript is becoming useless. In the past, before CSS3, it would take two functions to do something as simple as an image rollover. CSS3 animations, transitions, and selectors have made JS obsolete in terms of being used for aesthetic features of a page. It's made designers dramatically more common, and real developers with advanced knowledge of PHP and JS/jQuery rarities in comparison.
 

Jack

Retired Moderator
Supreme
Feedback score
11
Posts
1,209
Reactions
1,462
Resources
0
JavaScript is becoming useless. In the past, before CSS3, it would take two functions to do something as simple as an image rollover. CSS3 animations, transitions, and selectors have made JS obsolete in terms of being used for aesthetic features of a page. It's made designers dramatically more common, and real developers with advanced knowledge of PHP and JS/jQuery rarities in comparison.
Sure image rollover is possible with CSS now, quite easily using the :hover selector. However, for the majority of other animations JS is required.
Moreover, JS is required to do AJAX and I don't see any alternatives coming soon.
Don't forget that a lot of people who are on older browsers may not be able to see certain CSS animations, and so JS is required if you have a large target audience.
 

jewice

yoohoo !
Supreme
Feedback score
0
Posts
71
Reactions
38
Resources
0
"Javascript is becoming useless", I'd beg to differ, if anything the JavaScript is growing. Javascript is being used more and more as the www moves to component based workflow. JavaScript is being used everywhere, client-side ans server-side, considering all of these frameworks and their communities, React, AngularJS & Vue. These are all widely known and are being used everywhere, NodeJS is a whole other story.

EDIT:

Reread what you said, I completely missed the "aesthetic features of a page", very sorry about that :p

Haha, not a problem. And actually, I do agree that JavaScript is becoming a more common language, but only with several other frameworks and libraries. I was trying to get at JavaScript without applications like jQuery, AngularJS, etc. Sorry if I worded it poorly!


Sure image rollover is possible with CSS now, quite easily using the :hover selector. However, for the majority of other animations JS is required.
Moreover, JS is required to do AJAX and I don't see any alternatives coming soon.
Don't forget that a lot of people who are on older browsers may not be able to see certain CSS animations, and so JS is required if you have a large target audience.

I don't agree with what you said about JS being required for most other animations. CSS3 introduced so many animation techniques, that it's become evenly matched with JS in terms of aesthetic page features. It isn't just the selectors; CSS3 introduced transitions, and, more importantly keyframes, which, with proper use and understanding of all of its features, allows for almost any type of animation.

You're right though, that JS is crucial because of AJAX. And don't get me wrong, I think that JS is a good, important language, but like I said above, only with other frameworks and libraries, like jQuery and AngularJS. Once again, very sorry if I hadn't made that clear with my earlier post.
 

Zen

Feedback score
0
Posts
53
Reactions
21
Resources
0
As I see you have a separate style sheet, use it! Instead of using your style classes on your html page it will free up space. If you ever need help drop me an inbox with your skype. I was once like you and I had nobody to help me.
 

morganjp

Retired Staff Member
Supreme
Feedback score
6
Posts
494
Reactions
755
Resources
0
As a web developer myself this really makes me cringe. Please don't use in-line CSS.
You're absurd.
Inline CSS has it's advantages. Although I agree that this is some cringy ass stuff.
 

mank

Banned
Feedback score
4
Posts
614
Reactions
471
Resources
0
For INSTANT adjustments. If the change is good, save it to an organized CSS file. I've purchased sources from certain people which are absolutely horrendous. MODULAR >.
Sorry I wasent perfect like you when I first started
 
Banned forever. Reason: Doxing Community Members

Isaac

grphcrtv.com
Supreme
Feedback score
3
Posts
270
Reactions
290
Resources
0
bc5b0971bb.png


1,859 lines of CSS for this http://layersmc.com/

Also, 10 points for using Brackets.io. One of the best text/code editors out there!
 
Last edited:
Status
This thread has been locked.
Top