Sveži viri za spletne oblikovalce in razvijalce (avgust 2016)

V tem članku predstavljamo okvire s seznamom in orodja, ki so usmerjen v razvoj spletnih strani. Zanimivo je, da sem našel nekaj teh orodij in okvirov, ki prihajajo iz velikih družb, kot sta Microsoft in Alibaba.

To je dober znak, saj več podjetij zdaj prispeva k odprtokodnemu in pomaga pri oblikovanju boljšega spleta. Oglejmo si, kaj je na zalogi za kompilacijo tega meseca.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

CuteStrap

Okvir uporabniškega vmesnika, zgrajen na vrhu Sassa. Na voljo je z vsemi najpogostejšimi spletnimi vmesniki, kot so oblike, navigacije in gumbi, kar bi moralo v mnogih primerih zadostovati. Če najdete priljubljene okvire, kot so Bootstrap in Foundation preobsežni, Cutestrap je lahko odlična alternativa za vas.

Test HTML5

Test HTML5 je spletno orodje, ki bo preverilo, v kolikšni meri brskalnik podpira najnovejše specifikacije HTML5. To je priročno orodje za tiste, ki sodelujejo pri odpravljanju napak in testiranju sodobnih spletnih aplikacij.

Kalorije brskalnika

Kalorije brskalnika je razširitev za Chrome, ki meri težo spletne strani. Pregleduje naložene datoteke in njihov prispevek k skupni teži strani. Odlično majhno orodje, ki vam pomaga optimizirati učinkovitost vašega spletnega mesta.

Weex

Weex je okvir iz Alibabe za izgradnjo mobilnih aplikacij s samo HTML, CSS in JavaScript. Na voljo je z moduli, komponentami uporabniškega vmesnika, lastnimi DevTools in CLI, ki je zasnovana za mobilno okolje in pospešuje razvoj.

Microsoftov spletni okvir (MWF)

Okvir Microsofta, komponente uporabniškega vmesnika v MWF je zgrajen na osnovi sodobnega oblikovalskega jezika Microsoft: ravno, čisto in minimalistično. Ta okvir, poleg komponent uporabniškega vmesnika, daje tudi navodila za uporabo barv, tipografije in animacije. Mislim, da je Material Design Lite končno dosegel enako konkurenco.

Vital

Vital je okvir z zelo prijetnim minimalnim vmesnikom. Je lahek, nima JavaScripta, in izvirno Rogue - sintaksni slog, ki temelji na Ruby.

Fontea

Fontea je brezplačna razširitev za Photoshop, ki omogoča preprosto upravljanje in uporabo stotine pisav Google. Piškotke lahko iščete v notranjosti Photoshopa, predogled in pisavo uporabite neposredno v svojem dizajnu - racionalizirate delovni tok.

Rosenje

To je orodje, ki vam omogoča, da zgradite vzorce uporabniškega vmesnika ali vodnik po slogu za vaše spletno mesto. Ustvaril bo stvari, kot so barve, osnovni slogi ali postavitev komponent, kot tudi odrezek kode. Generator vodnika po slogu Rosenje vam bo omogočilo, da ostanete skladni s stili vaše spletne strani.

InterCooler

InterCoolerJS je knjižnica JavaScript, ki omogoča uporabo AJAX-a na vaši spletni strani tako enostavno kot dodajanje atributov HTML. Na voljo je obsežen vodnik in veliko primerov, ki vam bodo pomagali začeti uporabljati orodje.

Picla

Picla je vtičnik jQuery, ki prikazuje slikovne nalepke, pridobljene iz slike alt atribut. Zagotavlja nekaj možnosti, ki vam omogočajo, da dodate nalepko po meri in gibanje. Picla lahko namestite kot odvisnost spletnega mesta s programom Bower.

IziModal

Tukaj je prikazan vtičnik jQuery modal pojavna okna. IziModal ima veliko možnosti za personalizacijo. Lahko na primer prilagodite animacijo, vsebino besedila, barve. Je lahek, odziven in pripravljen na mrežnico.

MegaBoilerplate

MegaBoilerplate je generator za hitro postavitev razvojnega niza. Pojdite na spletno mesto in izberite, katera orodja in knjižnice (Node.js, HTML5, Vanilla JavaScript in Electron) boste uporabljali kot osnovo spletnega mesta. Združil bo in konfiguriral vse stvari, ki jih potrebujete, v zipovskem paketu, pripravljenem za prenos.

Howler

Knjižnica JavaScript za prikaz modernega avdio predvajalnika s pomočjo API-ja za Web Audio, Howler deluje v brskalnikih starih kot IE9 in podpira številne avdio kodeke, kot so MP3, WEBM, WAV. Veliko funkcij, modularnih in deluje brez zunanje knjižnice.

SuperEmbed

SuperEmbed je majhna knjižnica JavaScript, ki omogoča odzivnost vdelanih predmetov, hkrati pa ohranja prvotno razmerje. Podpira široko paleto virov, vključno z Youtube, Flickr, Vine, VideoPress in DailyMotion. Oglejte si demo.

CleaveJS

Cleave je knjižnica JavaScript, ki samodejno oblikuje vrednosti v vnosu. Lahko na primer doda ločilo tisoč v vnosu valute, doda presledek v vnosu številke kreditne kartice ali doda / v vnosu datuma. S to knjižnico uporabite boljšo uporabniško izkušnjo.

Flipping Tipično

FlippingTipično omogoča ogled vseh pisav, nameščenih v sistemu. Ta aplikacija je bolj primerna kot uporaba FontBook app v macOS. Vnesem naključno besedilo in vidim, katere pisave v mojem sistemu izgledajo najbolje.

LightTable

Nov IDE, za katerega mislim, da ga je vredno raziskati. Začelo se je kot projekt KickStarter, ki ga je podprl Matt Mullenweg (ustanovitelj WordPressa) in končno odšel z odprto kodo. Videoposnetek si lahko ogledate, da dobite idejo o tem, kako kul je ta IDE.

Kompresor

Kompresor je spletna aplikacija, ki stisne slikovne datoteke do najmanjše velikosti brez izgube vizualne kakovosti. Podpira tudi JPG, GIF, PNG in SVG. Ta aplikacija je brezplačna.

Skeniranje Microsoftovega spletnega mesta

To je priročno orodje Microsofta za analizo vašega spletnega mesta zaradi težav, kot so združljivost brskalnikov in dostopnost. Orodje prikaže poročilo, ki vam pove, če kaj ni v redu z vašo spletno stranjo in kako lahko nadaljujete z obravnavanjem te težave. Poskusi!

Onemogoči Blogging

Ta vtičnik bo, kot že ime pove, odstranil funkcije za objavljanje spletnih dnevnikov, kot so objave, komentarji in viri. To je pravi plugin za vas, če ne potrebujete funkcijo blogging v WordPress.