aTei
-
Posts
76 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by aTei
-
Подскажите как исправить? В браузере Google Chrome комментарии сползают в самый низ
aTei replied to IOzer's question in HTML Coding
Хром невзлюбил прон и решил испортить верстку -
Версии для печати: PDF, PNG. HTML-версия со ссылками на api.jQuery Что в шпаргалке Селекторы Визуальные эффектыСкольжение Затухание Пользовательские Базовые [*]Обработка событий [*]AJAX Низкоуровневый интерфейс Методы load, get, post... Управление событиями AJAX [*]Манипуляции с содержимым Вставка внутрь объекта Вставка вне объекта Вокруг Замена, копирование, удаление [*]Атрибуты Установка, чтение и удаление Классы Значения [*]CSS Чтение, установка Позиционирование Высота и ширина [*]Утилиты Возможности браузера Базовые операции Данные Операции проверки [*]Переходы (Traversing) Фильтрование Отношения (find, next, children...) И другое [*]Ядро Мотивация к использованию «Кто не работает - тот ест» Источник: мой ЖЖ (Frwd.LJ.ru)
-
Так много всего интересного написано, а весь тред читать лень Так что просто выскажусь HTML5 можно (и нужно), уже сейчас, использовать если вы ведете информационный портал для веб-разработчиков и особенно верстальщиков. Кто-то будет спорить, но 95% посетителей такого портала будут использовать современные браузеры. И им как минимум понравится то, что вы используете самые современные технологии. Это похоже на то, как особые фанаты браузеров выкачивают только появившиеся беты и альфы FireFox и Chrome. Им это интересно, так почему бы не дать им это? Продолжу. С точки зрения семантики HTML5 - конфетка. Сравните сами: Раньше: <body> <div id="header"></div> <div id="main"></div> </div id="footer"></div> </body> Сейчас: </body> <header></header> <div id="main"></div> <footer></footer> <body> А сможете по памяти написать doctype HTML4, нет? В HTML5 это <!doctype html> Круто же! Закончу ссылкой на информацию о новых, по отношению к HTML4, элементах. Хотя нет, не закончу. Закончить стоит ссылкой на страницу ютуба: www.YouTube.com/HTML5
-
Появилась идея для реализации, но как только появилась - сразу и застрял. Хочу разделить html на структурные элементы: - тег: - открывающая и закрывающая кавычка - имя тега - атрибуты - их значения - обычный текст Но регулярные выражения мне в голову, ну совсем не укладываются >__<. Подскажите (покажите) как что-то подобное сделать. Может хоть тогда разберусь.
-
Сайт конечно же не кошмар или что-то ужасное. Но иногда лучше отсутствие дизайна, чем его наличие.
-
Зашел на сайт, увидел почти пустую страницу. О ценах: 15$ несложная кроссбраузерная верстка (уже без таблиц ^__^). О сроках: 1-2 дня. Контакты ↓
-
Дизайн фу-фу-фу. favicon непонятный. Типографика ужас. Написание верхней навигации норм. Нижней ужс. На кнопке "Submit" вместо "Голосовать". Приятные цвета у ссылок.
-
Написать, сей скрипт прекрасный, можно даже на jQuery, дело в том, чтоб руки были, вот от туда же, где шея
-
Не знаю на счет программы, но для себя селекторы группирую по иерархие, а свойства css в порядке вложенности: 1. Display 2. Размеры блока (width, height) 3. Float и подобное 4. Margin 5. Border 6. Padding 7. Фон 8. Типографика и цвет шрифта 9. Хаки
-
Чистая математика и никакого мошенничества 5.3 ближе к 6, чем 5.2.12. Так что да - стоит перейти.
-
jQuery (javascript) <script type="text/javascript" src="js/jQuery1.4.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('a.example').click(function() { $('p.example').toggle('fast'); return false; }); }); </script> HTML <a class="example" href="#">пример</a> <p class="example"> Введите в строке «Адрес» <span class="code">%appdata%</span> и нажмите Enter<br /><br /> <img border="0" src="http://quake-live.ucoz.ru/img/article/install/adress_row.jpg" /><br /><br /> После этого попадете в папку текущего пользователя, у меня это<br /><br /> <img border="0" src="http://quake-live.ucoz.ru/img/article/install/adress_row2.jpg"><br /><br /> В нее и извлекайте архив.<br /> </p> Стили <style type="text/css"> a.example {border-bottom:1px dashed #8C8C9C;text-decoration:none;} p.example {display:none;padding-left:20px;} </style> Живой пример: Quake-Live.ucoz.ru/index/Download_QuakeLive/0-6
-
HTML в картинках, в реальной жизни WireSmash.com/Funny/Collection-of-very-funny-html-jokes Одна из них
-
нет, но с удовольствием послушаем
-
hl=http://webford.ru/ это всего-лишь передаваемый параметр. Там может быть всё что хотите. По предположению hl - highlight - подсветить. То-есть если оно найдет такой текст на странице оно его подстветит (как гугл, при загрузке страницы из кэша)
-
«Каждый раз, когда ты не засовываешь описание радиокнопки/чекбокса в лейбл - бог убивает котёнка. Помни об этом!» Набрел на эту «веселую фразу» в твиттере и захотелось еще почитать подобного. После безрезультатно пошарился в гугле. Так вот, если знаете такие фразочки отписывайтесь. Надеюсь всем будет интересно.
-
Подробную инструкцию о создание кроссбраузерного выпадающего меню можно прочитать в блоге webmascon
-
*оффтопик* @musulman, зачем же так грубо. Да, я говорю что это плохой подход. Если вы хотите с годами вырастить себе хорошего веб-дизайнера — оставляйте этого. Хотите получить хороший диз — ищите другого. Можно еще написать «Это бизнес, детка». А можно «Кролик не может быть царем зверей. Почему? Потому что царь зверей лев». Этот подход проверен временем во многих сферах жизни. Он не единственный, но в данном случае наиболее эффективен. ПС: считать бредом другие взгляды... уважайте немного других людей.
-
@Yahoo!, тут дело не в том. <h1> можно использовать один раз на страницу. Для примера, возьмем информационный сайт. Мы зашли прочитать какую-то статью. 1. Обратимся к логике. Что на странице статьи должно быть в <h1>? Название статьи. 2. Обратимся к SEO. Когда страница со статьей будет более релевантна для поисковика? Тогда, когда у нее в <h1> название сайта или когда в <h1> название статьи? 3. Вариант "название сайта в <h1>" подходит только в случае если весь сайт оптимизируется под один конкретный ключевик или для поднятия в поисковиках только главной страницы сайта.
-
Ау! А еще через 40 лет вы сделаете нормальную верстку? Это не подход! Сказали "дизайн плохой". Значит: 1. Увольте дизайнера 2. Закажите новый диз. на одном из сайтов вебланцеров. Всегда найдется кто-то за 15-20$ с качественными работами. На разработку диза у него уйдет 3-5 дней. Навесить новый диз еще 1 день. И уже через (3-5) +1 дней на ваш сайт зайдет заказчик, который решит заказать сайт из-за того что ему понравится ваш дизайн.
-
@Yahoo!, без картинок и em знал, но почему-то не сделал ~_~ Лого в <h1> не ставят, с SEO соображений. Таблицы - зло, понял <tfoot> ставится вторым — стандарт w3 (желающие могут переставить его после <tbody> и проверить на валидаторе). @psywalker, появилась идея как сделать без таблиц. Подскажи, если что-то не так. <div class="conteiner"> <div class="tl"> </div> <div class="tm"> </div> <div class="tr"> </div> <div class="ml"> </div> <div class="content"> </div> <div class="mr"> </div> <div class="bl"> </div> <div class="bm"> </div> <div class="br"> </div> </div> t - top, b - bottom, l - left, r - right, m - middle. Для tl, tr, bl, br задаю высоту и ширину. Для ml, mr - ширину и 100% высоту Для tm, bm - ширину 100% и высоту Для всех задаю свои background-image и использую 3 спрайта (верх и низ, лево и право, углы).
-
@PsyWalker, только рамки, которые сделаны картинками через таблицы. Пробовал через 3 дива свехру, 3 снизу, но не знаю что делать с левым правым краем - поэтому решит это сделать таблицами. @Justnewone, не знал что это дорвей, сам к ним негативно отношусь. "Пропустить заставку" уже после меня кто-то дописывал.2 дублирующие навигации со стороны юзабилити, да и обычной логики - полная лажа, но заказчик сказал "переделать чтобы выглядело также".
-
Появилась идиотская идея. Спешу ней поделится Вместо однотактовых (одноцикловых) картинки использовать обычные циклические, а по завершению цикла, заменять изображение на последний кадр, который идет отдельной картинкой. Тогда это всё можно спокойно кешировать. Думаю такое можно реализовать на JS. Но это будет очень уж через *опу, если таких картинок много
-
Верстка дивами. Выравнивание по вертикали.
aTei replied to Great Rash's topic in Tricks and solutions
5 минут просидел, пока понял в чем фишка =) Чтобы было понятней (а это не сразу очевидно) Замените стили .helper на это .helper { height: 100%; width: 10px; border:1px solid black; } Фишка в том, что хелпер и блок с текстом стают инлайновыми. И выравниваются по центру строки, в которой находятся. И, когда мы задаем высоту хелпера в 100%, соответственно задается и высота строки. Вот такой интересный фокус покус. Спасибо Great Rush'у за то, что донес такое элегантное решение до публики. -
Без кроссбраузерности (с ней): 20$ (30$) Сроки: до 3 (5) дней Конечно же валидно, семантично, с комментариями. Email в подписи.
-
Взялся довести верстку до кроссбраузерного состояния, но открыв исходники понял что легче с нуля переписать. Переписал. Прошу верстальщиков оценить по всей строгости. Напишите обо всем что вам не понравится, даже если это 1 лишний пиксель или вам не понравилось как я назвал класс. Известные проблемы: - не юзабельно без JS (не знаю решения) - CSS файл не оптимизирован (знаю решение) - в IE6 при входе на страницу не показывает флеш (не знаю решения)