Uued ressursid veebidisaineritele ja arendajatele (oktoober 2012)

Igal kuul on kümneid tasuta asju, mida jagavad väga suured inimesed veebidisaini ja veebiarenduse kogukonnas; see on peaaegu võimatu kursis kõigi nende uute asjadega. Siiski ei peaks te muretsema; selles postituses oleme valinud 10 kasulikku kraami, mis ulatuvad koodilõigetest kuni tööriistadeni, raamidesse kuni pluginateni muuta oma töö ja elu veebidisainerid ja arendajad lihtsamaks.

Vaatame need välja.

Kontrollige kõiki meie värskeid ressursse (kuu järgi):

• Oktoober 2012
• November 2012
• Detsember 2012

CSSS

CSSS "CSS-põhine slaidiseanssüsteem" on raamistik, mille on loonud Lea Verou (tuntud kui CSS guru). Sisuliselt võimaldab see raamistik luua esitlusslaidid HTML- ja CSS-veebistandarditega. See slaidiseanss toetab klaviatuuri otseteid ←, →, ↓ ja ↑ slaidide liikumiseks.

Kui teete CSS-i ja HTML-i, siis arvan, et see raamistik (parem) asendab kõrge hinnaga tarkvara nagu MS PowerPoint.

BonsaiJS

Bonsai on kerge JavaScript-graafika, millel on intuitiivne API. Selle raamatukogu abil saab joonistada lihtsaid kujundeid, näiteks ristkülikut, kolmnurka, ringi või sügava keerukusega graafikat. Seda teeki saab kasutada ka skaleeritava vektorgraafiku (SVG) edastamiseks toetamata brauserites varundamiseks.

Lisaks pakub Bonsai ka mõningaid funktsioone, sealhulgas animatsioone, sündmusi ja filtreid, et muuta need graafika interaktiivsemaks.

Reageeriv muster

Reageerivad mustrid on mustrite kogum, mida saate kasutada tundliku veebilehe loomiseks. See kogum sisaldab mõningaid näiteid reageeriva paigutuse ja navigeerimise kohta koos mõne muu tavapäraste veebikomponentide, näiteks piltide, video, tabelite ja vormide, vastavate mustritega.

Effini tööriistad

See on ilmselt kõik, mida vajate oma veebisaidi arendamiseks. Effin Toolsets on kogumik tosin kasulikku tööriista veebiarendajatele, mis on kõik ühes kohas pakitud.

Üks selle kollektsiooni vahenditest, mida ma isiklikult väga kasulik on, on Entifier, see tööriist muudab neid märke, < ja >, oma HTML-koodi, nii et teie koodilõik oleks õigesti sisestatud

 silt.
 
 
Susy
 
Susy on kompassile reageeriv võrk. Nagu iga teine ​​reageeriv võrgusüsteem, koosneb see mitmest eelnevalt määratletud stiilist, kuid kuna see on ehitatud Sass ja Compass'iga, on see raamistik palju konfigureeritavam.
 
Susy võimaldab teil kohandada veeru numbrit, veeru laiust, vihmaveetorude ja ruudukujulist polsterdamist, muutes selle oma veebisaidile sobiva võrku. Susy teeb kõvasti tööd: arvutus. Kui olete super-geek, kes naudib koostööd Sass ja Compassiga, on see laiendus kindlasti teie jaoks.
 
 
Lõpmatu rippmenüü
 
Rippmenüü on ühine komponent, mille me leidsime veebilehel. Kuid rippmenüü loomine ei ole nii lihtne kui tundub. Harry Roberts CSS Wizardry, on õnneks jaganud “maagiline kood” luua lõpmatu rippmenüü (mis on vinge).
 
 
Bourbon Neat
 
Neat on reageeriv grid raamistik, mis aitab teil kergesti reageerida veebisaidile. See on ehitatud Sassile ja Bourbonile, mis on Sassile kasulike segude kogum. See raamistik on Ruby pärl, seda saab selle käsurea abil installida terminali või käsurea kaudu pärl paigaldada puhas.
 
 
Tüüpikud
 
Ikoonidele ei piisa. Tüüpikonid on fontide ikoonide kogum, mis koosneb umbes 88 tähemärgist. Neid ikoone saab lisada @ font-face reeglina ja rakendage neid oma veebisaidile CSS pseudo-elementidega või kinnitage need otse oma HTML-märgiga.
 
Kasutades veebikontot oma ikoonide edastamiseks, võib teil olla eelis, et CSS-i sprite ei ole vaja kasutada ning taustapositsiooni kohandamine ikoonide kuvamiseks, kõrge eraldusvõimega ekraan on valmis ja tehniliselt vähendab see http-päringuid ja tarbib väiksemat ribalaiust kui bitmap-ikoonid.
 
 
Annotator
 
See raamatukogu võimaldab teil lisada oma veebisisule kommentaare, silte ja märkusi ning koos AnnotateIt-ga saate märkmeid tasuta salvestada.
 
 
Lennujaam
 
Kui olete lennujaamas, näed lennuki infotahvlil flipping teksti kogu peal. Selle jQuery pluginaga, Airport'iga, saame luua sama tekstivaate efekti.
 
 
Järeldus
 
See on kõik selle kuu jaoks. Kas oled proovinud mõnda neist asjadest? Kumb neist on teie lemmik? Kas leidsite veebi disaineritele / arendajatele muid lahedaid asju, mida me selles nimekirjas jätsime?.
 
Võite jagada neid allpool olevas kommentaarikastis, ja me tahaksime kuulda ka teie mõtteid.