bootstrap

CSSMobiele websitesWordpressWordpress designWordpress themes

WordPress theme ombouwen naar mobiele – responsive versie

Bootstrap twitter css Google heeft ons weer een bang gemaakt met de melding dat websites die vanaf 21 april niet toegankelijk zijn gemaakt voor mobiele apparaten (smartphones, tablets), zullen zakken in de zoekresultaten. Nu heb ik een aantal klanten die heel verstandig hebben geinvesteerd in de vindbaarheid van hun website en veel aandacht hebben gegeven aan zoekwoorden optimalisatie en het zou natuurlijk jammer zijn als die investering voor niets zou zijn geweest. Nu denk ik dat het mogelijk meevalt omdat een positie altijd bepaald wordt door wat de concurrent doet. Dus mijn klant uit Ede (autotransmission) die zijn website optimaliseert voor “revisie versnellingsbak” gaat natuurlijk alleen dalen als de concurrenten ook meegaan in de trend en hun site mobiel toegankelijk of responsive hebben … Lees verder.

Lees meer
dewebmeester.nlGratisHostingScriptsSnelheid website

Bootstrap: een zeer snelle, hoog kwalitatieve en heel erg goedkope website!

Als lezer van dewebkrant.nl bent u waarschijnlijk al veel eerder geconfronteerd met het verschijnsel “Bootstrap”. Hieronder een definitie uit Wikipedia:

[box title=”Boostrap” style=”glass”]Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.[/box]

bootstrap-html-template-00Maar hier wil ik niet teveel ingaan op de technische kanten wat betreft Bootstrap, maar wil ik even snel laten zien hoe makkelijk, ook u een zeer goedkope en tegelijkertijd een hoog kwalitatieve website kunt krijgen vanwege Bootstrap. Wat me vooral opvalt bij een bootstrapped website is dat hij enorm snel geladen wordt in de browser en ik denk dat dit een eerste … Lees verder.

Lees meer
CSSLayoutScriptsTweaks

Twitter bootstrap, css en structuur

Vandaag een korte introductie betreffende het gebruik van Twitter bootstrap. Om te starten heb je de bootstrap files nodig die eenvoudig zijn te downloaden via deze link.

Vervolgens worden de files in de root van de website geplaatst en wordt er een verwijzing naar die files geplaatst in de head-sectie van de website.

Wat betreft structuur gebruiken we (bijvoorbeeld) de volgende html:

<div id='content' class='row-fluid'>
      <div class='span9 main'>
        <h2>Main Content Section</h2>
      </div>
      <div class='span3 sidebar'>
        <h2>Sidebar</h2>
      </div>
</div>

Deze code geeft aan dat de main content 9 kolommen breed is en door de main content op te delen in kolommen, kunnen we ook een sidebar plaatsen. Dat is gedaan via de <div class=’span3 sidebar’> <h2>Sidebar</h2> </div> code. Dit alles … Lees verder.

Lees meer