Verse hulpbronnen voor webontwerpers en ontwikkelaars (februari 2015)
Na het doen van dit voor meer dan een jaar, is het moeilijkste deel over het schrijven van deze maandelijkse resource stapel voor ontwerpers en ontwikkelaars de introductie. Terwijl we het over dit onderwerp hebben, is dit de samenvatting van februari 2015 van de beste en meest verse bronnen voor webontwikkelaars zoals jij.
In deze aflevering kijken we naar een special zoekmachine om codefragmenten te vinden, een zeer vindingrijk verwijzing naar adresproblemen in de Flexbox-module, en ontwikkelingshulpmiddelen voor een beter beheer van kleur, lettertype en verlopen.
Gradient Animator
CSS3 Gradient stelt ons in staat om beeldloze gradiënten op onze website te creëren zonder afbeeldingen te hoeven laden. We kunnen het zelfs combineren met CSS3 Animation om een meer dwingend effect te geven. Maar als de code te veel voor je is, gebruik dan de eenvoudigere Gradient Animator-route om er een te genereren met een mooie interface.
SVG Pocket Guide
SVG Pocket Guide is samengesteld door Joni Trythall. Het is een handig naslagwerk dat u door de basisprincipes van SVG leidt (zoals het maken van vormen en tekst) tot geavanceerde functies (zoals het maken van verlopen, uitknippaden en patronen). Het boek komt in Markdown-formaat en is verkrijgbaar in het Engels en het Portugees.
Flexbugs
Flexbox is een veelbelovende nieuwe module in CSS3 die de manier waarop we weblay-outs bouwen totaal zou veranderen. Het heeft echter ook eigen compatibiliteitsproblemen met andere browsers. Deze repository, Flexbugs, is een verzameling van deze bugs en de oplossingen om ze aan te pakken. Dit is een zeer nuttige bron voor iedereen die op de doodlopende baan van het web woont.
icono
Het is verbazingwekkend wat we kunnen bereiken met alleen CSS, zoals een volledig presentabel pictogram maken met slechts één element. icono is de bibliotheek die dit doet. In deze bibliotheek vindt u een verzameling bekende pictogrammen die alleen met een enkel element zijn gemaakt, en CSS. Deze pictogrammen worden sneller geladen en zijn meer aanpasbaar dan op afbeeldingen gebaseerde pictogrammen.
Dillinger
Dillinger is een oogstrelende Markdown-editor. Hier kunt u schrijven in het Markdown-formaat en direct de uitvoer zien op het rechter tabblad. Voor uw gemak stelt Dillinger u in staat uw werk te exporteren naar HTML, PDF of gewoon in een Markdown-bestandsindeling als u klaar bent. U kunt ook een verbinding maken met een externe service zoals Dropbox en Github, waar u uw bestand kunt opslaan.
HTML5Up
HTML5Up is een verzameling gratis HTML5-gebaseerde sjablonen. U kunt een handvol lay-outs vinden voor verschillende soorten websites: bedrijf, portfolio of gewoon een eenvoudige blog. Alle sjablonen zijn ook responsief en zorgen ervoor dat de inhoud en de lay-out van de website plezierig zijn in verschillende schermformaten.
CSS-kleuren
Ooit afgevraagd wat een bepaalde kleur is genoemd? CSS-kleuren toont de kleurnaam evenals het Hex- en RGBA-formaat voor een verzameling basiskleuren. Het is een goede bron om de perfecte kleurencombinatie voor uw websites te vinden.
Emmet Re-view
Opnieuw bekijken is een Chrome-extensie die uw website parseert @media
query's en geeft uw website weer in elk van de onderbrekingspunten die in elk van beide zijn gespecificeerd @media
query. Als u op zoek bent naar een tool die u een beetje tijd zou kunnen besparen bij het testen van responsieve websites, dan is dit de tool die u nodig hebt.
TypeGenius
Als u de bibliotheek met Google-lettertypen bekijkt, vindt u veel lettertypen in verschillende gezichten, familie, gewicht en typen. Daarom kan het kiezen van het juiste paar of combinatie van lettertypen een echte overweldigende taak zijn. TypeGenius maakt het selecteren van lettertype-paren eenvoudig en snel en mogelijk voor de algemene bevolking.
SearchCode
Zoals de naam al zei, is dit een zoekmachine om te zoeken naar codes of codefragmenten van veel programmeertalen, waaronder JavaScript, C, PHP. Deze zoekmachine zal het resultaat ontlenen aan vele bronnen zoals Github, Bitbucket en Google Code. Dit is een duidelijke must-have tool voor zware programmeurs.