-
Posts
76 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by aTei
-
-
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>" подходит только в случае если весь сайт оптимизируется под один конкретный ключевик или для поднятия в поисковиках только главной страницы сайта.
-
сделать редизайн, в течение 2-3 месяцев.
Ау! А еще через 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. Но это будет очень уж через *опу, если таких картинок много
-
5 минут просидел, пока понял в чем фишка =)
Чтобы было понятней (а это не сразу очевидно)
Замените стили .helper на это
.helper {
height: 100%;
width: 10px;
border:1px solid black;
}Фишка в том, что хелпер и блок с текстом стают инлайновыми.
И выравниваются по центру строки, в которой находятся.
И, когда мы задаем высоту хелпера в 100%, соответственно задается и высота строки.
Вот такой интересный фокус покус.
Спасибо Great Rush'у за то, что донес такое элегантное решение до публики.
-
Без кроссбраузерности (с ней): 20$ (30$)
Сроки: до 3 (5) дней
Конечно же валидно, семантично, с комментариями.
Email в подписи.
-
Взялся довести верстку до кроссбраузерного состояния, но открыв исходники понял что легче с нуля переписать. Переписал.
Прошу верстальщиков оценить по всей строгости. Напишите обо всем что вам не понравится, даже если это 1 лишний пиксель или вам не понравилось как я назвал класс.
Известные проблемы:
- не юзабельно без JS (не знаю решения)
- CSS файл не оптимизирован (знаю решение)
- в IE6 при входе на страницу не показывает флеш (не знаю решения)
Подскажите как исправить? В браузере Google Chrome комментарии сползают в самый низ
in HTML Coding
Posted
Хром невзлюбил прон и решил испортить верстку