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


Vital CSS - een minimaal invasief webraamwerk

Verplaats over Bootstrap want er is een nieuw CSS-framework in de stad. Het wordt Vital genoemd en het ontdoet de ontwikkeling van de frontend tot het essentiële .

Vital wordt geleverd met alleen CSS en heeft nul JavaScript-bibliotheken of afhankelijkheden . En de Vital.css-stylesheet is slechts 31 KB verkleind, inclusief pictogramlettertypen.

Alleen het CSS-bestand van Bootstrap is in totaal ongeveer 118 KB. Vital is bijna 1/4 de maat van Bootstrap! Het is gebouwd voor ontwikkelaars die alleen een snelle oplossing voor hun volgende project nodig hebben.

Vital is een volledig open source framework met alle code die op GitHub beschikbaar is om door te lezen.

Alles is gebouwd met Sass voor CSS en Slim voor HTML . Maar dit is alleen voor ontwikkeling, dus als je Vital gebruikt voor productie, kun je de pure CSS gewoon rechtstreeks exporteren .

De nieuwste versies zijn beschikbaar om te downloaden op de pagina met releases en deze bevatten de CSS-code en aangepaste pictogramlettertypen . Je vindt ook veel HTML- en CSS-demo's en wat basisdocumentatie op de GitHub-pagina.

Maar de echte goede dingen zijn te vinden op de componentenpagina . Dit geeft een opsomming van alles wat u krijgt met Vital, inclusief rasters, typografie, knoppen, laders, tabellen, tabbladen, formulierinvoer en nog veel meer.

Geen van deze functies is afhankelijk van JavaScript, wat een enorme bonus is. Toegegeven, je kunt meer doen met JavaScript, maar het is leuk om je geen zorgen te maken over JS tijdens het stylen van de frontend.

U kunt elk element van de componentenpagina recreëren door alleen een CSS-klasse te gebruiken . Deze klassen kunnen enigszins worden geautomatiseerd als u Slim gebruikt, dus er is een klein voordeel voor Sass / Slim-gebruikers.

Maar Vital kan goed werken voor elke ontwikkelaar met wat HTML / CSS-ervaring . Het is een volledig gratis framework en het is veel lichter dan de alternatieven.

Ga voor meer informatie naar de Vital-startpagina of doorloop dit artikel geschreven door de makers van Vital en bespreek waarom ze het framework en de problemen hebben gemaakt die het moet oplossen .

Hoe een refactor CSS - een gids

Hoe een refactor CSS - een gids

CSS-refactoring moet een essentieel onderdeel zijn van de front-end ontwikkelingsworkflow, als we een beheersbare en geoptimaliseerde codebasis willen hebben. Wanneer we CSS refactoren, ruimen we onze bestaande code op en reorganiseren we deze zonder nieuwe functies toe te voegen of bugs te verhelpen

(Technische en ontwerptips)

Het teksteffect van Avengers maken met Illustrator & Photoshop

Het teksteffect van Avengers maken met Illustrator & Photoshop

In de tutorial van vandaag gaan we het teksteffect opnieuw gebruiken dat in de strip is gebruikt (ook een aankomende film) - The Avengers, om ons het gevoel te geven dat we eigenlijk ook een held zijn, tenminste een Illustrator / Photoshop-held :)We zullen de tekst handmatig in Adobe Illustrator maken en vervolgens het pad naar Adobe Photoshop importeren en een aantal effecten en textuur toepassen

(Technische en ontwerptips)