Er zijn tal van CSS-gereedschappen zijn beschikbaar op internet, maar de weinige instrumenten zijn nuttig. Deze tools kunnen u helpen bij het maken van formulieren, knoppen, pagina's en veel verschillende CSS-generated stuff.

Vandaag hebben we verzameld 10 handige CSS-gereedschappen, die uw leven makkelijker te maken. Ik vind dat je al vertrouwd zijn met sommige van tools, zodat u om uit te vinden nieuwe. als je denkt dat ik miste iets wat je kunt zeggen in het commentaar vak.

CSS Type Set

CSS Type Set is de meest bruikbare hulpmiddel typografie, die u zullen helpen hoe ze hun web content stijl.

Em Calculator

Em Calculator is een klein JavaScript-tool die helpt bij het maken van CSS schaalbaar en toegankelijk design. Het zet grootte in pixels tot de relatieve em eenheden, die zijn gebaseerd op een tekst formaat.

Deploy

Wanneer het starten van een webproject, gebruikte ik altijd beginnen met de moeizame proces van het creëren van het basiskader structuur voor de site. Dit omvatte het maken van mappen voor CSS en afbeeldingen, downloaden en met inbegrip van jQuery, en het toevoegen van een CSS-reset, onder andere dingen.

CSS Sprite Generator

Dit is het nog een zeer nuttig instrument om sprites voor uw web-projecten te genereren.

Button Maker Online

Gebruik deze online tool om eenvoudig en visueel maken die populaire "XHTML geldig" micro-knoppen (80 × 15). U kunt ook kiezen in plaats daarvan voor de grotere 88 × 31 knop. Genieten!

CSS Drive, CSS Compressor

Gebruik dit hulpprogramma om uw CSS comprimeren te verhogen laden snelheid en bandbreedte besparen op ook. U kunt kiezen uit drie niveaus van compressie, afhankelijk van hoe leesbaar u wilt dat de gecomprimeerde CSS te worden versus mate van compressie. De "normale" modus moet goed werken in de meeste gevallen, waardoor er een goede balans tussen de twee.

Blueprint Grid CSS Generator

Deze tool helpt u bij het genereren van meer flexibele versies van grid.css Blauwdruk en compressed.css en grid.png bestanden. Of u de voorkeur 8, 10,16 of 24 kolommen in uw ontwerp, deze generator nu kunt u dat flexibiliteit met Blueprint.

CSS Layout Generator

Deze generator zal een vloeistof of vaste breedte dreef kolommen, met tot 3 kolommen en met kop-en voettekst. Waarden kunnen worden gespecificeerd in beide pixels, ems of in percentages.

Kleuren Palette Generator

Welkom bij Image CSS Drive aan Colors Palette Generator! Upload een afbeelding naar het genereren van een kleurenpalet op basis van de primaire kleuren van de afbeelding. Handig voor het snel grijpen een bepaalde kleur in een afbeelding voor inspiratie.

W3C CSS Validation

Check Cascading Style Sheets (CSS) en (X) HTML documenten met style sheets

Als u meer wilt instrumenten van ons te ontvangen, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.

Geplaatst onder: Css, Freebies, Resources, Tools door admin