nl.hideout-lastation.com
Bouw responsieve websites sneller met semantische gebruikersinterface
Frontend-frameworks zoals Bootstrap zijn nog steeds alle rage. Er zijn tientallen geweldige keuzes om uit te kiezen, maar een die onlangs mijn aandacht trok, is Semantic UI .
Toegegeven, deze bibliotheek bestaat al een tijdje en dateert al een paar jaar. De nieuwste versie van versie 2.2 wordt echter geleverd met een aantal extra functies en bewijst dat Semantic op lange termijn in de buurt zal zijn.
Met tientallen CSS-variabelen, eenvoudig reagerende klassen en eenvoudig in te stellen lay-outs, kunt u probleemloos zelf met Semantic UI werken.
De eenvoudige klassenamen en gridstructuren geven echt betekenis aan dit raamwerk dat "Semantisch" wordt genoemd. De lessen zijn erg verstandig en dit maakt uw HTML op afstand gemakkelijk leesbaar.
Het wordt zelfs geleverd met jQuery-ondersteuning voor dynamische pagina-elementen zoals carrousels en vervolgkeuzemenu's.
Elk HTML-element onder de zon is aangepast en volledig functioneel met Semantic UI. Dit omvat HTML5-elementen plus extra functionaliteit zoals classificaties en aangepaste tabbladen.
Maar misschien is het beste deel van Semantic de instelling van het thema . Je krijgt niet alleen heel veel vooraf ontworpen stijlen en dynamische elementen, maar je kunt deze ook zelf restylen bovenop de code van Semantic.De hele bibliotheek bevat in totaal 3.000 themavariabelen die u in Sass kunt wijzigen of door uw eigen stylesheet uit te breiden. En Semantic UI wordt geleverd met negen standaardthema's :
- Semantische standaard
- Mollig
- verheven
- Klassiek
- Google Materiaal
- Amazone
- bootstrap
- GitHub
- tjilpen
Dit zijn slechts het topje van de ijsberg en ze fungeren meer als vertrekpunten om je eigen thema te ontwerpen .
Als u vanaf het begin een nieuwe bestemmingspagina of aangepaste website maakt, overweegt u serieus om met Semantic UI te werken. Het is volledig gratis en open source met geweldige online documentatie .U kunt bladeren door lay-outstijlen, samen met handleidingen voor alle hoofdelementen en aangepaste thema's .
En je kunt een kopie van de broncode rechtstreeks downloaden van GitHub, die ook een gids voor beginners bevat .
10 Google Labs-experimenten die u moet weten
De ingenieurs van Google brouwen in hun ketel van ontzagwekkende toepassingen die de gebruikerservaring kunnen verbeteren. In de loop der jaren hebben ze verschillende nuttige toepassingen bedacht, zoals Google Reader, Google Maps en Google Trends om er maar een paar te noemen. Hoewel de meeste applicaties nog steeds experimenteel zijn en nog steeds defect zijn, zijn de belangrijkste functies echt baanbrekend
Beste kleurhulpmiddelen voor webontwerpers
Het instellen van een basiskleurthema voor uw webontwerpproject kan een eenvoudige taak zijn, maar het kan lastig zijn om te besluiten welke de juiste combinaties zijn of een kleurenschema te maken, vooral als u niet weet welk kleurentool het beste voor u werkt.Dus om te helpen bij het bepalen van de beste kleurenschema's voor uw projecten, vindt u hier enkele van de beste kleurhulpmiddelen voor webontwerpers
