Свіжі ресурси для веб-дизайнерів і розробників (квітень 2015 р.)
Як ваш (дружній нагадування) День першого квітня цього року? Ну, а для решти нас, хто не входить у витівки, ось останній внесок свіжих ресурсів для веб-дизайнерів і розробників.
У квітні у нас є багато чудових програм для підвищення продуктивності, бібліотека, яка покращує роботу користувачів з великими даними, розширення Photoshop, яке дає вам віджети погоди, і зручний веб-інструмент, який кешує веб-шрифти.
CSS Ruler
Існує ряд одиничних вимірювань в CSS; деякі фіксовані, тоді як деякі інші відносні, такі як em
, rem
і гл
. CSS Ruler є інструментом, за допомогою якого можна візуально порівняти масштаб пристрою один з одним.
ResponsiveJP
ResponsiveJP має декілька адаптивних веб-сайтів з Японії, головним чином, як довідник для веб-дизайнерів, яким важко розробляти чуйність, коли мова йде про нелатинське друкарське наповнення. Це допоможе вам розтягнути вашу перспективу і отримати внутрішній погляд на східні тенденції веб-дизайну.
Альтернативні шрифти Google
Багато служб Google заблоковані в Китаї, Google Font включений - майже впевнено, що Google Font не буде правильно відображатися в Китаї. Якщо ви бажаєте розмістити колекцію шрифтів Google у материковій частині Китаю, наведіть таблицю стилів шрифту на альтернативне джерело з Useso, наприклад:
// Таблиці стилів Google. // Альтернативна посилання
Удачі і благополуччя!
Muir ікон
Muir ікон являє собою набір іконок, призначених для відповідності OS X Yosemite. Названий на честь Джона Муїра, натураліста і активіста, який допомагав зберегти оригінальний Йосеміті, так, цей національний парк у США. Кожен з них складається з популярних значків програм, таких як Adobe Creative Suites, Twitter, Sketch, Skype і SublimeText.
- Muir Volume I
- Муйр Том II
- Muir Том III
CouleursApp
CouleursApp це невелика програма, яка дозволяє підбирати кольори в будь-якому місці екрану. Це покращує вбудований додаток вибору кольору Mac. Він підтримує ряд кольорових форматів, включаючи Hex і UIColor Swift.
Сумісність: OS X 10.10 або вище
Погода
Погода це розширення Photoshop додає віджети погоди на робочу область Photoshop. Це зручний інструмент, який допоможе вам вирішити, чи прийшов час залишити свій стіл і вийти на вулицю, щоб насолодитися гарною погодою.
Сумісність: Photoshop CC
Awesomplete
Неймовірно - це бібліотека JavaScript, яка імітує HTML5 елемент. Ви можете додати список пропозицій у елемент вводу, який відображатиметься як типи користувачів. Це практичний підхід до поліпшення роботи користувачів, особливо при роботі з великим даталістом.
Сумісність: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio це додаток з колекцією природних шумів: звуки вітру, океану і грози. Це може допомогти вам краще зосередитися на своїй роботі, забезпечивши спокійну обстановку, яка дозволить вам відірватися від суєти робочої атмосфери під тиском. Принаймні, це зробило для мене.
Сумісність: OS X 10.8 або вище
Фокус Hocus
Це одна для тих, кому важко зосередитися. HocusFocus це програма, яка розумно ховає вікна та робочі області у вашому робочому столі OS X протягом певного періоду часу, залишаючи лише вікна, які ви використовуєте. Це робить вас більш ефективним, очищує безлад від робочого столу і допомагає зосередитися на роботі.
Сумісність: OS X 10.10 або вище
PixelCounter
PixelCounter підраховує пікселі зображень. Просто перетягніть зображення або весь каталог вашого проекту до програми, і він буде враховувати і додавати всі пікселі у зображеннях JPEG, PNG, WebP, GIF і навіть SVG. Тепер, якщо ми можемо тільки почати тренд, коли ми заряджаємо клієнтів за пікселями… хм.
Сумісність: OSX 10.8 або вище, Windows 7 або вище, і Linux (скоро)
UI Blurbs
UIBlurbs генерує фіктивний профіль користувача і є ідеальним веб-програмою для використання в тандемі з UIFaces і UINames для створення прототипу дизайну.
локальний
локальний це веб-додаток, що покращує продуктивність веб-шрифтів. Під час перетягування шрифту (.woff
, або .ttf
), він буде кодувати і вбудовувати шрифт у CSS. Він також генерує кілька рядків JavaScript, які будуть кешувати шрифт у локальній книзі користувача (прочитайте наш попередній підручник про використання Cookie & HTML5 localStorage).