bemethavinci
please, a little help sir graham.does HTML5 and CSS3 works on xtgem?...if yes how does it work.
Graham
bemethavinci Both html5 and css3 are browser based
html5 is just html and can be used in either code blocks or the pages html code as a whole
xtgem's standard blank page is a html5 page on most accounts (some may still use html4 default)
the same goes for css3 you just use it in your stylesheets or style attributes
its not a matter of xtgem supporting them
its a matter of whether the users or visitors device/browser supports them
I notice your page has a xml and xhtml !DOCTYPE (old wap phone header) not a html5 one which could possibly affect the way some browsers process the code
bemethavinci
Graham ok...so which coding language is required to make the site to look more responsive to every browser used to check my site appart from bootstrap
Graham
bemethavinci Bootstrap is just a set of CSS classes and a bit of javascript for the more fancy stuff
it uses media queries to test for small screen widths
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
I guess there are other similar templates Bootstrap is just the most widely used
No matter what it would entail a complete re write of your site to implement a different template as none of the classes or structure would match
bemethavinci
Graham bootstrap templates is too advanced that it cant be viewed on low ended devices like java and symbian phones...which sound awful and dull from the looks.now,what im try to say is that...will it be good usinq html,css and jquery to design a blog much better than bootstrap?...
Graham
bemethavinci You don't need to use all the fancy drop downs and stuff in bootstrap but as a basic framework it takes care of layout and resizing for mobile devices pretty well.
it is also pretty easy to add your own css and stuff
except for the bbcode tool (not bootstraps fault) my bootstrap blog works fine on all the mobiles and emulators i've tested
http://baretest.xtgem.com/Blog
Why redo the work that somebody else has already done
bemethavinci
Graham i think i will start to work on my own design for my blog...but check this site@vineng.ga...is the site buildt with full bootstrap codinq or just html and css...because i've used all my mobile browsers to check the site and i noticed its user friendly and responsive.
Graham
bemethavinci The site is built with a template but not actual bootstrap
it belongs to a longtime xtgem user but is not hosted on xtgem (although some of the code and css is on xtgem)
The web version seems to be this
http://www.free-css.com/free-css-templates/page127/coolblue-v1.0
but it switches to a totally different css/html template for mobiles (not 'bootstrap' either)
There are hundreds of sites offering many thousands of templates
They all do the same basic thing some better than others
most rely on checking screensize some may do some user agent sniffing to deliver mobile content
The rest is just layout
Some browsers cause problems even on devices that can use the markup in their native browsers
notably most operamini and ucweb versions do not like any form of 'dynamic' content
xtgem actually has a built in system for mobile content when you are using xtgem_template.css (or if the file exists and has at least 1 class in it)
if the device is detected as 'web' then the xt_touch class is added to the body tag and this can be used to add extra css by reference to this class
This is the system used by the built in css templates
The blogs twig 'data' array also has a device detection feature in the
data.device value which returns web/touch/mobile
xtgems xt function <xt:get_device_template /> used to return web/touch/mobile but these days just returns web/mobile in most cases
The google tool to check if a site is mobile friendly is
https://search.google.com/search-console/mobile-friendly
Although you may have issues using the tool from a mobile (typical google)
bemethavinci
Graham waw...thats interestinq...at lease this css design is more better then bootstrap and will be good for designinq responsive blog usinq css...what do you suggest?...because i was thinkinq of makinq my own design that will not showcase errors on any browser...both old and new
Graham
bemethavinci It is not a 'responsive' design in the true sense it is two totally separate templates one for web and another for mobile
with what seems to be his own server based code to select between the 2 different versions