Свіжі сервіси і додатки для дизайнерів і розроблювачів

У цій статті ми розглянемо сервіси, додатки, плагіни, які дійсно допомагають розробнику і дизайнеру виконувати роботу швидше. Вже реалізовано багато бібліотек, які дозволяють не винаходити заново велосипед, а скористатися вже готовим рішенням, яке, до речі, є також більш надійним. Наприклад, навіщо писати з нуля галерею зображень, адже можна припуститися помилки, а потім витрачати час на її пошуки. Замість цього можна застосувати те, що вже готовим плагіном, який вже довів свою надійність і працездатність.

Відео: Які програми використовують Веб Дизайнери? Інструменти для промальовування веб сайтів. Уроки по дизайну

Також цікаві статті, де я розглядала інші корисні сервіси:

• 8 сервісів для оптимізації зображень
• Сервіси які повинен знати кожен веб-дизайнер
• конструктори сайтів
• Сервіси для дизайнерів і розробників за грудень

1. LiteIcon

Насправді це додаток, а не сервіс, але все ж хочеться мовити кілька слів про нього. LiteIcon порадує власників Mac OS. За допомогою цього додатка LiteIcon можна дуже легко змінити іконку будь-програми. Також можна змінити іконку не тільки будь-якої програми, але також іконку будь-якої папки, включаючи системні папки: системний файловий менеджер, корзина і іконки дисків. Для цього лише необхідно запустити додаток, перетягнути вподобану іконку, і все, готово.

2. Social Kit

Social Kit є плагіном для Photoshop, який дозволяє проектувати сторінки профілів з соціальних мереж. Кожен блок знаходиться на окремому шарі, що дуже зручно.

Даний модуль містить наступні шаблони профілів соціальних мереж: Facebook, Google, Twitter, Youtube і Social buttons.

3. Magnific Popup

Magnific Popup є jQuery плагіном для створення гнучких спливаючих діалогових вікон. Даний ефект можна застосовувати не тільки до якогось блоку, але також і для зображень або цілої галереї, відео з Youtube, карт Google Maps. Даний плагін добре працює на мобільних пристроях.

4. Story Engine

Story Engine є приголомшливим плагіном для створення інтерактивних і багатофункціональних тим, для публікації розповідей. За допомогою даного плагіна можна легко вставити інтерактивні елементи на сторінку. Ось повний перелік з 12 пунктів:

• Audio - висновок аудиоплеера;
• Video - висновок відео з підтримкою Kickstarter, Viddler, YouTube, Vimeo, Daily Motion і Blip.TV;
• Content - можна вивести фонове зображення, розбити контент за стовпцями як в газеті;
• Character - висновок зображень (або аватарок) персонажів, щоб нагадати читачам про ключові персонажах розповіді;
• Galleries - створення і управління численними галереями;
• Image - висновок зображень і заголовків зі спливаючими вікнами;
• Locations - дозволяє виводити маршрут персонажа з картою, додавати маркери і довільних повідомлення.
• Parallax - дозволяє виводити повноекранні зображення з заголовком;
• Quote - висновок повноекранних цитат з великим текстом
• Timeline - дуже зручний елемент, який висить в нижній частині і працює за аналогією з главами;
• Collections - завантаження PDF або зображення, яке відображається, коли користувач клацає по компоненту;
• Document Viewer - використовується на сторінці сайту і дозволяє відображати розповіді з певної колекції

5. Blueimp Gallery

Blueimp Gallery є також jQuery плагіном для створення відео-галерей і галерей складаються із зображень і спливаючих вікон. Він написаний на основі плагіна Swipe.js.

6. SpinKit

Spinkit являє собою набір індикаторів завантаження. Ви можете вибрати потрібний, натиснути на кнопку «Source», яка знаходиться вгорі і отримати готовий CSS і HTML код для вставки на ваш сайт. Індикатори написані на CSS3 за допомогою ключових кадрів «@keyframes». Але Ви можете зробити запасний варіант за допомогою javascript, для цього необхідно відвідати даний сайт за додатковими інструкціями.

Відео: Sketch app додаток для ефективної роботи дизайнера і розробника

7. Flatastic

Flatastic - це велика колекція елементів призначеного для користувача інтерфейсу мобільних додатків, таких як: календар, погода, кнопки, медіаплеєр, навігація і красиві іконки.