Verse hulpbronnen voor webontwerpers en ontwikkelaars (oktober 2012)

Elke maand zijn er tientallen gratis dingen die worden gedeeld door zeer gulle mensen in de webontwerp- en webontwikkelingsgemeenschap; het is bijna onmogelijk om al deze nieuwe dingen bij te houden. Je moet je echter geen zorgen maken; in deze post hebben we geselecteerd 10 nuttige 'dingen', variërend van codefragmenten tot tools, frameworks en plug-ins om uw werk en leven als webdesigners en ontwikkelaars eenvoudiger te maken.

Laten we ze eens bekijken.

Bekijk al onze verse hulpbronnen (volgens maand):

Oktober 2012
November 2012
December 2012

CSSS

CSSS wat staat voor "CSS-gebaseerd SlideShow System" is een framework gemaakt door Lea Verou (bekend als de CSS-goeroe). In essentie kunt u met dit framework presentatiedia's maken met HTML- en CSS-webstandaarden. Deze diavoorstelling ondersteunt sneltoetsen zoals ←, →, ↓ en ↑ om door de dia's te navigeren.

Als je CSS en HTML doet, is dit raamwerk volgens mij een (betere) vervanging voor dure software zoals MS PowerPoint.

BonsaiJS

Bonsai is een lichtgewicht JavaScript grafische bibliotheek met een intuïtieve API. We kunnen deze bibliotheek gebruiken om eenvoudige vormen te tekenen, zoals een rechthoek, driehoek, cirkel of een afbeelding met een diepe complexiteit. Deze bibliotheek kan ook worden gebruikt om rendering van SVG (Scalable Vector Graphic) in niet-ondersteunde browsers als een fallback te leveren.

Bonsai biedt daarnaast een aantal functies, waaronder Animatie, Evenement en Filters om deze grafische elementen interactiever te laten werken.

Responsieve patroon

Responsieve patronen is een verzameling patronen die u kunt gebruiken om een responsieve website te bouwen. Deze verzameling bevat enkele voorbeelden van responsieve lay-out en navigatie met een paar andere responsieve patronen van algemene webcomponenten zoals afbeeldingen, video, tabellen en formulieren.

Effin Toolsets

Dit is waarschijnlijk alles wat u nodig heeft om uw website te helpen ontwikkelen. Effin Toolsets is een verzameling van een tiental handige hulpmiddelen voor webontwikkelaars, alles op één plek verpakt.

Een van de tools in deze verzameling die ik persoonlijk erg handig vind, is de Entifier, deze tool zal deze karakters veranderen, < en >, in hun HTML-code zodat uw codefragment correct wordt weergegeven in de

label.

Susy

Susy is een responsief rooster voor Compass. Zoals elk ander responsief grid-framework dat er is, bestaat het uit verschillende voorgedefinieerde stijlen, maar omdat het is gebouwd met Sass en Compass, is dit framework veel configureerbaarder.

Met Susy kunt u het kolomnummer, de kolombreedte, de rugmarge en de gridpadding aanpassen, waardoor het uw eigen raster is dat bij uw website past. Susy zal al het harde werk doen: berekening. Als je een supergeek bent die graag met Sass en Compass werkt, is deze extensie echt iets voor jou.

Oneindige vervolgkeuzelijst

Een vervolgkeuzemenu is een veelgebruikte component die we op een website hebben gevonden. Toch is het maken van een vervolgkeuzelijst niet zo eenvoudig als het eruit ziet. Harry Roberts van CSS Wizardry heeft gelukkig de zijne gedeeld “magische code” om een oneindige dropdown-navigatie te maken (wat geweldig is).

Bourbon Nette

Neat is een responsief gridraamwerk dat u helpt eenvoudig een responsieve website te runnen. Het is gebouwd op Sass en Bourbon, een verzameling nuttige mixins voor Sass. Dit framework is een Ruby juweeltje, het kan worden geïnstalleerd via Terminal of Command Prompt met deze opdrachtregel edelsteen installeert netjes.

Typicons

Er is niet genoeg voor pictogrammen. Typicons zijn een verzameling lettertypepictogrammen die uit ongeveer 88 tekens bestaat. U kunt deze pictogrammen toevoegen @ Font-face regel en pas ze toe op je website met de CSS pseudo-elementen of sluit ze direct in met hun HTML-karakter.

Door webfont te gebruiken voor het bezorgen van uw pictogrammen, kunt u de voordelen hebben van het niet nodig zijn om CSS-sprite te implementeren en de achtergrondpositie aan te passen om de pictogrammen weer te geven, scherm met hoge resolutie gereed en technisch vermindert het http-verzoeken en verbruikt het een lagere bandbreedte dan bitmappictogrammen.

annotator

Met deze bibliotheek kunt u opmerkingen, labels en markdowns toevoegen aan uw webinhoud en samen met AnnotateIt kunt u uw annotaties gratis opslaan.

Luchthaven

Als je op het vliegveld bent, zie je het vluchtinformatiebord met flipping-tekst eroverheen. Met deze jQuery-plug-in, Airport, kunnen we hetzelfde filterende teksteffect creëren.

Conclusie

Dat is alles voor deze maand. Heb je al deze dingen geprobeerd? Welke is jouw favoriet? Heb je nog andere leuke dingen gevonden voor webontwerpers / ontwikkelaars die we uit deze lijst hadden gemist??.

Deel ze gerust in het opmerkingenveld hieronder, en we horen graag uw gedachten ook.