В помощь каждому

Голосование

Есть идея улучшить тему, ВАЖНО ваше мнение

Все ресурсы из топиков переносить в шапку темы (топики НЕ удаляю)
7 (58.3%)
Все ресурсы из топиков переносить в шапку темы( топики удалять чтобы тема не растягивалась)
4 (33.3%)
Оставить всё как есть - каждый топик - новая ссылка
1 (8.3%)

Всего голосов: 12

Голосование закончилось: 24-10-2015, 20:10:24

Автор Тема: В помощь каждому  (Прочитано 19184 раз)

Оффлайн derzaiiiАвтор темы

  • Модератор
  • Бизнес оценка: (1, 100%)
  • *****
  • СПАСИБО: 287
  • Сообщений: 457
  • Карма: 73
  • Пол: Мужской
  • Все в жизни относительно.
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Создание и обслуживание сайтов на Modx

Оффлайн derzaiiiАвтор темы

  • Модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (1, 100%)
    • СПАСИБО: 287
    • Сообщений: 457
    • Карма: 73
    • Пол: Мужской
    • Все в жизни относительно.
    • Награды КМС поисковой оптимизации
      • Просмотр профиля
      • Создание и обслуживание сайтов на Modx
В помощь каждому
« : 05-10-2015, 15:05:02 »
20
Решил открыть такую тему где будет подборка ссылок на полезные и важные ресурсы которые в той или иной степени помогают в вёрстке.

Теперь все ссылки которые будут в постах я буду переносить в шапку.

Онлайн справочник HTML/CSS
(нажмите чтобы показать/скрыть)

CSS3 hover effects
(нажмите чтобы показать/скрыть)

Cайт с шрифтами (полезно если нет подходящего шрифта в https://www.google.com/fonts/) -
(нажмите чтобы показать/скрыть)

Интересности на html5/css3 -
(нажмите чтобы показать/скрыть)

Буржуйский сайт показывающий поддерживает ли браузер нужное для вас css свойство или нужно использовать префиксы
(нажмите чтобы показать/скрыть)

Активно пользуюсь одной фишкой(не помню где нашел) - помогает проверять адаптивный дизайн.  Создаете новую закладку для сайта, и вместо адреса вставляете:
(нажмите чтобы показать/скрыть)
теперь находясь на нужной сайте кликаете по этой ссыле - появляется панель где можно выбирать нужные устройства.

Хороший ресурс для тестов или если нужно поделиться кодом для отладки
(нажмите чтобы показать/скрыть)

Проверяем как сайт выглядит в разных браузерах
(нажмите чтобы показать/скрыть)

Генератор CSS спрайтов
(нажмите чтобы показать/скрыть)

Оригинальная прокрутка для сайта
(нажмите чтобы показать/скрыть)

Отличный сервис для конвертации простых SVG изображение в анимационные
(нажмите чтобы показать/скрыть)



Ссылки от Dogica

Это отличное руководство описывает правила для оформления и форматирования HTML и CSS кода -
(нажмите чтобы показать/скрыть)

Подборка впечатляет - дизайнерам в помощь!
(нажмите чтобы показать/скрыть)

Компрессоры JS кода
(нажмите чтобы показать/скрыть)

Компрессоры CSS кода
(нажмите чтобы показать/скрыть)

Размер странички вашего сайта
(нажмите чтобы показать/скрыть)

КОД ОТВЕТА СТРАНИЧКИ + описание всех возможных кодов (речь о 404.. 503 итд)
(нажмите чтобы показать/скрыть)

Потрясный генератор 3D текстов! (для русского выбирайте языки с Multilanguage в скобках)
(нажмите чтобы показать/скрыть)

Супер редактор для ЛЮБЫХ видов файлов (вкл CSS HTML JS...)
(нажмите чтобы показать/скрыть)

Супер редактор для ЛЮБЫХ видов файлов (вкл CSS HTML JS...)
(нажмите чтобы показать/скрыть)

Отличный чат! Можно болтать вообще без регистрации. Можно встроить в свой сайт..
(нажмите чтобы показать/скрыть)

Жмет БЕЗ ПОТЕРИ КАЧЕСТВА картинки *jpg и *png -
(нажмите чтобы показать/скрыть)

Жмет БЕЗ ПОТЕРИ КАЧЕСТВА картинки *gif (включая Animated!!!) и *svg
(нажмите чтобы показать/скрыть)

Переводит (конвертирует) файлы практически любого типа в любой другой
(нажмите чтобы показать/скрыть)

Онлайн Редактор который умеет работать (и очень хорошо) с Animated Gif
(нажмите чтобы показать/скрыть)

Онлайн Фотошоп
(нажмите чтобы показать/скрыть)

Онлайн графический редактор с хорошими возможностями сжатия и фильтров для картинок
(нажмите чтобы показать/скрыть)

Проверка на совместимость всеми возможными браузерами
(нажмите чтобы показать/скрыть)

очень адекватный переводчик для сайта который в отличии от Гугль Транслэйт не портит разметку
(нажмите чтобы показать/скрыть)

ну и как же без нашего уважаемого http://www.sbup.com/ - Лучший в рунете бесплатный онлайн аудит для вашего сайта!

Очень интересная Онлайн CSS студия
(нажмите чтобы показать/скрыть)

Хороший онлайн компрессор и конвертор для PDF файлов!
Так же умеет разделять на фрэймы и записывать в отдельные JPG файлы постранично
(нажмите чтобы показать/скрыть)



Ссылки от Tekstilgrad 

Сервис который поможет подобрать правильную цветовую гамму к выбранному цвету
(нажмите чтобы показать/скрыть)



Ссылки от Константин 

Лучшая русская обучалка хтмл, ксс
(нажмите чтобы показать/скрыть)



Ссылки от feuer81  

Буржуйский обучающий бесплатный сайт. На нем можно изучить html,css,markup,php,sql,ruby,js,jquery,angular.js,ruby,phyton
(нажмите чтобы показать/скрыть)



Ссылки от Imtecseo  

Тестирование нагрузки на сайт
(нажмите чтобы показать/скрыть)



Ссылки от shаmanyara

Проверка визуального отображения и адаптивности сайта под различные устройства и экраны -
(нажмите чтобы показать/скрыть)



Ссылки от Старый

Генерация няшек CSS
(нажмите чтобы показать/скрыть)

Генерация валидных CSS градиентов, в том числе из картинок
(нажмите чтобы показать/скрыть)


Предлагайте те ресурсы с которыми работаете вы - будем вместе расширять список  :)
« Последнее редактирование: 23-02-2016, 23:46:55 от derzaiii »


Оффлайн Dogica

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • Просмотр профиля
    • DOGICA

Оффлайн Dogica

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • Просмотр профиля
      • DOGICA
Re: В помощь каждому
« Ответ #1 : 05-10-2015, 21:17:51 »
Спасибо за хорошие ресурсы
Пожалуйста обратите внимание на вот эти полезнейшие и конечно бесплатные онлайн штуки:

http://jscompress.com или http://javascriptcompressor.com - компрессоры JS кода
http://www.minifycss.com/css-compressor или http://cssminifier.com  - компрессоры CSS кода

http://main-ip.ru/test/analizator/ - Размер странички вашего сайта

http://www.cy-pr.com/tools/header/ - КОД ОТВЕТА СТРАНИЧКИ + описание всех возможных кодов
(речь о 404.. 503 итд)

http://textanim.com/ - Потрясный генератор 3D текстов! (для русского выбирайте языки с Multilanguage в скобках

https://atom.io/ - супер редактор для ЛЮБЫХ видов файлов (вкл CSS HTML JS...)
https://notepad-plus-plus.org/ - супер редактор для ЛЮБЫХ видов файлов (вкл CSS HTML JS...)

http://www.chatovod.ru - Отличный чат! Можно болтать вообще без регистрации. Можно встроить в свой сайт..

http://www.tinypng.com - Жмет БЕЗ ПОТЕРИ КАЧЕСТВА картинки *jpg и *png
http://www.compressor.io - Жмет БЕЗ ПОТЕРИ КАЧЕСТВА картинки *gif (включая Animated!!!) и *svg
http://www.zamzar.com/ - Переводит (конвертирует) файлы практически любого типа в любой другой
http://www.online-image-editor.com - Онлайн Редактор который умеет работать (и очень хорошо) с Animated Gif
https://pixlr.com/editor/ - Онлайн Фотошоп
http://webresizer.com/resizer/ - Онлайн графический редактор с хорошими возможностями сжатия и фильтров для картинок

http://browsershots.org/ или https://spoon.net/browsers или https://www.browserling.com/ - Проверка на совместимость всеми возможными браузерами

https://translate.yandex.ru/developers/website-widget - очень адекватный переводчик для сайта который в отличии от Гугль Транслэйт не портит разметку

ну и как же без нашего уважаемого http://www.sbup.com/ - Лучший в рунете бесплатный онлайн аудит для вашего сайта!
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)

Оффлайн Tekstilgrad-Maderas

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 688
  • Сообщений: 1168
  • Карма: 126
  • Пол: Мужской
  • Награды КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн Tekstilgrad-Maderas

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 688
    • Сообщений: 1168
    • Карма: 126
    • Пол: Мужской
    • Награды КМС поисковой оптимизации
      • Просмотр профиля
Re: В помощь каждому
« Ответ #2 : 05-10-2015, 23:11:12 »
Добавлю
http://www.paletton.com/ - сервис который поможет подобрать правильную цветовую гамму к выбранному цвету  ;)

Оффлайн [Константин]

  • Глобальный модератор
  • Бизнес оценка: (4, 100%)
  • *****
  • СПАСИБО: 2465
  • Сообщений: 3735
  • Карма: 322
  • Пол: Мужской
  • SEO-специалист: аудит, оптимизация, продвижение
  • Награды SEO Профессионал Более одной тысячи спасибо Мастер поисковой оптимизации Почетный гражданин нашего форума За отличный ролик За благотворительность
    • Просмотр профиля

Оффлайн [Константин]

  • Глобальный модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (4, 100%)
    • СПАСИБО: 2465
    • Сообщений: 3735
    • Карма: 322
    • Пол: Мужской
    • SEO-специалист: аудит, оптимизация, продвижение
    • Награды SEO Профессионал Более одной тысячи спасибо Мастер поисковой оптимизации Почетный гражданин нашего форума За отличный ролик За благотворительность
      • Просмотр профиля
Re: В помощь каждому
« Ответ #3 : 06-10-2015, 12:58:49 »
htmlacademy.ru — лучшая русская обучалка хтмл, ксс

Оффлайн Dogica

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • Просмотр профиля
    • DOGICA

Оффлайн Dogica

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • Просмотр профиля
      • DOGICA
Re: В помощь каждому
« Ответ #4 : 06-10-2015, 16:22:04 »
htmlacademy.ru — лучшая русская обучалка хтмл, ксс

вау! реально хороший ресурс в закладочки
спасибо вам  :)
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)


Оффлайн Dogica

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • Просмотр профиля
    • DOGICA

Оффлайн Dogica

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • Просмотр профиля
      • DOGICA
Re: В помощь каждому
« Ответ #5 : 10-10-2015, 17:47:51 »
Очень интересная Онлайн CSS студия..

http://enjoycss.com/
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)

Оффлайн derzaiiiАвтор темы

  • Модератор
  • Бизнес оценка: (1, 100%)
  • *****
  • СПАСИБО: 287
  • Сообщений: 457
  • Карма: 73
  • Пол: Мужской
  • Все в жизни относительно.
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Создание и обслуживание сайтов на Modx

Оффлайн derzaiiiАвтор темы

  • Модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (1, 100%)
    • СПАСИБО: 287
    • Сообщений: 457
    • Карма: 73
    • Пол: Мужской
    • Все в жизни относительно.
    • Награды КМС поисковой оптимизации
      • Просмотр профиля
      • Создание и обслуживание сайтов на Modx
Re: В помощь каждому
« Ответ #6 : 10-10-2015, 20:05:50 »
http://jsfiddle.net/ - Хороший ресурс для тестов или если нужно поделиться кодом для отладки

Оффлайн Dogica

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • Просмотр профиля
    • DOGICA

Оффлайн Dogica

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • Просмотр профиля
      • DOGICA
Re: В помощь каждому
« Ответ #7 : 10-10-2015, 20:06:22 »
Хороший онлайн компрессор и конвертор для PDF файлов!
Так же умеет разделять на фрэймы и записывать в отдельные JPG файлы постранично

http://smallpdf.com/
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)

Оффлайн derzaiiiАвтор темы

  • Модератор
  • Бизнес оценка: (1, 100%)
  • *****
  • СПАСИБО: 287
  • Сообщений: 457
  • Карма: 73
  • Пол: Мужской
  • Все в жизни относительно.
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Создание и обслуживание сайтов на Modx

Оффлайн derzaiiiАвтор темы

  • Модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (1, 100%)
    • СПАСИБО: 287
    • Сообщений: 457
    • Карма: 73
    • Пол: Мужской
    • Все в жизни относительно.
    • Награды КМС поисковой оптимизации
      • Просмотр профиля
      • Создание и обслуживание сайтов на Modx
Re: В помощь каждому
« Ответ #8 : 13-10-2015, 14:36:48 »
http://browsershots.org/ - Проверяем как сайт выглядит в разных браузерах


Оффлайн feuer81

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 13
  • Сообщений: 103
  • Карма: 0
  • Пол: Мужской
    • Просмотр профиля
    • кино

Оффлайн feuer81

  • Постоялец
  • ***
Re: В помощь каждому
« Ответ #9 : 15-10-2015, 07:10:40 »
Codecademy.com - буржуйский обучающий бесплатный сайт. На нем можно изучить html,css,markup,php,sql,ruby,js,jquery,angular.js,ruby,phyton


 

Похожие темы

  Тема / Автор Ответов Последний ответ
0 Ответов
1016 Просмотров
Последний ответ 06-07-2012, 00:07:52
от Russkii
21 Ответов
6049 Просмотров
Последний ответ 07-01-2014, 07:18:00
от OWLHOSt
1 Ответов
1674 Просмотров
Последний ответ 01-04-2013, 23:20:40
от arhimed
82 Ответов
16234 Просмотров
Последний ответ 11-05-2013, 22:14:00
от Владимир75
204 Ответов
23696 Просмотров
Последний ответ 28-07-2018, 17:27:00
от matashka