Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2015 m. Vasario mėn.)

Po to, kai tai padarysite daugiau nei metus, sunkiausia apie tai, kad šį mėnesinį resursų krūvą būtų galima parašyti dizaineriams ir kūrėjams, yra įvadas. Nors mes šiuo klausimu, čia jūsų 2015 m. Vasario mėn.

Šioje įmokoje mes ieškome ypatingo paieškos sistema, kad surastų kodo fragmentus, labai išradingas nuoroda į Flexbox modulio problemas, ir plėtros priemones, skirtas geresniam spalvos, šrifto ir gradientų.

Gradiento animatorius

CSS3 gradientas leidžia mūsų tinklalapyje sukurti beprasmiškus nuolydžius be jokio vaizdo įkėlimo. Mes galime netgi sujungti jį su CSS3 animacija, kad galėtume suteikti daugiau įtikinamų efektų. Bet jei kodas yra per daug, naudokite paprastesnį „Gradient Animator“ maršrutą, jei norite sukurti vieną su gražia sąsaja.

SVG Pocket Guide

SVG Pocket Guide parengė Joni Trythall. Tai patogi nuoroda, kuri padės jums atlikti SVG pagrindus (pvz., Formuoti formas ir tekstą) iki pat pažangesnių funkcijų (pvz., Gradientų kūrimas, kirtimo takai ir modeliai). Knyga ateina į „Markdown“ formatą ir pateikiama anglų ir portugalų kalbomis.

Flexbugs

„Flexbox“ yra labai perspektyvus naujas modulis CSS3, kuris visiškai pakeis juos taip, kaip statome žiniatinklio maketus. Tačiau ji taip pat ateina su savo naršyklės suderinamumo problemomis. Ši saugykla, Flexbugs, yra šių klaidų rinkinys ir jų šalinimo problemos. Tai labai naudingas išteklius tiems, kurie gyvena ant kraujavimo krašto.

Icono

Tai nuostabi, ką galime pasiekti tik su CSS, kaip sukurti visiškai reprezentatyvią piktogramą, naudojant tik vieną elementą. Icono tai biblioteka, kuri tai daro. Šioje bibliotekoje rasite pažįstamų piktogramų rinkinį, kuris yra sudarytas tik su vienu elementu, ir CSS. Šios piktogramos bus įkeliamos greičiau ir yra labiau pritaikomos nei vaizdais pagrįstos piktogramos.

Dillinger

Dillinger yra patrauklus „Markdown“ redaktorius. Čia galite rašyti „Markdown“ formatu ir iš karto matyti išvestį dešinėje pusėje. Jūsų patogumui „Dillinger“ leidžia eksportuoti savo darbą į HTML, PDF arba tiesiog „Markdown“ failo formatu, kai tik atliksite. Taip pat galite jį prijungti prie trečiosios šalies paslaugos, pvz., „Dropbox“ ir „Github“, kur galite išsaugoti failą.

HTML5Up

HTML5Up yra nemokama HTML5 šablonų kolekcija. Galite rasti keletą maketų, kurie patenkina įvairių tipų svetaines: verslą, portfelį ar tiesiog paprastą dienoraštį. Visi šablonai reaguoja ir užtikrina, kad turinys ir svetainės išdėstymas būtų malonūs įvairiuose ekrano dydžiuose.

CSS spalvos

Niekada nenuostabu, kokia yra konkreti spalva? CSS spalvos rodo spalvų pavadinimą, Hex ir RGBA formatą pagrindinių spalvų rinkiniui. Tai geras šaltinis, kad surastumėte tobulą savo svetainių spalvų derinį.

„Emmet Re-view“

Peržiūra yra „Chrome“ plėtinys, kuris analizuoja jūsų svetainę @media užklausas ir parodo jūsų svetainę kiekviename iš kiekvienoje nurodytoje taške @media užklausa. Jei ieškote įrankio, kuris galėtų sutaupyti šiek tiek laiko, kai bandote atsakingas svetaines, tai jums reikia.

TipasGenius

Jei pažvelgsite į „Google“ šrifto biblioteką, rasite daug įvairių šriftų įvairiais veidais, šeima, svoriu ir tipais. Taigi, pasirinkus tinkamą porą ar šriftų derinį, tai galėtų būti tikra didžiulė užduotis. TipasGenius leidžia pasirinkti paprastą ir greitą šriftų porų skaičių visai visuomenei.

Paieškos kodas

Kaip minėta pavadinime, tai yra paieškos sistema, kurioje ieškoma kodų ar kodo fragmentų iš daugelio programavimo kalbų, įskaitant „JavaScript“, „C“, „PHP“. Ši paieškos sistema bus gauta iš daugelio šaltinių, tokių kaip „Github“, „Bitbucket“ ir „Google“ kodas. Tai yra neabejotinas įrankis sunkiesiems koduotojams.