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.

Hoe u sneltoetsen naar uw website toevoegt

Hoe u sneltoetsen naar uw website toevoegt

Hou je van sneltoetsen op het toetsenbord? Ze kunnen u veel tijd besparen, toch? Wilt u sneltoetsen toevoegen aan uw eigen website, ten behoeve van uw bezoekers? Het zou de toegankelijkheid en navigatie van uw site aanzienlijk verbeteren.In dit bericht geef ik een korte handleiding over het toevoegen van snelkoppelingen naar uw webpagina met behulp van een JavaScript-bibliotheek met de naam Muizenval

(Technische en ontwerptips)

Hoe speel je geanimeerde GIF's onClick

Hoe speel je geanimeerde GIF's onClick

De geanimeerde GIF is een populaire manier om een ​​ontwerpconcept te visualiseren (hier is een voorbeeld van hoe we het deden voor de postteksteffecten gemaakt met CSS) of om een ​​korte videoclip te laten zien. Maar als je er te veel hebt op dezelfde pagina, zal dit de focus van je gebruiker afleiden. Voor p

(Technische en ontwerptips)