Friss források a webes tervezők és fejlesztők számára (2015. április)
Hogy van az (barátságos emlékeztető) április bolond napja ebben az évben? Nos, a többiek számára, akik nem vagyunk csínyek, itt van a legfrissebb friss források a webes tervezők és fejlesztők számára.
Áprilisra számos nagyszerű alkalmazás van a termelékenység növelésére, egy olyan könyvtár, amely javítja a felhasználói élményt a nagy datalistákkal, a Photoshop kiterjesztéssel, amely időjárási widgeteket biztosít, és egy praktikus webes eszköz, amely a webes betűtípust tárolja.
CSS vonalzó
Számos egységmérés van CSS-ben; néhány rögzített, míg mások relatívak, mint például em
, rem
és ch
. CSS vonalzó egy eszköz, ahol vizuálisan hasonlíthatja össze az egységeket.
ResponsiveJP
ResponsiveJP számos, Japánból érkező weboldalt tartalmaz, főként a webes tervezők referenciaként, akik nehezen tudják kidolgozni a válaszadást a nem latin tipográfiai tartalom tekintetében. Segít abban, hogy nyújtsa a perspektívait, és belsejében megnézze a keleti web design trendeket is.
A Google Fonts alternatívája
Számos Google-szolgáltatás blokkolva van Kínában, beleértve a Google-betűtípust is - szinte biztos, hogy a Google-betűtípus nem fog megfelelően megjelenni Kínában. Ha azt szeretné, hogy a kínai betűkészletet a kínai szárazföldön szolgálhassa, mutasson a betűstíluslapra egy másik forrásra Useso, például:
// Google Font stíluslapok. // Másik link
Sok szerencsét és gyalogtúrást!
Muir ikonok
Muir ikonok az OS X Yosemite-nek megfelelő ikonok gyűjteménye. John Muir nevű természettudós és aktivista, aki segített megőrizni az eredeti Yosemite-t, igen, a nemzeti parkot az Egyesült Államokban. E írás időpontjában már három kötet van ezekből az ikonkészletekből. Mindegyik népszerű alkalmazásikonból áll, mint például az Adobe Creative Suites, Twitter, Sketch, Skype és SublimeText.
- Muir I. kötet
- Muir II. Kötet
- Muir III. Kötet
CouleursApp
A CouleursApp egy kis alkalmazás, amely lehetővé teszi, hogy a színeket a képernyőn bárhonnan vegye fel. Javítja a beépített Mac színválasztó alkalmazást. Számos színformátumot támogat, köztük a Hex és a Swift UIColor.
Kompatibilitás: OS X 10.10 vagy újabb
Időjárás
Időjárás ez egy Photoshop kiterjesztés hozzárendeli az időjárás widgeteket a Photoshop munkaterületéhez. Ez egy praktikus eszköz, amely segít eldönteni, hogy itt az ideje, hogy elhagyja az íróasztalt, és menjen kívül, hogy élvezze a szép időt.
Kompatibilitás: Photoshop CC
Awesomplete
Awesomplate egy JavaScript könyvtár, amely utánozza a HTML5-t elem. Hozzáadhat egy listát a javaslatok egy olyan bemeneti elemen belül, amely felhasználói típusként jelenik meg. Ez egy gyakorlati megközelítés a felhasználói élmény javítására, különösen akkor, ha egy nagy datalistával foglalkozik.
Kompatibilitás: IE9 +, Chrome, Firefox, Safari 5+, mobil Safari.
Noizio
Noizio egy természetes zajok gyűjteménye: a szél, az óceán és a zivatarok hangjai. Segíthet jobban összpontosítani a munkájára egy olyan nyugodt környezetben, amely lehetővé teszi, hogy leváljon a nyomás alatt álló munkahelyi légkör nyüzsgéséből. Legalábbis értem.
Kompatibilitás: OS X 10.8 vagy újabb
Hocus Focus
Ez az egyik azok számára, akik nehezen tudnak összpontosítani. A HocusFocus olyan alkalmazás, amely ügyesen elrejti az ablakokat és a munkaterületeket az OS X asztalon belül egy bizonyos ideig, és csak a leginkább használt ablakot (lapokat) fogja elrejteni. Hatékonyabbá teszi, megtisztítja az asztalról érkező zűrzavart és segít összpontosítani a munkájára.
Kompatibilitás: OS X 10.10 vagy újabb
PixelCounter
A PixelCounter számolja a képek pixeljeit. Csak húzza át a képet vagy a teljes könyvtárat az alkalmazásba, és az összes képpontot a JPEG, a PNG, a WebP, a GIF és az SVG képeken is felszámolja és felveszi. Most, ha csak olyan trendet kezdhetünk, ahol az ügyfeleket a pixelektől… hmm terheljük.
Kompatibilitás: OSX 10.8 vagy újabb, Windows 7 vagy újabb és Linux (Hamarosan)
UI Blurbs
Az UIBlurbs fiktív felhasználói profilt hoz létre, és tökéletes webalkalmazás az UIFaces és az UINames használatával együtt egy tervezési prototípus létrehozásához.
localFont
localFont egy weblap, amely javítja a web betűtípusok teljesítményét. A betűtípus húzásakor és.WOFF
, vagy .tTF
), kódolja és beágyazza a betűtípust a CSS-be. Néhány JavaScript-sort is generál, amely a felhasználó helyi tárolójában tárolja a betűtípust (olvassa el az előző bemutatónkat a Cookie és HTML5 helyi tároló használatáról).