Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2015 m. Balandžio mėn.)
Kaip jūsų (draugiškas priminimas) šių metų balandis? Na, kitiems mums, kurie nėra į šurmulius, čia yra naujausių internetinių dizainerių ir kūrėjų išteklių dalis.
Balandžio mėnesį mes turime daug puikių programų, skirtų produktyvumui padidinti, biblioteka, kuri pagerina naudotojų patirtį su dideliu datalistu, Photoshop plėtiniu, kuris suteikia jums orų valdiklius, ir patogų žiniatinklio įrankį, kuris talpina žiniatinklio šriftą.
CSS valdovas
CSS yra daug matavimo vienetų; kelios yra fiksuotos, o kai kurios kitos yra santykinės, pvz em
, rem
ir ch
. CSS valdovas yra įrankis, kuriame galite vizualiai palyginti vienetus skalėje.
AtsakingasJP
AtsakingasJP jame yra nemažai atsakingų tinklalapių iš Japonijos, daugiausia kaip žiniatinklio dizainerių nuoroda, kuriai sunku išsiaiškinti reagavimą, kai kalbama ne apie lotynišką tipografinį turinį. Tai padeda jums ištiesti savo perspektyvą ir pažiūrėti į rytų interneto dizaino tendencijas.
„Google“ šriftų alternatyva
Daugelis „Google“ paslaugų yra užblokuotos Kinijoje, įskaitant „Google“ šriftą - beveik neabejotina, kad „Google“ šriftas Kinijoje nebus tinkamai rodomas. Jei norite aptarnauti „Google“ šrifto kolekciją Kinijos žemyne, nukreipkite šriftų stiliaus lapą į kitą šaltinį Useso, pavyzdžiui:
// „Google“ šriftų stilių lentelės. // Alternatyvi nuoroda
Sėkmės ir greitis!
„Muir“ piktogramos
„Muir“ piktogramos yra piktogramų rinkinys, skirtas suderinti OS X Yosemite. Pavadintas Johnas Muiras, gamtininkas ir aktyvistas, kuris padėjo išsaugoti originalų Yosemite, taip, tą nacionalinį parką JAV. Šio rašymo metu jau yra išleista 3 šių piktogramų rinkinių. Kiekvieną iš jų sudaro populiarios programų piktogramos, tokios kaip „Adobe Creative Suites“, „Twitter“, „Sketch“, „Skype“ ir „SublimeText“.
- Muir I tomas
- Muir II tomas
- Muir III tomas
CouleursApp
„CouleursApp“ yra maža programa, leidžianti pasiimti spalvas bet kurioje ekrano vietoje. Jis pagerina integruotą „Mac“ spalvų parinkiklio programą. Jis palaiko keletą spalvų formatų, įskaitant „Hex“ ir „Swift“ UIColor.
Suderinamumas: OS X 10.10 arba naujesnė versija
Orai
Orai tai yra „Photoshop“ plėtinys prideda orų valdiklius prie „Photoshop“ darbo vietos. Tai patogus įrankis, padedantis jums nuspręsti, ar atėjo laikas palikti savo stalą ir išeiti į lauką.
Suderinamumas: Photoshop CC
Išsamus
Awesomplate yra „JavaScript“ biblioteka, kuri imituoja HTML5 elementas. Į įvesties elementą galite įtraukti pasiūlymų sąrašą, kuris bus rodomas kaip naudotojų tipai. Tai yra praktinis požiūris į vartotojų patirties gerinimą, ypač kai kalbama apie didelį datalistą.
Suderinamumas: „IE9 +“, „Chrome“, „Firefox“, „Safari 5+“, „Mobile Safari“.
Noizio
Noizio yra programa su natūralių triukšmų rinkiniu: vėjo, vandenyno ir griaustinių garsai. Tai gali padėti jums geriau susikoncentruoti į savo darbą, suteikiant ramią aplinką, kuri leidžia jums atsikratyti spaudimo ir darbo atmosferos šurmulio. Bent jau tai padarė man.
Suderinamumas: OS X 10.8 ar naujesnė versija
„Hocus Focus“
Tai yra tiems, kuriems sunku sutelkti dėmesį. „HocusFocus“ yra programa, kuri tam tikrą laiką sumaniai slepia jūsų OS X darbastalio langus ir darbo vietas, paliekant tik tą langą (-us), kurį (-iuos) naudojate labiausiai. Tai leidžia jums efektyviau, išvalo netvarką iš darbalaukio ir padeda jums sutelkti dėmesį į savo darbą.
Suderinamumas: OS X 10.10 arba naujesnė versija
PixelCounter
„PixelCounter“ skaičiuoja jūsų atvaizdų pikselius. Tiesiog vilkite ir nuvilkite vaizdą ar visą savo projekto katalogą į programą, ir ji suskaičiuos ir pridės visus jūsų JPEG, PNG, WebP, GIF ir net SVG vaizdų taškus. Dabar, jei mes galėtume pradėti tik tokią tendenciją, kai klientams imame mokėti taškus… hmm.
Suderinamumas: OSX 10.8 ar naujesnė versija, „Windows 7“ arba naujesnė versija ir „Linux“ („Coming Soon“)
UI Blurbs
„UIBlurbs“ sukuria fiktyvų vartotojo profilį ir yra puiki žiniatinklio programa, naudojama kartu su „UIFaces“ ir „UINames“, kad sukurtų dizaino prototipą.
localFont
localFont yra žiniatinklio rinkinys, kuris pagerina žiniatinklio šrifto našumą. Vilkdami ir nuleidžiant šriftą (.atsipalaiduoti
, arba .ttf
), jis koduoja ir įterpia šriftą į CSS. Ji taip pat sukuria kelias „JavaScript“ eilutes, kurios talpina šriftą naudotojo vietiniame saugykloje (perskaitykite ankstesnę pamoką apie „Cookie & HTML5 localStorage“ naudojimą).