Полезные ссылки для веб-разработчиков

Собираю библиотеку полезных ссылок для веб-джентельменов: дизайнеров, верстальщиков, копирайтеров и господ сеошников

Дизайнеру

Разработчику

  • Удобный инструмент определения каких габаритов в пикселях сейчас экран моего браузера. Супер удобно!
  • Долгожданый кириллистический сайт по шрифтам!
  • Онлайн подборка, сравнение и настройка шрифтов для сайта
  • WYSIWYG-редактор , который может быть использован на веб-страницах
  • Большая база скриптов scriptscale.com
  • Посмотреть, как будет выглядеть сайт в разных разрешениях и девайсах на quirktools.com
  • Крутые темы и эффекты с SVG элементами, с вёрсткой на tympanus.net
  • SB-Placer — модуль подмены контента в зависимости от источника
  • Sourcebuster JS — скрипт определения
    источников посетителей сайта
  • Наглядный справочник по CSS
  • WebReference — справочники по различным веб-технологиям, руководства по вёрстке и разработке мобильных приложений
  • Символ рубля на вашем сайте — ₽

Копирайтеру

  • Синтаксис современного русского языка. Учебник Валгиной Н.С. я считаю должен быть настольной книгой копирайтера и не только =)
  • Типограф Лебедева. Его аналог www.typograf.ru
  • Информационный стиль и редактура. О том как писать сильные информационные и лаконичные текста. Рекомендую ознакомиться с вводным видео всем.
  • Advego Plagiatus — проверка уникальности текста
  • Главред — помогает очистить текст от мусора
  • Орфограммка — это интеллектуальный веб-сервис проверки орфографии, грамматики, пунктуации и стилистики. Всего за несколько минут система проверит ваш текст на ошибки и расскажет об их происхождении.
  • Скрипты для тех, кто работает с текстом и кодом

Для вдохновления

Для самообразования

  • Для SMM-щиков ваенгую лучший ресурс likeni.ru
  • Ежедневно слушаю по 1-2 подкаста «Рунетология»
  • Крупнейшая подборка информационных каналов на SEOPult.tv
  • Телевидение об интернет-маркетинге MegaIndex
  • Отборные материалы о дизайне, seo, wordpress на fleek.org
  • Онлайн-журнал для профессиональных веб-дизайнеров и разработчиков coolwebmasters.com
  • Etoday: интернет-журнал новостей мира и лучших фото
  • Megaplan: статьи о предпринимательстве, личной эффективности, инструментах управления, работе в офисе и вне его
  • Забугорский онлайн-журнал для вдохновления дизайнеров и разработчиков cssauthor.com

Для презентаций

Дополнение:

1. freebbble.com
Бесплатные элементы дизайна из Dribbble.

2. dribbble.com
Поиск по Dribbble с запросом “freebie”. Бесценно!

3. graphicburger.com
Привлекательные работы, сделанные с заботой о каждом пикселе.

4. pixelbuddha.net
Бесплатные и премиум работы для профессионального сообщества.

5. wearebridge.co
Работы в стиле материального дизайна на основе руководства от
Google.

6. premiumpixels.com
Бесплатные работы для творческих ребят.

7. fribbble.com
Бесплатные работы формата PSD от пользователей сайта Dribbble.

8. freebiesbug.com
Свежие бесплатные работы для дизайнеров.

9. 365psd.com
Скачивайте бесплатный psd каждый день.

10. dbfreebies.co
Лучшие бесплатные работы с сайтов Dribbble и Behance.

11. uispace.net
Высококачественные работы для крутых людей.

12. pixeden.com/free-design-web-re…
Бесплатные работы.

13. creativemarket.com/free-goods
Свежие бесплатные работы по понедельникам.

16. freepik.com
Графические элементы для каждого.

17. techandall.com
Бесплатные работы, новости и прочая информация.

18. invisionapp.com/tethr
Самый красивый комплект элементов дизайна для iOS.

Более 200 ресурсов для дизайнеров и front-end-разработчиков

полезные ссылки дизайнеру копирайтеру разработчику… добавляйте остальные в этот джентельменский набор в комментариях ниже

  PS Памятка редакторам и дизайнерам от РИА Новости (картинка кликабельна): Рекомендации по оформлению текстов

  • Борис

    Крута! Давно было пора сделать подобный раздел!
    Буду наблюдать за обновлениями!

  • А мегаплан эрэмгэшный ещё фунциклирует? У нас же там тоже полезные ссылки были.

  • Шрифт знака рубля rouble.otf
    http://abali.ru/?p=656

  • Blind Text Generator — генератор текста-рыбы
    Random User Generator — генератор случайных пользователей
    User Inter Faces — генератор аватарок для вашего проекта
    CSS3Ps — конвертер из PSD в CSS
    Prepros — компиляция, сжатие, оптимизация и еще куча всего — все возможности смотрите на сайте
    Webflow — drag & drop редактор для создания респонсивных сайтов
    html2pdf — конвертер веб-страниц в PDF-формат
    Less2CSS — конвертер из Less в CSS
    Trackduck — рецензирование веб-страниц (полезно для фрилансеров)
    NinjaMock — неплохой инструмент для прототипирования
    Moqups — еще один инструмент для прототипирования
    Sache — коллекция Sass и Compass расширений
    Web Developer Checklist — проверьте все пункты чек-листа перед запуском своего проекта
    Live Tools — 4 инструмента: генератор кнопок, форм, лент на чистом CSS, а также редактор иконок
    Glyphter — создание своего иконочного шрифта
    Pics.IO — онлайн фоторедактор
    Safarizator — вставка вашего дизайн-макета в окно браузера Safari
    PlaceIt — еще один сервис для генерации превью ваших работ
    TinyPNG — сжатие изображений в формате PNG
    BrowserShots — тестируем сайт в самых различных браузерах
    Golden Ratio Typography Calculator — расчет оптимального размера шрифта на основе золотого сечения
    CSS Arrow please — генерация блока со стрелкой (тултипа) на чистом CSS
    Lavish — генератор цветовых схем для Bootstrap на основе пользовательского изображения
    Favicon Generator — генератор кросплатформенной favicon
    HTML5 Please — статистика по поддержке фич HTML5 в различных браузерах
    Pictaculous — генератор цветовой схемы на основе загруженного изображения
    JSON Generator — генератор большого объема нужных данных в json-формате
    Codio — онлайн-IDE для полноценной разработки любых проектов, связанных с веб-технологиями
    CSS Hexagon Generator — генератор CSS-шестиугольника
    StyleStats — исчерпывающая статистика о CSS-файле

  • http://mockerie.io/ мокапы, пока бесплатные

  • http://codepen.io/sdras/pen/LEorev классная анимированная форма отправки

  • 1. freebbble.com
    Бесплатные элементы дизайна из Dribbble.

    2. dribbble.com
    Поиск по Dribbble с запросом “freebie”. Бесценно!

    3. graphicburger.com
    Привлекательные работы, сделанные с заботой о каждом пикселе.

    4. pixelbuddha.net
    Бесплатные и премиум работы для профессионального сообщества.

    5. wearebridge.co
    Работы в стиле материального дизайна на основе руководства от
    Google.

    6. premiumpixels.com
    Бесплатные работы для творческих ребят.

    7. fribbble.com
    Бесплатные работы формата PSD от пользователей сайта Dribbble.

    8. freebiesbug.com
    Свежие бесплатные работы для дизайнеров.

    9. 365psd.com
    Скачивайте бесплатный psd каждый день.

    10. dbfreebies.co
    Лучшие бесплатные работы с сайтов Dribbble и Behance.

    11. uispace.net
    Высококачественные работы для крутых людей.

    12. pixeden.com/free-design-web-resources
    Бесплатные работы.

    13. creativemarket.com/free-goods
    Свежие бесплатные работы по понедельникам.

    14. teehanlax.com/tools/iphone
    Интерфейс iOS 8 в формате PSD (iPhone 6).

    15. teehanlax.com/tools/ipad
    Интерфейс iPad в формате PSD.

    16. freepik.com
    Графические элементы для каждого.

    17. techandall.com
    Бесплатные работы, новости и прочая информация.

    18. invisionapp.com/tethr
    Самый красивый комплект элементов дизайна для iOS.

  • Пиксель Артович

    http://artgorbunov.ru/bb/soviet/20120116/ как и в чём делать фавиконки

  • https://codyhouse.co/gem/horizontal-timeline/ горизонтальный таймлайн

  • крутой плагин для blur эффекта фотографий!
    http://msurguy.github.io/background-blur/?ref=webdesignernews.com