Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Need For Speed World Site > Программирование > Оформляем сайт

Автор: LNV 7.01.2011 - 20:12
Этот топик я пишу не столько для других, наверное, сколько для себя, потому что копаться в закладках браузера не имею привычки, а браузер с множеством открытых вкладок рано или поздно «слетит», и все полезные вкладки, найденные за полгода, будут бесследно потеряны. Тем не менее, надеюсь, что тема будет полезна всем, кто увлекается вёрсткой и оформительством, и предлагаю именно тут задавать вопросы, касающиеся HTML, CSS и JS. В первом же сообщении темы будут находиться полезные ссылки и, возможно, ссылки на посты с интересными решениями.

Для поиска конкретной информации:
http://htmlbook.ru/ — Прекрасный ресурс, на котором можно в кротчайшие сроки посмотреть тэги HTML и их параметры, CSS стили, почитать самоучители по упомянутым языкам.
http://javascript.ru/ — Хороший ресурс по JS. Лично я часто использую его, когда требуется обновить в памяти работу с DOMиками и событиями. Чтобы ресурс не казался арабской вязью, смотрите сразу же на правую часть — «Содержание» — и тут же освоитесь в логике дизайна.
http://www.tutorialspoint.com — Ресурс на английском языке про всё-всё. Лично я пользуюсь им для обновления в памяти или изучения таких закорябистых библиотек, как Prototype. Есть работающие примеры, так что за англо-русский словарь можно хвататься только в крайнем случае.

Почитать:
http://habrahabr.ru/blogs/javascript/ — Никогда не читал Хабр. Слишком много всего — искать что-то конкретное легче в Гугле, а читать просто так нудно. Тем не менее, можно почитать и найти интересные идеи на JS и реализации. В этом меня убедил пост про то, как определить браузер IE за 9 символов кода.
http://www.html.by/ — как и предыдущий ресурс, имеет в себе всё и сразу, поэтому сложен для конкретного поиска. Надо планомерно читать.
http://vremenno.net/ — Статьи по вёрстке и веб-дизайну.

Автор: GTR-kir 7.01.2011 - 20:29
Ого, выражаю огромную благодарность! За 5 минут по ссылкам нашёл кое-какие интересующие меня уже год вещи! happy.gif
Думаю, будет полезно как новичкам в создании сайтов, так и бывалым. wink.gif

Автор: t0kar 9.01.2011 - 17:31
Я так думаю, в этой теме можна дать пару ссылок, которые лично мне помогали? smile.gif
http://efimov.ws — блог про веб-дизайн. Использую его потому, что в одном месте собрано много полезностей. Но сам лично читаю только http://efimov.ws/main/develop/javascript.html. Часто помогала мне =)

Автор: LNV 7.11.2011 - 14:03
Создавая диалог для добавления роликов с Ютуба, узнал, как общаться с YouTube API. Если кому будет интересно/полезно, могу описать smile.gif

Автор: Nirvana 7.11.2011 - 16:02
Типа сири что ли?

Автор: LNV 7.11.2011 - 17:17
2Nirvana
Что? confused.gif biggrin.gif Не понял тебя.

Нет, я о том, что я и XMLRequest писал, и пытался напрямую получить данные в переменную (но ответ сервера всегда воспринимался, как XML-файл), ну а задействовать наш сервер, чтобы через него прогонять ответ с Ютуба казался мне совсем диким и я до последнего не хотел этого делать. Не зря — нашёл решение и как раз в меру простое: запрос со стороны клиента к серверу Ютуба с возвратом результата в формате JSON в конкретную JavaScript-функцию.

Автор: Nirvana 7.11.2011 - 18:42
Я тебя тоже не понял значит.
Ну ты знаешь новую функцию афона 4г? Там есть эдакая Гладос, с которой можно поговорить. Зовут Сири :Ъ

Автор: MAP 7.11.2011 - 18:59
2Nirvana
Вот в чем дело. biggrin.gif
Ты слишком прямо понял фразу
Цитата
общаться с YouTube API
biggrin.gif

2LNV
Думаю, в скором времени понадобится. Если что, обращусь, спасибо. smile.gif

Автор: LNV 12.11.2011 - 20:11
Нештатный преподаватель, присланный к нам в инст из сторонней организации на курсы, высказал следующую мысль:
«...Adobe Flex, Silverlight, Flash, Java EE — все эти технологии позволяют отображать на стороне клиента какие-либо нетривиальные вещи, которые невозможно отобразить средствами HTML, и позволяют производить асинхронные запросы к серверу. Плата за это — установка в браузер соответствующих плагинов, без которых ничего работать не будет. Тем не менее, уже официально принята на вооружение спецификация HTML5 (а уважающие себя браузеры поддерживали HTML5 ещё до его официального выхода), который позволяет делать всё то же самое, но без установки дополнительных плагинов. Поэтому данное решение видится очень интересным и полезным и на него стоит обратить пристальное внимание...»

Так, что те, кто занимается оформлением сайтов, считаю необходимым посоветовать Вам поизучать возможности HTML5. Некоторые из них я уже видел, например, асинхронная загрузка изображений на сервер с прогрессбаром и т.д., так что очень даже интересно smile.gif

Автор: MAP 12.11.2011 - 21:09
2LNV
А еще HTML5 видео— и аудио-плеер и многое другое smile.gif
Цитата (Wikipedia)
В дополнение к определению разметки HTML5 устанавливает скриптовый интерфейс прикладного программирования (API).
Также существуют новые API, например:
— элемент сетка для непосредственного метода рисования в 2D.
— контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео
— хранение баз данных оффлайн
— редактирование документа
— Drag-and-drop

Вообще, действительно очень интересное обновление языка. smile.gif

Автор: Shehrozs 19.04.2013 - 03:13
Такой вопрос: как называется то, что реализовано https://shopfans.ru/guide/cost_time.html?
Было бы круто прочитать туториал. Язык не обязательно русский, можно и на английском.

UPD: http://www.sitepoint.com/5-free-html5-presentation-systems/

Автор: LNV 2.07.2013 - 18:24
Есть ли у нас те, кто увлекается CSS или работает с ним относительно часто, или хоть временами?

Автор: MAP 2.07.2013 - 18:27
2LNV
Есть, а что?

Автор: LNV 2.07.2013 - 18:53
2MAP
Хотел пообщаться, позадавать вопросы)
Например, какие программы используешь, как отлаживаешь, сколько времени на это уходит, часто ли приходится что-то вспоминать-гуглить. Как-нибудь так. Ну и знать, если что, к кому можно за помощью. wink.gif smile.gif

Автор: MAP 2.07.2013 - 19:20
Аа, вот как)
На самом деле все просто: Notepad++ и тестовая страница на локальном сервере (Denwer). Под рукой всегда есть Adobe Dreamweaver, на случай, если вдруг что-то забуду и захочется проверить зависимость внешнего вида того или иного элемента страницы от параметров в CSS, в режиме, так сказать, «прямой трансляции».

Основные классы помню наизусть, а вот такие вещи, как, например, закругление краев у изображении при помощи CSS постоянно забываю. Приходится лезть в гугле или же на htmlbook.ru.

Отладка занимает не так уж и много времени, если же, конечно, Ослик иа не начнет пудрить мозги и каверкать страницу. Вот в таких случаях, у меня помогает либо метод тыка, либо великий гуголь.
Обращайся, если что. Буду рад помочь. smile.gif

Автор: LNV 3.07.2013 - 11:28
2MAP
Т.е.
Цитата (MAP @ 2.07.2013 — 20:20)
Adobe Dreamweaver
— это некий визуальный редактор? Посоветовал бы его ты, и много ли таких визуальных редакторов?

Автор: S1k0man 3.07.2013 - 11:41
Цитата (LNV @ 3.07.2013 — 12:28)
некий визуальный редактор? Посоветовал бы его ты

Его даже я бы посоветовал. Удобная штука.
Код наглядно выделяется всеми цветами радуги, визуальный редактор и проверка всего и вся.

Автор: MAP 3.07.2013 - 12:09
2S1k0man
ППКС. Редактор хорош.

2LNV
Еще посоветовал бы видеоуроки Попова. Он сам тоже часто работает в Dreamweaver'e, может еще что посоветовать по ходу урока.
http://1popov.ru/bonuscourse/cssform/

Текстовые уроки по CSS:
http://ruseller.com/lessons.php?rub=2

Допустим, если сайт делается на таких движках как Drupal, WordPress, Joomla, DotNetNuke, то можно использовать визуальный редактор Artisteer. Вообще супер, шаблон можно собрать по кусочкам, можно редактировать все визуально, от ширины страницы, шапки ее типы, и т.д. до количества блоков, колонок, стиля и прочего.

Автор: LNV 3.07.2013 - 12:23
2S1k0man
2MAP
Я интересуюсь скорее с той целью, что у меня родилась очередная бредовая идея сделать свой бесплатный визуальный редактор biggrin.gif redface.gif
Вот, изучаю конкурентов biggrin.gif

Автор: MAP 3.07.2013 - 12:32
Не по теме:
Ну, пффф. Без комментариев. haha.gif

Да не, я шучу конечно. Просто я не ожидал такого исхода ситуации. biggrin.gif
Удачи тогда, посмотрим, что из этого выйдет. happy.gif

Автор: Bullet GT 3.07.2013 - 13:51
Не по теме:
2MAP
А вдруг получится! ©

Автор: RRTxDiva 11.07.2013 - 16:36
2LNV
Респект, за полезные ссылки ! Пригодится как раз)

Автор: LNV 11.07.2013 - 22:36
2RRTxDiva
Спасибо smile.gif

2Bullet GT
Действительно, а вдруг...
2MAP
Ну... чисто практически я за 5 часов довёл проект с нуля до «2 шага до Firebug'а». Чтобы сделать фаэрбаг, надо составить и заполнить базу знаний для автодополнения, проверки валидности и т.д. А дальше — надо лишь прикрутить юзабельный интерфейс smile.gif

Need For Speed World Site 2003 - 2024
https://www.nfsko.ru/forum