Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (veebruar 2015)

    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.