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


Milligram.css - Minimalistische Frontend-bibliotheek voor ontwikkelaars

Van Bootstrap tot Foundation is er geen tekort aan aangepaste CSS-bibliotheken. Maar wat als u een heel eenvoudige lichtgewichtoptie nodig heeft voor nieuwe webprojecten? Veel bestaande CSS-bibliotheken zijn zwaar en hebben te veel functies .

Maar Milligram is een superlichtgewicht alternatief van in totaal ongeveer 8 KB in een verkleind CSS-bestand . Het kan worden geïnstalleerd via Bower, NPM of directe download die lokaal of via een CDN wordt gehost.

Standaard is de bibliotheek gebouwd op Normaliseren, dus u moet deze bibliotheek ook opnemen . Maar er is een handige handleiding 'Aan de slag' op de Milligram-startpagina die u kan helpen snel in beweging te komen.

Als je het gewoon uitprobeert, probeer dan de bestanden rechtstreeks van een live CDN toe te voegen in plaats van ze lokaal te downloaden. Op deze manier kunt u een voorbeeldproject opzetten op CodePen of een andere cloud-gebaseerde IDE.

Ook gebruikt de bibliotheek het gratis Roboto-lettertype dat door Google wordt gehost voor al zijn typografie. U kunt Milligram zonder Roboto gebruiken, maar u krijgt niet dezelfde gestroomlijnde letterontwerpen.

De extra bibliotheek Normalize & Google Font kan als een last voelen. Maar ze kunnen allemaal worden gehost op externe CDN's, zodat u zich geen zorgen hoeft te maken over HTTP-laadtijden van uw server . En Milligram wordt geleverd met standaardopmaak voor alle basispagina-elementen:

  • Headers & paragraph
  • Bestelde en ongeordende lijsten
  • Blok citaten
  • tabellen
  • Formuliervelden
  • Afbeeldingen met bijschriften
  • En nog een beetje meer!

Neem een ​​kijkje op de Milligram.css-startpagina om broncodemonsters te vinden en de CDN-koppelingen te bekijken. Je kunt ook een Demo Demo-demo bekijken die hieronder is ingesloten en alle op maat gemaakte Milligram-pagina-elementen bevat.

Aan de slag met Gulp.js

Aan de slag met Gulp.js

Gulp is een Javascript-gebaseerde tool waarmee je delen van je workflow kunt automatiseren. Automatisering kan u letterlijk uren per dag besparen. Of je nu een ontwikkelaar bent of een ontwerper die af en toe HTML-wireframes maakt, ik moedig je aan om in te graven.In dit artikel zullen we de basis van het gebruik van Gulp bekijken - van installatie tot basissyntaxis en een paar voorbeelden

(Technische en ontwerptips)

20+ Creatieve muurafzetstickers en -afdekkingen voor uw inspiratie

20+ Creatieve muurafzetstickers en -afdekkingen voor uw inspiratie

Heb je ooit naar een stopcontact gekeken en gemerkt dat het er een beetje uitziet als een grappig klein gezicht dat je iets probeert te vertellen? Eigenlijk ben je niet zo ver weg, omdat veel mensen al manieren hebben gevonden om hun outlets te versieren met coole stickers en covers.Al met al leuke, creatieve muurstickers en covers zijn een stijlvolle en geweldige manier om een ​​saai stopcontact op te fleuren. Ze

(Technische en ontwerptips)