nl.hideout-lastation.com
Propeller Framework Combineert Bootstrap & Google Material Design
De immense populariteit van Google's materiaalontwerp zou geen verrassing moeten zijn. Het maakt deel uit van een moderne UI-stijl die zich meer richt op een vlak ontwerp met de nadruk op UX en bruikbaarheidspatronen .
Door de materiële ontwerpconcepten te nemen en toe te voegen aan Bootstrap, krijgen we het Propeller-raamwerk .
Dit volledig responsieve open source-framework speelt de materiële rol perfect. Het wordt geleverd met een componentenbibliotheek van 25 UI-elementen, samen met aangepaste sjablonen om de productie te versnellen.
Je kunt alle broncode vinden op GitHub, samen met informatie over browserondersteuning en recente updates.
Als je echt wilt duiken, bekijk dan de documentatiepagina . Dit is waar de goede dingen gebeuren, die betrekking hebben op de mappenstructuur, de basisinstallatie van de site, het gebruik van componenten en hoe u de kit zelf kunt aanpassen.
De meeste componenten worden boven de klassen van Bootstrap uitgevoerd, dus u werkt met een echte BootStrap-codebasis . Het is echter sterk aangepast om de animaties en ontwerpideologieën van het materiaalontwerp na te bootsen .Dropdown-menu's, formulieren, widgets met tabbladen en voortgangsbalkjes, al deze componenten volgen de stijl van het materiaalontwerp en ze zijn super eenvoudig in te stellen. Het moeilijke deel is het vinden van het exacte onderdeel dat bij uw site past, omdat er zoveel zijn waaruit u kunt kiezen.
Over het algemeen volgt Propeller de meeste ontwerprichtlijnen van Google . De ontwikkelaars hebben fantastisch werk geleverd met dit framework en het komt echt overeen met de stijl van het materiaal.
Op de Aan de slag-pagina vindt u vier verschillende downloads, elk voor een ander doel:
- Materiële thema - voor bestaande Bootstrap-sites die een materiële ontwerpstijl willen
- Propeller Kit - de hele CSS / JS-bibliotheek klaar voor productie
- Stand Alone - individuele componenten die u kunt kopiëren en plakken voor uw eigen projecten
- Beheerderssjabloon - een aangepaste beheerdersplaatsjabloon gemaakt met Propeller
Als je nog niet bekend bent met het framework, kun je de hele set downloaden en knutselen. Dit pakket bevat niet veel voorbeeldpagina's, maar u kunt de Propeller-site bekijken om te zien hoe het eruit ziet.
Dit kader is klaar voor productie als u op zoek bent naar een materieel thema. Het is een van de eenvoudigste kaders om mee te bouwen en het zal er waarschijnlijk nog vele jaren zijn.
Test uw web-typografie in een browser met Type Nugget
Het type ontwerpen voor het web is nu gemakkelijker dan ooit tevoren. Aangepaste weblettertypen en CSS3-eigenschappen maken het proces bijna volledig probleemloos.Maar testen is nog steeds een moeizame taak die vaak veel herzieningen vereist. En met een tool als Type Nugget kunt u uw lettertypen live in de browser testen en zelfs de LESS / SASS- of CSS-code genereren - zonder zelf een enkele regel te schrijven
10 manieren waarop internet echt leven (voor beter of slechter)
Sinds het begin van het moderne gamen, hebben we ons meer aangetrokken tot werelden die het leven nabootsen in plaats van de regels te negeren. Games zijn aangrijpender wanneer ze ons toegang geven tot hoeken van de echte wereld waar we anders niet mee bezig zijn, of wanneer ze ons beslissingen laten nemen die anders niet van ons zijn (zoals het bouwen van skylines en communities in SimCity) ), of zou ons in de problemen brengen als we ze zouden maken (zoals joy-rijden in Grand Theft Auto)
