LinuxQuestions.org
Latest LQ Deal: Complete CCNA, CCNP & Red Hat Certification Training Bundle
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices


Reply
  Search this Thread
Old 09-07-2014, 07:09 AM   #1
ondoho
LQ Addict
 
Registered: Dec 2013
Posts: 9,732
Blog Entries: 7

Rep: Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404
HTML & CSS - What Happened to the Good Old Website Template?


hello!

i have started doing some web design recently and this is the 2nd time i'm redesigning a very simple, static website for someone else.
again i find myself searching for the right resources.
it seems that there is all sorts of CMS on one hand, and totally outdated "Free Website Templates" on the other.

a CMS is definitely too much for those simple web pages - setting it up would take more time than recoding it from scratch. even something like CMSimple.

searching for "website tutorial mobile friendly html css" yields results, but they all seem rather advanced, using javascript and prefabricated "magical" css templates...
on the other hand, those old website templates simply don't cut it anymore, esp. when you have different screen resolutions in mind.

i perceive some sort of hole in the middle between too-simple-and-outdated and too-advanced-and-feature-rich.
or, between "absolute beginner" and "uber cloud designer".

any ideas? thanks.

edit: i'd like to get by without javascript, html and css only, maybe some php.
is that wrong?
edit2: i just found out that the samsung galaxy s4 (not the newest model anymore!) has a screen res of 1,920 x 1,080 (441 ppi)! that is more than i have on my desktop monitor! so maybe i'm just worrying too much about mobile device compatibility?

Last edited by ondoho; 09-08-2014 at 01:09 AM.
 
Old 09-07-2014, 09:58 AM   #2
dugan
LQ Guru
 
Registered: Nov 2003
Location: Canada
Distribution: Slackware
Posts: 8,440

Rep: Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471Reputation: 3471
Start with either Twitter Bootstrap or Zurb Foundation.

http://foundation.zurb.com/templates.html
http://getbootstrap.com/getting-started/#examples

And btw, when you design for phones you treat them as having half their actual pixel resolution.

Last edited by dugan; 09-07-2014 at 06:13 PM.
 
Old 09-08-2014, 01:13 AM   #3
ondoho
LQ Addict
 
Registered: Dec 2013
Posts: 9,732
Blog Entries: 7

Original Poster
Rep: Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404
thanks dugan.

i had a look at bootstrap previously and imho it falls into the "javascript and prefabricated "magical" css templates" category, but foundation.zurb looks interesting and really seems to fit into some sort of "intermediate" category.

it has an option to build your own download, going to play with that.
foundation uses javascript, too, but it's possible to minimize its use with the custom build. maybe eliminate completely.
 
Old 09-17-2014, 12:24 AM   #4
ondoho
LQ Addict
 
Registered: Dec 2013
Posts: 9,732
Blog Entries: 7

Original Poster
Rep: Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404Reputation: 2404
in the end i used this one:
http://www.1stwebdesigner.com/css/re...site-tutorial/

it uses zurb foundation, but i think a little simplified.
i could remove all javascript, it still works nicely.
"work" for me means: resizes itself on smaller screens.

i tested it simply resizing my browser window, later on different phones and found out something interesting:
most phones tell the server that they have a much smaller resolution (device-width) than what they have. less than 50%, i think some generic 320x480 (=half a vga screen).
and that value does not change when you hold it in landscape - youhave to add "orientation landscape" to your css if you want to take that into consideration.
 
  


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
Image slicing/splicing for HTML & CSS coding verori Linux - Newbie 2 11-17-2011 10:20 AM
CSS - Is there a way to put several lines of HTML into one line using CSS? Chronothread Programming 12 01-05-2011 06:06 AM
[SOLVED] Really good web site for learning HTML CSS Javascript etc. jlinkels Programming 1 07-25-2010 07:51 PM
LXer: Review: HTML & CSS: The Good Parts LXer Syndicated Linux News 0 05-12-2010 02:10 AM
HTML/CSS/JS: Problem with <p> not having an absolute position with CSS. RHLinuxGUY Programming 7 03-03-2007 12:21 AM

LinuxQuestions.org > Forums > Non-*NIX Forums > Programming

All times are GMT -5. The time now is 06:52 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration