Picnic CSS Lichtgewicht CSS-bibliotheek om uw webprojecten snel te starten
Sommige ontwikkelaars geven de voorkeur aan gedetailleerde UI-bibliotheken, zoals Bootstrap, vanwege de veelzijdige stijlen. Maar er zijn veel kleinere CSS-bibliotheken voor gemaakt subtiele ontwerpesthetiek en maatwerk.
Als u op zoek bent naar een kleine maar stijlvolle CSS-bibliotheek ik raad aan Picnic CSS. Het is volledig gratis, open source en werkt zonder veel bewerkingen om je pagina's te verfraaien met eenvoudige maar elegante stijlen.
Alle native HTML-elementen zijn standaard gerestyled, dus je hoeft niet eens te vertrouwen op lessen. Voeg gewoon de Picnic-stylesheet toe aan uw webpagina en vernieuw deze. Je zult zien dat alle vormen, knoppen en typografische elementen allemaal een nieuwe look krijgen.
Maar, natuurlijk, deze bibliotheek ondersteunt modulair ontwerp met opties om alles aan te passen. Haar alles geschreven in Sass, dus je moet echt een Sass-ontwikkelaar zijn om de code te doorlopen.
U hebt toegang tot alle standaardtypografie, klassen, rastersystemen en variabelen die worden gebruikt voor het stylen en kleuren van pagina-elementen.
Picnic CSS is ook gebouwd om ongelooflijk klein en zo te zijn meet slechts 10KB groot wanneer geminimaliseerd. Dit is ongeveer 1/10th van Bootstrap en het heeft nog steeds alle charme die je zou verwachten in een aangepast UI-framework.
Omdat dit een kleine bibliotheek is, het heeft geen dynamische functies. U kunt echter voorbeelden op de testpagina zien die knoppen, koppen, kaarten, ingangen, tabbladen en andere soortgelijke elementen bevatten.
Enkele van de dynamische elementen, zoals modals en tabbladen, werk met pure CSS. U kunt dus ook compatibele websites bouwen door JavaScript volledig te negeren. Best wel gaaf!
Ik denk wel dat de standaard Picnic-stijlen een beetje saai zijn, zodat ze wat retoucheren kunnen gebruiken. Maar over het algemeen ben ik dol op deze bibliotheek en het is een van de eenvoudigste manieren om een nieuw project op de juiste voet te starten.
Ga om aan de slag te gaan naar de Picnic CSS GitHub-pagina naar download een kopie en bekijk enkele voorbeelden. Je kan ook blader door de online documentatie om te zien hoe elk element werkt en wat je nodig hebt om alles draaiende te krijgen.
Picnic is zelfs beschikbaar op een CDN, U hoeft dus niet eens lokaal bestanden te downloaden om aan de slag te gaan.
