Responzivní design by měl v dnešní době být základem každého webu. Pro rychlý vývoj webu lze využít předem připravené šablony (kostru responzivního webu). Zde vybírám některé z nich.
W3schools.com
Ačkoli je na webu nepřeberné množství responzivních šablon, tak u mne zvítězil známý web w3schools.com a jeho W3.CSS. W3schools připravilo a dalo k dispozici od roku 2015 free CSS design. Toto CSS je v zásadě postaveno na principech Material Design a Google Design.
Věřím, že W3schools se bude o šablonovitý systém starat a vyvíjet ho s potřebami trhu i dále do budoucna. Design se nyní vytváří od mobilů k dektopům. Trenem se stal tzv. materiální design.
Další responzivní šablony
Již připravený CSS layout může pomoci při základním rozvržení HTML stránky.
- Základní kostra (šablona) responzivního webu s dvěma resp. třemi sloupci v HTML5 – petrpexa.cz,
- Blogger: 10 stránek se šablonami ke stažení zdarma – zeskrine.eu.
Není sice nad to, když si layout vytvoříte od základu sami, protože jedině tak víte co, a proč tam přesně máte, nicméně se pro začátek můžete nechat inspirovat již hotovými předpřipravenými řešeními a základní layout si nechat vygenerovat. K dispozici jsou pro tyto účely např. tyto weby:
Kostra responzivní šablony (skeleton)
- 13 Best Responsive CSS Grid Systems for Your Web Designs – webfx.com,
- Skeleton is a Responsive, Mobile-friendly Theme for WordPress – themes.simplethemes.com,
- Skeleton: Responsive CSS Boilerplate – getskeleton.com.
Responsive template free
Zde vybírám odkazy z vyhledávače Google:
- Free Responsive HTML5 CSS3 Website Templates - W3layouts – w3layouts.com,
- HTML5 UP! Responsive HTML5 and CSS3 Site Templates – html5up.net,
- Free Business Responsive Template – templatemonster.com,
- Free Website Templates, Free HTML5 Templates Using Bootstrap Framework – freehtml5.co,
- Free Responsive Website Templates (265) | Free CSS – free-css.com,
- TEMPLATED - CSS, HTML5 and Responsive Site Templates – templated.co.
Další weby
- Little Boxes – thenoodleincident.com,
- maxdesign CSS layouts – maxdesign.com.au.
Zajímavým a poučným projektem je také CSS Zen Garden, kde je jedna HTML šablona upravována do různých designů jen pomocí CSS stylů.