Uued ressursid veebidisaineritele ja arendajatele (veebruar 2015)
Pärast seda, kui teete seda rohkem kui aasta, on kõige keerulisem selle kuu ressursside vaiade kirjutamine disaineritele ja arendajatele sissejuhatus. Kuigi me oleme teemal, on siin teie 2015. aasta veebruari aruanne, mis sisaldab parimaid ja värskemaid ressursse veebiarendajatele, nagu sina.
Selles osas vaadeldakse erilist otsingumootor, et leida koodilõigud, väga leidlik viide probleemidele Flexboxi moodulis, arendamise vahendid, et paremini hallata värv, kirjatüüp ja kalded.
Gradient Animator
CSS3 Gradient võimaldab meil luua meie veebisaidil kujuteldamatu gradiendi, ilma et oleks vaja laadida pilte. Me võime isegi kombineerida selle CSS3 animatsiooniga, et anda rohkem mõjuvõimu. Aga kui kood on teie jaoks liiga palju, kasutage lihtsamat Gradient Animator'i marsruuti, et luua kena liidesega üks.
SVG Pocket Guide
SVG Pocket Guide on koostanud Joni Trythall. See on mugav viide, mis aitab teil SVG põhitõdesid (näiteks kujundada kujundeid ja teksti) kuni täpsemate funktsioonide (nt gradientide, lõikamisteede ja mustrite loomise) juurde. Raamat on saadaval Markdowni vormingus ja on saadaval inglise ja portugali keeles.
Flexbugs
Flexbox on väga paljutõotav uus moodul CSS3-s, mis muudaks need täielikult nii, nagu me ehitame veebiplaane. Kuid ka kaasas on oma brauseriga ühilduvad probleemid. See hoidla, Flexbugs, on nende vigade kogum ja nende lahendamiseks kasutatavad lahendused. See on väga kasulik ressurss kõigile, kes elavad veebi verejooksu serval.
Icono
See on hämmastav, mida me saame saavutada ainult CSS-iga, nagu luua täiesti esitlusvõimeline ikoon, kasutades vaid üht elementi. Icono on see raamatukogu, mis seda teeb. Selles raamatukogus leiad tuttavate ikoonide kogu, mis on tehtud ainult ühe elemendiga, ja CSS. Need ikoonid laaditakse kiiremini ja on rohkem kohandatavad kui pildipõhised ikoonid.
Dillinger
Dillinger on silmapaistev Markdowni toimetaja. Siin saate kirjutada Markdowni vormingus ja näha koheselt väljundit parempoolses vahekaardis. Teie mugavuse huvides võimaldab Dillinger oma tööd eksportida HTML-i, PDF-i või lihtsalt Markdowni failivormingus, kui olete seda teinud. Teise võimalusena saate selle ühendada ka kolmanda osapoole teenusega nagu Dropbox ja Github, kus saate faili salvestada.
HTML5Up
HTML5Up on tasuta HTML5-põhiste mallide kogum. Leiad mõned paigutused, mis vastavad erinevatele veebisaitidele: äri, portfell või lihtsalt lihtne blog. Kõik mallid on tundlikud, tagades, et sisu ja veebilehe paigutus on nauditav erinevates ekraanisuurustes.
CSS värvid
Kunagi ei tea, milline on konkreetne värv? CSS värvid näitab värvi nime, Hex- ja RGBA-vormingut põhivärvide kogumiseks. See on hea allikas, et leida oma veebisaitide jaoks täiuslik värvikombinatsioon.
Emmet Re-view
Re-view on Chrome'i laiendus, mis analüüsib teie veebisaiti @media
päringuid ja kuvab teie veebisaidi igas läviväärtuses @media
päring. Kui otsite tööriista, mis suudaks tundlike veebisaitide testimisel natuke aega säästa, on see vajalik tööriist.
TüüpGenius
Kui vaatate Google'i fondiraamatukogu, leiate palju erinevaid fonte erinevates nägudes, perekonnas, kehakaalu ja tüüpides. Seega võib õige paari või fondide kombinatsiooni valimine olla tõeline tohutu ülesanne. TüüpGenius teeb paaride valimise lihtsaks ja kiireks ning üldsusele võimalikuks.
Otsingukood
Nagu nimigi ütles, on see otsingumootor, mille abil otsitakse paljude programmeerimiskeelte, sh JavaScripti, C, PHP, koode või koodilõiget. See otsingumootor tuletab tulemuse paljudest allikatest, nagu Github, Bitbucket ja Google Code. See on raskete kooderite jaoks kohustuslik vahend.