Verse hulpbronnen voor webontwerpers en ontwikkelaars (juni 2016)

We breiden de lijst uit voor de halfjaarlijkse editie. Deze installatie bevat enkele CLI's (en hier is ons bericht over waarom je de commandoregel zou moeten leren), een aantal desktop-apps voor werk en plezier en verschillende CSS- en JavaScript-bibliotheken. Ook inbegrepen zijn leesmateriaal, referenties en handleidingen over best practices die u op een dag moet uitchecken, bookmarken en eventueel lezen.

Ik ga de rest van de lijst niet bederven, dus ga maar door. Voor meer nieuwe bronnen, klik hier.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

CertBot

CertBot biedt een handigere manier om certificaten van Let's Encrypt te implementeren. Het biedt een reeks commandoregels met ondersteuning voor talloze serverconfiguraties zoals Apache, NGINX en Plesk. Nu we het erover hebben, Let's Encrypt is een gezamenlijke inspanning om het web veiliger te maken door een gratis SSL-certificaat aan te bieden. Het wordt momenteel gebruikt op meer dan 3 miljoen websites.

Mononoki

Mononoki is een lettertype dat speciaal is ontworpen voor het weergeven van code. Mononoki is beschikbaar als een installeerbaar bureaubladlettertype (.ttf) en weblettertype (.EOT, en .WOFF). Het is een fris alternatief voor klassiek monotypes zoals Monaco, Menlo en Courier.

BideoJS

Het tonen van een autoplay-video op paginagrootte op de startpagina lijkt een stijgende trend te zijn. BideoJS is een JavaScript-bibliotheek waarmee je precies dat kunt doen met minder hindernissen. Het is lichtgewicht, responsief en kan worden geconfigureerd om aan uw behoeften te voldoen.

CSS Purge

CSS Purge is een verzameling referenties, artikelen en statistieken voor CSS. Een vindingrijke informatie als deze kan u helpen goed geïnformeerde beslissingen te nemen over welke CSS-methodologieën, hulpmiddelen en framework u in uw project zou willen gebruiken..

Mailgen

Mailgen is een Node-module om een mooie, eenvoudige responsieve HTML-e-mail te genereren. Er is een handvol opties beschikbaar, waarmee u bijna elk gebied van de e-mail kunt aanpassen. U kunt de e-mail instellen “thema”, de e-mailheader en de “Oproep tot actie” knop. Het kan ook worden geïntegreerd in uw op Node gebaseerde desktop- of webtoepassing.

Deco

Deco is een IDE om een mobiele app te bouwen met het Facebook-initiatief React Native. Denk aan Deco like XCode of Visual Studio, waar u een app kunt bouwen met een gebruikersvriendelijke gebruikersinterface met slepen en neerzetten, schuifregelaars en kleurkiezers.

IE8 Linter

Internet Explorer 8 (IE8) is een antieke browser die geen moderne webtechnologieën zoals CSS3-animaties, transformaties, overgangen en de meeste HTML5-elementen zonder een polyfill. DRY-principe is een tool die we kunnen gebruiken om websites te scannen op IE8-compatibiliteit. Het biedt het rapport en oplossingen.

Caprine

Caprine is een onofficiële Facebook Messenger desktop-app. Het is gebouwd bovenop Node.js en Electron, waardoor het een platformonafhankelijke toepassing kan zijn; het is beschikbaar in OS X, Windows en Linux. In komt ook in twee kleuren, Dark en Light.

Photon Kit

Photon Kit is een kader om een nieuwe app te starten met Electron. Net zoals Bootstrap, Foundation en dergelijke, wordt Photon geleverd met een aantal componenten waarmee je gemeenschappelijke UI-elementen kunt bouwen in een app zoals de knoppen, de werkbalk en de zijbalk.

Yeoman App

Yeoman App is een desktop-applicatie die project boilerplates, framework en scaffolds van Yeoman genereert. Het is een goed alternatief voor mensen die het niet prettig vinden om via Terminal en commandoregels te werken.

SQLectron

SQLectron is een SQL-desktopclient waarmee u meerdere SQL-bewerkingen gemakkelijker kunt bekijken en uitvoeren. Het ondersteunt MySQL, PostgreSQL en Microsoft SQL Server. SQLectron is beschikbaar voor OS X, Windows en Linux.

Familie SCSS

FamilySCSS is een verzameling mixins waarmee elementen worden geselecteerd : N-kind intuïtiever. De mixins zijn declaratief. Je kunt bijvoorbeeld schrijven @include first (3) om de eerste drie onderliggende elementen te selecteren en te schrijven @ opnemen tussen (2, 4) om de 2e tot de vierde kindelementen te selecteren.

EasyEngine

EasyEngine is een verzameling opdrachtregels waarmee u uw WordPress kunt configureren met tools en modules zoals Redis, Caching-plug-in en PageSpeed. Het maakt het opzetten van WordPress-server voor snelheid een koud kunstje.

Phinx

Phinx is een PHP-module voor databasebeheer en migratie. Het wordt geleverd met klassen en opdrachtregels waarmee u bijna elke databasebewerking kunt uitvoeren, zoals schrijven, downloaden en uploaden. Phinx Docs is een vindingrijke referentie om u te helpen aan de slag te gaan.

RichCSS

RichCSS is een CSS-framework dat een gezonde structuur biedt. Het raamwerk ordent netjes mappen, mappen en klassen op een pro-DRY manier waardoor het herbruikbaar is. Bovenop knoppen, lijsten en formulieren komt RichCSS ook met een eigen CLI die u kunt gebruiken om een nieuw Rich-project te starten, zoals Bower, Git en NPM.

Frend

Frend is een verzameling gemeenschappelijke webcomponenten. De collectie bestaat momenteel uit Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, en nog enkele in de volgende release. Frend kan een goed alternatief zijn voor de gebruikersinterface van jQuery.

FLA

Dit is een uitgebreid raamwerk voor het bouwen van een responsieve rasterlay-out met Flexbox.

PHP De juiste manier

PHP is een programmeertaal die gemakkelijk te leren is, maar je kunt ook gemakkelijk fout gaan met de codes en dit kan uiteindelijk de beveiliging en prestaties van je website in gevaar brengen. PHP op de juiste manier is een uitgebreide referentie om de best practices in PHP te leren.

Starability

Starability is een CSS-bibliotheek om een sterrensysteem te bouwen met fraaie geanimeerde feedback. De sterbeoordeling is gebouwd met toegankelijkheid in het achterhoofd; je kunt navigeren door en sterren toewijzen via het toetsenbord.

WaitAnimate

WaitAnimate is een handige webtool om een te berekenen “pauze” timing in een enkele CSS-animatie @keyframe. De “pauze”, als het goed is gedaan, kan de animatie boeiender worden - hier zijn enkele voorbeelden.