Tuoreet resurssit web-suunnittelijoille ja kehittäjille (lokakuu 2012)

Joka kuukausi on kymmeniä ilmaisia ​​juttuja, jotka ovat hyvin anteliaita ihmisiä web-suunnittelussa ja web-kehitysyhteisössä. on lähes mahdotonta pysyä kaikkien näiden uusien juttujen kanssa. Sinun ei kuitenkaan pitäisi huolehtia; tässä viestissä olemme valinneet 10 hyödyllistä ”tavaraa” aina koodinpätkistä työkaluihin, kehyksiin ja laajennuksiin tehdä työstä ja elämästä web-suunnittelijoina ja kehittäjinä helpompaa.

Tarkistetaan ne.

Tutustu kaikkiin uusiin resursseihimme (kuukauden mukaan):

• Lokakuu 2012
• Marraskuu 2012
• Joulukuu 2012

introjakso

introjakso "CSS-pohjainen diaesitysjärjestelmä" on kehys, jonka on luonut Lea Verou (tunnetaan nimellä CSS-guru). Periaatteessa tämän kehyksen avulla voit luoda esityskalvoja HTML- ja CSS-verkostostandardeilla. Tämä diaesitys tukee pikanäppäimiä ←, →, ↓ ja ↑ selata dioja.

Jos teet CSS: n ja HTML: n, tämä kehys on mielestäni (parempi) korvaus korkealaatuisista ohjelmistoista, kuten MS PowerPointista.

BonsaiJS

Bonsai on kevyt JavaScript-graafinen kirjasto, jossa on intuitiivinen API. Voimme käyttää tätä kirjastoa piirtämään yksinkertaisia ​​muotoja, kuten suorakulmion, kolmion, ympyrän tai grafiikan, jolla on syvällinen monimutkaisuus. Tätä kirjastoa voidaan käyttää myös skaalautuvan vektorigrafiikan (SVG) toimittamiseen tukemattomille selaimille varmuuskopioina.

Lisäksi Bonsai tarjoaa myös muutamia ominaisuuksia, kuten animaatioita, tapahtumia ja suodattimia, jotta nämä grafiikat toimivat vuorovaikutteisemmin.

Reagoiva kuvio

Reagoivat kuviot ovat kokoelma kuvioita, joita voit käyttää vastaavan sivuston rakentamiseen. Tämä kokoelma sisältää joitakin esimerkkejä reagoivasta ulkoasusta ja navigoinnista muutamien muiden yleisten web-komponenttien, kuten kuvien, videoiden, taulukoiden ja lomakkeiden, reagoivien kuvioiden kanssa.

Effin-työkalut

Tämä on luultavasti kaikki mitä tarvitset sivustosi kehittämiseen. Effin Toolsets on kokoelma kymmeniä hyödyllisiä työkaluja web-kehittäjille, jotka on pakattu yhteen paikkaan.

Yksi tämän kokoelman työkaluista, jonka olen henkilökohtaisesti erittäin hyödyllinen, on Entifier, tämä työkalu muuttaa näitä merkkejä, < ja >, HTML-koodiin, niin että koodinpätkäsi muuttuu oikein

 tag.
 
 
Susy
 
Susy on kompassi, joka on kompassi. Kuten mikä tahansa muu reagoiva runkorakenne, se koostuu useista ennalta määritetyistä tyyleistä, mutta koska se on rakennettu Sassilla ja kompassilla, tämä kehys on paljon muokattavissa.
 
Susyn avulla voit muokata sarakkeen numeroa, sarakkeen leveyttä, viemäriverkkoa ja ruudukkoa, mikä tekee siitä oman verkkosivustosi sopivan ruudukon. Susy tekee kaiken kovan työn: laskeminen. Jos olet super-geek, joka nauttii työskentelystä Sassin ja Compassin kanssa, tämä laajennus on ehdottomasti sinulle.
 
 
Ääretön pudotusvalikko
 
Pudotusvalikko on yhteinen osa, jonka löysimme verkkosivuilla. Pudotusvalikosta luodaan ei kuitenkaan ole niin helppoa kuin se näyttää. Harry Roberts CSS Wizardry, on onneksi jakanut hänen “magic-koodi” luoda ääretön pudotusvalikko (joka on mahtava).
 
 
Bourbon Neat
 
Neat on herkkä runkorakenne, jonka avulla voit suorittaa helposti reagoivan verkkosivuston. Se on rakennettu Sassille ja Bourbonille, joka on kokoelma hyödyllisiä sekoja Sassille. Tämä kehys on Ruby-helmi, se voidaan asentaa terminaalin tai komentorivin kautta tähän komentoriviin helmi asentaa siisti.
 
 
Typicons
 
Kuvakkeille ei riitä. Typikonit ovat joukko fonttikuvioita, jotka koostuvat noin 88 merkistä. Voit lisätä nämä kuvakkeet @ Font-face sääntöjä ja soveltaa niitä sivustoosi CSS-pseudoelementeillä tai upota ne suoraan HTML-merkkinsä avulla.
 
Käyttämällä webfontia kuvakkeiden toimittamiseen, sinulla voi olla etuja, koska sinun ei tarvitse ottaa käyttöön CSS-spriteä ja säätää taustapaikan kuvakkeiden näyttämiseksi, korkean resoluution näyttö valmiiksi ja teknisesti se vähentää http-pyyntöjä ja kuluttaa pienempää kaistanleveyttä kuin bittikarttakuvakkeet.
 
 
annotator
 
Tämän kirjaston avulla voit lisätä kommentteja, tunnisteita ja merkintöjä Web-sisältöön ja AnnotateIt: n ohella voit tallentaa huomautuksesi ilmaiseksi.
 
 
Lentokenttä
 
Kun olet lentoasemalla, näet lennon tietokortin kääntämällä tekstiä sen yli. Tällä jQuery-liitännällä, Airportilla, pystymme luomaan saman filing-efektin.
 
 
johtopäätös
 
Kaikki tämä on tässä kuussa. Oletko kokeillut jotain näistä asioista? Kumpi on suosikkisi? Löysitkö muita viileitä juttuja web-suunnittelijoille / kehittäjille, jotka olimme jättäneet tähän luetteloon?.
 
Voit vapaasti jakaa ne alla olevaan kommenttikenttään, ja haluaisimme kuulla myös ajatuksesi.