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


Topcoat - Bliksemsnelle CSS-raamwerkontwikkelaars zullen het geweldig vinden

Bij het kiezen van een frontendraamwerk, kijk je meestal eerst naar esthetiek. En begrijp me niet verkeerd, esthetiek is belangrijk!

Maar de prestaties van uw website zijn net zo belangrijk voor de bruikbaarheid als het ontwerp van uw pagina. Voor veel frameworks zoals Bootstrap, kun je alleen kiezen voor performance of design, zelden beide.

Topcoat is anders. Hij is ontworpen met het oog op bruikbaarheid in gedachten, terwijl hij sterk op prestaties is gericht . Topcoat is zelfs getest op prestaties en elk nieuw onderdeel voert snelheidscontroles uit om de snelste laadtijd te garanderen.

Het leuke van Topcoat is dat het niet te licht of minimalistisch aanvoelt.

U hebt nog steeds toegang tot een enorme bibliotheek met componenten, van knoppen tot tabbladen, selectievakjes, formuliervelden en aan / uit-schakelaars (naast vele andere elementen).

De bibliotheek wordt geleverd met een CSS- en JS-bestand dat u zojuist op uw pagina hebt opgenomen om aan de slag te gaan. Niets is te complex en zeker niet ingewikkelder dan de Bootstrap van Twitter.

Toegegeven, de componentenbibliotheek kan kleiner aanvoelen dan Bootstrap's en het is bedoeld om lichter te zijn. De paginastructuur is echter uitstekend, waardoor Topcoat een briljant raamwerk is voor gloednieuwe sites die eerst om snelheid hechten.

Topcoat gebruikt BEM-naamconventies, een van de vele populaire CSS-schrijfstijlen die zijn gemaakt om uw code te ordenen. Dit kan lastig zijn om te leren als je de stylesheet van Topcoat wilt uitbreiden, maar het zal je codeerproces behoorlijk opruimen.

Ook met Topcoat krijgt u volledige toegang tot hun PSD-bestanden als u onderdelen van de pagina wilt bewerken of opnieuw wilt ontwerpen. Best wel gaaf!

Alles, van aangepaste stijlen tot aangepaste pictogramsets, wordt geleverd met Topcoat . Het is het schoonste frontendraamwerk dat u zult vinden met een duidelijke focus op prestaties.

Ga voor meer informatie naar de Topcoat-website en controleer de hoofdbeschrijving van GitHub voor installatie-instructies + downloadkoppelingen naar de bronbestanden.

U kunt uw gedachten ook delen met het team op hun Twitter-account @topcoat.

HTML-checkbox naar iOS 7 omzetten Schakelen met Switchery.js

HTML-checkbox naar iOS 7 omzetten Schakelen met Switchery.js

Checkbox is erg handig om gebruikers invoer te bieden. Wanneer gebruikers de werkelijke waarde invoeren, wordt er een vinkje weergegeven in het vierkantje. Het uiterlijk van het selectievakje aanpassen kan eenvoudig worden gedaan via CSS. Toch heeft de aanpassing alleen invloed op het vak en de controlestijl

(Technische en ontwerptips)

5 nieuwste webontwikkelingstools die u moet kennen

5 nieuwste webontwikkelingstools die u moet kennen

Als u onze maandelijkse postseries over Fresh Resources for Designers and Developers hebt gevolgd, ziet u dat er elke maand veel nieuwe tools worden geïntroduceerd; de lijst is waarschijnlijk oneindig. Toen ik in 2008 net begon met het leren van HTML en CSS, bestonden de meeste van deze tools nog niet.

(Technische en ontwerptips)