nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


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 :

  1. Semantische standaard
  2. Mollig
  3. verheven
  4. Klassiek
  5. Google Materiaal
  6. Amazone
  7. bootstrap
  8. GitHub
  9. 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 .

Maak een Sticky Header met automatisch verbergen met Headroom.js

Maak een Sticky Header met automatisch verbergen met Headroom.js

Automatisch verbergende headers zijn al geruime tijd gestaag populair in webdesign. Veel blogs en online magazines gebruiken de sticky-header om gebruikers betrokken te houden en ze directe toegang tot de navigatie te geven .Medium heeft deze functie opnieuw gedefinieerd met een basisconcept dat de navigatie verbergt terwijl u naar beneden scrolt maar deze laat zien tijdens het omhoog scrollen

(Technische en ontwerptips)

Kinderen leren coderen met de Scratch-taal van MIT

Kinderen leren coderen met de Scratch-taal van MIT

Kinderen leren anders dan volwassenen, dus als we ze willen leren coderen, moeten we een benadering gebruiken die geschikt is voor hun behoeften . De codeercursussen voor volwassenen beginnen meestal met het uitleggen van bouwstenen, zoals gegevenstypen, variabelen en functies, maar deze lesmethode past niet bij de meeste kinderen

(Technische en ontwerptips)