Viper
-
Posts
404 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Viper
-
Первый, проверка на внимательность
-
Недопустимо на сайтах с посещаемостью 100тыс+. Нестандартные шрифты тяжеловесное удовольствие(100-400Кб). Их можно очистить от ненужных символов, тем самым уменьшая размер, но прийдеться повозиться. Подключать: - самостоятельное подсключение - Google Font API
-
Как вариант, background-size вместе с background-attachment: fixed
-
Да, подключение Rapha?l вам, как я понял, ничего не даст. Прийдеться переделывать... Как вариант подключать код в тег <svg>. Все(ну вы понимаете...) кроме ИЕ7-8 будут нормально отображать. А для ИЕ в conditional comments выводить изображение, тег <svg> он проигнорирует. Врядли это лучший вариант в вашем случае, но хоть что-то... Семантика зависит от контекста в котором оно будет использоваться. Та и сомневаюсь, что про семантику компонента SVG в вашем случае стоит задумываться... ИМХО П.С. Если есть возможность, задайте этот вопрос на Хабре в разделе Q&A. Большой шанс, что там подскажут что-то более конструктивное, правильное...
-
Сделайте хотя бы 3 варианта(идеи) логотипа(а лучше 5-ть) из которых можно будет выбирать. 1 вариант - это не серьезно) Различие вариантов может натолкнуть на верный путь(идею), которая понравиться большенству. Цвета логотипа зачастую влияют на цветовую составляющую сайта. Прийдеться тогда озеленить весь сайт) ИМХО П.С. Ну или забацать конкурс на "Лучший логотип для сайта css-live.ru"
-
Еще как меняет... Малоли, что у тебя там еще прописанно в стилях...
-
{ CSS: Life !important; } <!--[lt IE9 must DIE]>
-
У меня в ИЕ8-7 красный, а у тебя какой?)
-
Если вам нужен именно SVG, то библиотека Rapha?l для вас будет идеальным выбором. П.С. Возможно, еще статья о сравнении графических библиотек будет вам полезной.
-
Смещаеться вниз потому что пункты меня не помещаються в отведенный вами блок. Задайте пунктам меню фиксированные width или max-width(что бы не растягивались), уберите/уменьшите padding и добавьте text-align: center
-
"Тупые" вопросы, которые вы хотели задать, но боялись спросить...
Viper replied to Hell&Heaven™'s topic in Flame
Хотите писать без костылей - изучайте фреймворки (jQuery, Prototype, Sencha, Rapha?l, Paper, тд.. ), мини-библиотеки, облегчающие работу с JS-сом. Всем сложно переходить на JS с другого языка программирования и понять его. Для начала начните с материалов, что я указал выше. А дальше уже вам решать... П.С. И не зацикливайтесь на версии языка. Это вам не ActionScript. -
"Тупые" вопросы, которые вы хотели задать, но боялись спросить...
Viper replied to Hell&Heaven™'s topic in Flame
Ну... тогда вы просто обязаны в первую очередь посмотреть это видео После чего можете пройтись по отличным статьям с Хабра: - Основы и заблуждения насчет JavaScript - Javascript наследование для чайников - Prototype, __proto__ и оператор new - Путь асинхронного самурая - Масштабируемые JavaScript приложения - JavaScript F.A.Q: Часть 2 П.С. Вы слишком недооцениваете JS. Большенство его попросту не понимает... А он, на самом деле, способный малый! -
Он не полностью раскрыл/обьяснил использование этого тега, но ругать, думаю, не стоит) Можно устанавливать время без атрибута datetime, Но только если оно идентично формату - YYYY-MM-DD, как и в примерах на указанном вами сайте. У вас оно не идентично. Кому интересно, немного подробнее по ссылке. Да, ограничений в количестве этих тегов на странице нету. Есть много спорных моментов с его участием. Но использование его как контейнера для анкоров Содержания - это его прамое назначение по спецификации.
-
основной фон дабавить к елементу LI, иконку вставить как фон елементу A. Зачем вам еще 2 SPAN'а?
-
У него стоит доктайп - <!DOCTYPE html PUBLIC> При отсутствии доктайпа, Только задавая height: 100% блоку внутри BODY, он магическим образом вытягиваеться на всю высоту страницы П.С. А я уж сначала подумал, что это фишка(новый алгоритм) новых версий браузеров...(
-
Если я правильно понял, вы не стремитесь быть профессиональным верстальщиком, а использовать верстку собираетесь при необходимости. По этому постараюсь акцентировать внимание не на качестве написанного кода, а на практических выгодах, примерах указать как можно улучшить этот сайт(но решать вам): 1. Адаптивность. Адаптировать некоторые сайты очень сложно, а некоторые и вовсе проще делать в разных версиях. Но ваш дизайн, структура отлично подходят для этой цели. Это сделать не столь сложно, как может показаться, главное понять идею. Вот пара ссылок на полезные статьи по адаптивной верстке(много слов ): первая, вторая Возможно, они вас вдохновят =) 2. <html lang="ru">. Даст знать программам, что контент на вашем сайте на русском языке. Это уменшить число нежелательных пользователей, которые не знают русского, а попали случайно по запросу, например, Wi-Fi, E-Ink Pearl, тд... Другим программам даст знать как лучше работать с вашим контентом(например, не предлагать ли перевод) и тд. 3. Раз ваш сайт акцентирован на чтение, то стоит задуматься о правильном использовании тегов <strong> и <em>, <b> и <i>. О них можно много говорить, по этому я лучше дам ссылку на хорошую статью. Наведу практический пример(с тренинга Юры Артюха/akella): В одном из проектов главным приоритетом была семантика, так как сайт будут посещать много людей с ограниченными возможностями и пограммы чтения с екрана там будут часто использоваться(не только этими людьми). При тестировании пришлось немного подправить семантику: люди жаловались, что текст в тегах <strong> слишков громко произноситься, а в тегах <em> не всегда было уместным акцентирование внимания на тексте внутри... 4. Тег <time> нужно указывать с атрибутов datetime: <time datetime="YYYY-MM-DD"></time> Именно он указывает программам на время/дату. Внутри тега синтаксис не важен. Убериться можно здесь, и заодно полезная стратья(wordpress). 5. Использование тега <nav>, как врапа для ссылок, указывает программе на принадлежность их к навигации страницы. Одно из основных предназначений - обрамлять им Содержание статьи(ссылки с анкорами). Мелочь, но кому-то будет полезной. А такие мелочи очень повышают отношение к сайту. Пусть таких пользователей будет и единицы, но если ваш сайт их "обрадует" такими нюансами, они могут порекоменовать его друзьям или даже написать о нем в своем блоге... 6. Будет плюсом, если вы переделаете верстку без таблиц(где они не являються таблицами). Правильно структурированный код(на структурных тегах) намного легче поддерживать, изменять и адаптирвать. Вы будете более уверенны, что все устройства правильно преподнесут ваш сайт пользователю. Вы уменьшите количество тегов(DOM елементов), что ускорит построение/рендеринг вашей страницы. П.С. Если вдохновение будет вас переполнять, попробуйте еще - это (про RDFa). Стремная штука, но покурив денек-второй начинает вставлять
-
Контент(в первом примере) растягивает таблицу, при этом она выходит за границы и обрезаеться свойством overflow: hidden; Уменьшите размер текста, padding или увеличьте место для таблицы
-
Эм... правой кнопкой на изображении -> открыть в новом окне(open image in new tab) -> save as...? Или обьсните подробнее, что должен делать скрипт...
-
Уточните в каком браузере и, хорошо бы, скрин с проблемой предоставить. Я не увидел/нашел проблемы...
-
(function editselect() { var elm = document.getElementById("edit"); if (elm) { elm.size = "12"; } })() Вроде, так должно обрабатываться после загрузки DOM...
-
Что касаеться позиции ранжирования, то практически нет(. Но это пока-что и поисковики постоянно улучшают свои алгоритмы. Качественный, семантический сайт проще продвигать, чем говно-код. Но, как не прескорбно, пока-что это влияет не так сильно, как хотелось бы верстальщикам. Спам-метод рулит и будет рулить еще ближайшие года... ( Цели при SEO оптимизации сайта, у большенства случаев, другие: "показать, обьяснить" поисковику тематику сайта, логическую структуру, "дать понять поисковику информацию на сайте и свазять её для него". Для чего это нужно: - увеличить шанс того, что ваш сайт будет полезен(тематика, сама информация, что это более новая информация, тд...), при определенном запросе определенному пользователю, с помощь RDFa, microformats, информационных тегов/атрибутов(h1-h6, alt, тег title, мета-данные); - улучшит постоение сниппетов, которые ведут на ваш сайт, в выдаче. Алгоритм их постоения скрывают... Но точно известно, что на них влияют микроформаты. Можно логически предположить, что еще и RDFa атрибуты. (Semantic Web) - "обьснить" поисковику для какой языковой аудитории предназначен сайт, на каком он языке и для какого региона(в мире) будет более полезен(Геолокация, атрибут lang).
-
Хм... а в каком браузере не работает? У меня ваш пример нормально изменяеться...
-
Ну с логикой все впорядке. Что должен делать скрипт? Вы уверенны, что вам нужно использовать html атрибут size? И как/где вызываеться эта функция? Если вы её не вызывали, то она и не будет выполняться.
-
Эм... а что дописать то? Вы, вроде, и написали то, что хотели...
-
Вот по этому я ищу компанию, где к качеству кода относяться противоположным образом...( Вас совесть не мучает?)
