Отметить форум прочитанным

Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

5

1 Голосов

Валидаторы, оптимизаторы и генераторы

автор темы deton, 10 05 2012 13:28

Вперед

Войдите, чтобы ответить

Tweet

Сообщений в теме: 23

#1 deton

Мастер

Старая гвардия
517 сообщений

157

Из29->77

Отправлено 10 Май 2012 - 13:28

Популярное сообщение!

Проверка валидности кода:
http://validator.w3.org/ - классический валидатор
http://jigsaw.w3.org/css-validator/ - валидатор каскадных стилей (css)
http://validator.w3.org/mobile/ - валидатор мобильных версий сайтов
http://html5.validator.nu/ - валидатор HTML5
http://webmaster.yan...u/microtest.xml - валидатор микроразметки от Yandex
http://www.google.co...ls/richsnippets - валидатор микроразметки от Google

Оптимизация изображений:
http://www.smushit.com/ysmush.it/ - классика от Yahoo!
http://www.punypng.com/ - когда не работает от яхи
http://www.favicon.cc/ - http://favicon.ru/ - создание фавиконов (favicon)

Генераторы:
http://www.colorzill...radient-editor/ - лучший генератор градиентов
http://blog.html.it/layoutgala/ - готовые слои
http://pageblox.com/generate - генератор слоев
http://css3generator.com/ - генератор свойств css
http://westciv.com/t...orms/index.html - генератор эффектов
http://www.fontsquir...tface/generator - генератор @font-face шрифтов
http://subtlepatterns.com/ - генератор backgroud'ов... точнее даже не генератор, а куча готовых с возможностью предпросмотра

Разное:
http://www.google.com/webfonts - web fonts от google
http://ajaxload.info/ - генератор лоадеров

памятка web-разработчику: валидаторы, оптимизаторы и генераторы
сайты любой сложности... профессионально... по внятным ценам

Наверх

#2 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 28 Декабрь 2012 - 16:25

Понекропостим...

Сделает из вашего ява-скрипт бредо-кода очень торт и вообще - красиво сделает: http://jsbeautifier.org/
Расстроит вас совершенно из-за того, что ваш хомяк разный в разных браузерах: http://browsershots.org/
Сделает из вашего файла css, написанного на коленке и после праздника, нечто годное: http://www.lonniebest.com/FormatCSS/

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#3 Serg_pnz

Hanswurst

Старая гвардия
2 114 сообщений

1 768

Из*** гонец? Гонец из Пензы?... Нет – реальный гонец!

Отправлено 28 Декабрь 2012 - 17:01

Генератор "спинеров"
http://loadinfo.net/

Не все кальсоны с оторванными пуговицами – брюки. © Serg_pnz

Наверх

#4 rech

Идущий вперёд

Основатель
1 482 сообщений

1 746

ИзМосквы

Отправлено 28 Декабрь 2012 - 17:16

https://github.com/sorccu/cufon/wiki — нестандартный шрифт средствами JS
http://cufon.shoqolate.com/generate/ — генератор шрифта для Cufon

применение:

<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/YourFont.font.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
Cufon.replace('#id', { fontFamily: 'YourFont' });
Cufon.replace('h1', { fontFamily: 'YourFont' });
//-->
</script>

Книги по маркетингу. Продвигаем сайт в google.
Dictum sapienti sat est.

Наверх

#5 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 28 Декабрь 2012 - 17:22

Кстати да. Куфон, вроде как - плюёт на отсутствие экранного сглаживания у некоторых олдфагов? Как следствие - смотрится красиво... Что-то я такое читал у британских учёных. rech, ты ничего такого не слышал?

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#6 rech

Идущий вперёд

Основатель
1 482 сообщений

1 746

ИзМосквы

Отправлено 28 Декабрь 2012 - 17:24

Chikk (28 Декабрь 2012 - 17:22) писал:

Кстати да. Куфон, вроде как - плюёт на отсутствие экранного сглаживания у некоторых олдфагов? Как следствие - смотрится красиво... Что-то я такое читал у британских учёных. rech, ты ничего такого не слышал?

я его во всю использую именно за это )))
ему пофиг на сглаживание и т.д. )))

Книги по маркетингу. Продвигаем сайт в google.
Dictum sapienti sat est.

Наверх

#7 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 28 Декабрь 2012 - 17:25

rech (28 Декабрь 2012 - 17:24) писал:

я его во всю использую именно за это )))
ему пофиг на сглаживание и т.д. )))

Ага! Прекрасный тост!

Жаль, конечно - ещё две явы в коде, ещё трафик... Впрочем - 21 век, у меня 60 мегабит, на остальных - фиолетово. :blink:

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#8 rech

Идущий вперёд

Основатель
1 482 сообщений

1 746

ИзМосквы

Отправлено 28 Декабрь 2012 - 17:29

Chikk (28 Декабрь 2012 - 17:25) писал:

Ага! Прекрасный тост!

Жаль, конечно - ещё две явы в коде, ещё трафик... Впрочем - 21 век, у меня 60 мегабит, на остальных - фиолетово. :blink:

там при генерации шрифта - можно выбирать какие символы и кодировки в шрифте задействовать, а так же начертания, т.е. если ты используешь не полный набор символов и начертаний шрифта на сайте, то он ужимается до мелкоскопических размеров ))) у меня в среднем по 8 килобайт получаются + если на сервере настроено сжатие gz на лету всех этих js и css - то вообще айс ) ну можно и самому их через свои скриптеги пропускать, сжимая )))

Книги по маркетингу. Продвигаем сайт в google.
Dictum sapienti sat est.

Наверх

#9 Nov

Чачача

Основатель
762 сообщений

760

Отправлено 28 Декабрь 2012 - 19:14

Для ленивых кодеров - http://html-ipsum.com/

Список CSS хаков для разных браузеров, IE6, IE7, IE8, FireFox, Opera, Safari, Chrome
http://www.web-utils...ox-opera-safari

CSS3 в примерах - http://www.css3.info/preview/

HTML-верстка - быстро, качественно, недорого (выберите любые 2 пункта) /
Битрикс - поддержка вашего сайта, небольшие ремонты, натяжка диза

Наверх

#10 dik

Продвинутый

Старая гвардия
445 сообщений

151

Отправлено 28 Декабрь 2012 - 20:37

До кучи...частично

http://www.ajaxload.info - генератор загрузок
http://dabuttonfactory.com - генератор кнопок
http://www.qrcoder.ru - генератор QR-кодов
http://www.qrcc.ru/generator.php - еще один генератор QR-кодов
https://kuler.adobe.com - подбор цветовых схем
http://colory.ru/colorgenerator - еще один подбор цветовых схем
http://www.colourlovers.com/copaso - и еще один подбор цветовых схем (вообще этих сервисов много)
http://www.xml-sitemaps.com - генератор sitemap, выдает файлы в разных фоматах (этих сервисов тоже как грязи).
http://dean.edwards.name/packer/ и еще тоже самое http://info-pages.com.ua/service/3 - компрессоры JavaScript (Base62 encode), но с ними лучше быть поаккуратнее, т.к. предварительно надо свой js-код проверить на наличие закрывающих символов ; } )
http://csstemplater.com - генератор HTML и CSS шаблонов
http://builder.yaml.de - еще один генератор каких-то html-шаблонов с css
http://www.cy-pr.com/tools/css/ - оптимизатор css-кода

Ну и сервисы кнопок соц.сетей:
http://share42.com/ru
http://api.yandex.ru/share/
http://odnaknopka.ru/get.html?rel=get
Куда же без них

Иногда и дурачком полезно прикинуться. Главное, чтобы это не перешло в хроническое состояние

Наверх

#11 MAzZY

Биоробот на 146%

Участник
4 753 сообщений

2 331

Извсегда здесь был

Отправлено 11 Январь 2013 - 12:54

Еще один подбор палитры - http://colorscheme.ru/
Довольно удобно

"Конечно, я умный человек, умнее очень многих, но счастье не в этом..." А.П. Чехов. "Три сестры"
Carpe diem / Memento mori / Ecce Homo
Под столетними сугробами библейских анекдотов...

Наверх

#12 MAzZY

Биоробот на 146%

Участник
4 753 сообщений

2 331

Извсегда здесь был

Отправлено 11 Январь 2013 - 14:16

Наборы паттернов(текстур) для фона сайта
http://subtlepatterns.com/
http://www.colourlovers.com/patterns

"Конечно, я умный человек, умнее очень многих, но счастье не в этом..." А.П. Чехов. "Три сестры"
Carpe diem / Memento mori / Ecce Homo
Под столетними сугробами библейских анекдотов...

Наверх

#13 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 11 Январь 2013 - 14:24

MAzZY, где ты неделю назад был со вторым УРЛом... :mellow:

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#14 MAzZY

Биоробот на 146%

Участник
4 753 сообщений

2 331

Извсегда здесь был

Отправлено 11 Январь 2013 - 14:37

Вот такие дела.

"Конечно, я умный человек, умнее очень многих, но счастье не в этом..." А.П. Чехов. "Три сестры"
Carpe diem / Memento mori / Ecce Homo
Под столетними сугробами библейских анекдотов...

Наверх

#15 Masas

Директор сайта

Старая гвардия
105 сообщений

16

ИзТеперь это центр Москвы.

Отправлено 01 Март 2013 - 14:22

Framework для вёрстки http://twitter.github.com/bootstrap/
То, на что способен http://twitter.githu...p/base-css.html
в psd https://github.com/R.../zipball/master

Очень удобная вещь.

Наверх

#16 Sonya*

Школьница - Фея

Старая гвардия
1 586 сообщений

1 056

Из(GMT + 1:00)

Отправлено 02 Март 2013 - 20:56

Бесплатные "заглушки" для новых проектов
http://www.websucces...ing-soon-pages/

Наверх

#17 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 02 Март 2013 - 22:10

Sonya* (02 Март 2013 - 20:56) писал:

Бесплатные "заглушки" для новых проектов

Красиво (временами), но пиплу и прочим мужероботам, привыкшим к "волшебству Вордпресса" конструктор подавай, а там - надо и клавиатуру использовать, не иначе. А не только мышкой тыкать в б-гомерзкие виджеты, не? :lol:

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#18 Sonya*

Школьница - Фея

Старая гвардия
1 586 сообщений

1 056

Из(GMT + 1:00)

Отправлено 02 Март 2013 - 22:13

Chikk сказал:

а там - надо и клавиатуру использовать,

А, ну да. Пиплу не подойдет, согласна. Удаляем...

Наверх

#19 Chikk

[censored]

Основатель
3 315 сообщений

2 008

ИзМосквы

Отправлено 02 Март 2013 - 22:40

Sonya* (02 Март 2013 - 22:13) писал:

А, ну да. Пиплу не подойдет, согласна. Удаляем...

Не не, Sonya*, ты что?! Я ж шутю и всё такое - сказали флудить, вот и флужу, когда в интернеты попадаю. Вдруг внезапно - какой очередной НЧ выфлужу. :lol:

Топик про генераторы. про генераторы чего - не сказано, так что, как ни крути - вполне даже торт, в качестве "генератор дизайна сайта". Очень даже торт!

Читать темы форума в социальной сети

::: или в специальной сети

Сайты нужно делать на рассово-верной CMS, а снимать лялек только там.

Наверх

#20 MAzZY

Биоробот на 146%

Участник
4 753 сообщений

2 331

Извсегда здесь был

Отправлено 07 Март 2013 - 10:27

http://ru.lipsum.com/
Генератор Lorem Ipsum

"Конечно, я умный человек, умнее очень многих, но счастье не в этом..." А.П. Чехов. "Три сестры"
Carpe diem / Memento mori / Ecce Homo
Под столетними сугробами библейских анекдотов...