- This topic is empty.
-
AuthorPosts
-
December 1, 2013 at 11:54 pm #157540Disha SethiParticipant
I’m new to css. I’ve recently completed html/css course from codeacademy. This is one of my first trials in designing the Google Homepage. Please rate my performance and suggest further improvements.
http://jsbin.com/UPExOmI/2/edit
Also advise me from where can I practise more templates and gradually become a pro. Thanks for reading.
December 2, 2013 at 9:27 am #157599e6z6a6zParticipantHey Disha,
I just saw your code, as a fresher its good but you need to learn more atleast for now try to write codes in proper arrangement. btw which software are you using as an HTML editor??December 3, 2013 at 12:31 am #157659Disha SethiParticipantThankyou for reviewing it.
Presently I’m writing codes in ‘jsbin.com’ but i face problems as the output changes everytime (positioning) when we resize the output window. Kindly suggest me a good editor where I can view changes in the output simultaneously while writing the code (WYSIWYG editor). I am facing lot of problems in positioning
Also advise me from where I can practise more css.
December 3, 2013 at 1:41 am #157663JunniParticipantyou may use Adobe Dreamviewer
December 3, 2013 at 3:42 am #157675e6z6a6zParticipantfor editing better use notepad++ and if you wish to see the changes simultaneously try writing in codepen.io
December 3, 2013 at 5:30 am #157681Disha SethiParticipantOkay. Thankyou so much.
December 3, 2013 at 7:06 am #157684JamesParticipantBrackets Editor. It outputs live previews upon editing your documents. Though this requires Google Chrome exclusively, that isn’t such a bad thing as Chrome is by far one of my favourite browsers (and the mostly used worldwide).
You should learn HTML a bit more before moving in to CSS. For example, you’ve recreated the “search” box with a div, instead of simply using an
<input>
element. Same for the buttons, just simply use the<button>
element and style to your needs.I don’t want to sound like I’m self-promoting or blowing my hat off or anything but I did a similar thing back early this year on CodePen using SCSS, jQuery and CSS3 transforms/transitions. I thought it might give you a bit of inspiration and may help you out :)
December 5, 2013 at 3:35 am #157796Disha SethiParticipantThis is really good work! Thankyou for the suggestions, i will surely implement them into my learning and especially your coding, I will redesign my page after learning more.
As I am new to coding I need to learn more of it.
Thankyou again for all the help. :)
-
AuthorPosts
- The forum ‘Design’ is closed to new topics and replies.