Цель урока: Определить правила работы с html, js и css файлами. Bootstrap и дополнительный css. Структура js-файлов. Использование jQuery, основные моменты, изучение селекторов, событий и др. addClass, removeClass, attr, data, динамическое создание dom-объекта, ajax.
Наконец мы приступаем к более детальному изучению клиентской части, которая уже в меньшей степени связана с asp.net mvc, но всё равно важна для веб-разработки.
Вдохновлённый недавним постом и комментарием к нему, решил сделать аналогичную интерактивную версию.
Есть навигация с клавиатуры, подсветка активных строк, а также индикация соответствия строки регулярному выражению. Для удобства подсказки выделенной ячейки поворачиваются горизонтально.
Разметка – чистый HTML+CSS3.
Почти работает в последних версиях популярных браузеров. В IE9 глючит навигация мышкой, в FF и Opera наблюдаются проблемы с производительностью. И только Chrome – 100% OK.
Буду благодарен за советы по оптимизации.
Ссылка – вот. Детали реализации – под катом.
Читать полностью »
Здесь я покажу, как сделать переключатель на основе input-а на чистом CSS.
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Люблю очень читать — читать на электронной книжке.
Момент 1.
у меня есть вот такая э-книжка eMatic EB105. Книга читает текстовые форматы:PDF/ePUB/TXT/FB2/HTM/MOBI/RTF. Но есть один огромный минус этой книги — в книге нету подключения к Инету. И получается что почитать в онлайне нельзя.
Момент 2.
Пользуюсь браузером Maxthon. Хороший облачный браузер(правда по-моему китайский — ну ниче). В нем есть возможность самому дописывать плагины(аддоны)
В результате возникла идея создания аддона с помощью которого можно сохранять страницы сайта(статьи) в формат FB2 которые можно будет «закидывать» в э-книжку.
Итак, условия задачи:создание аддона для браузера Maxthon на примере аддона HTML_FB2. При чем аддон будет ссылатся на сайт где можно в онлайне конвертировать текст или страницу. Хотите написать что-то круче — пожалУйста пишите.
Уф! Чуть не забыл — нужно зарегится на форуме браузера.
Читать полностью »
Предлагается вот такой вот комплект CSS снипетов, которыми можно раскарсить первое апреля.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №51 (30 марта — 5 апреля 2013)")
/*
Turn every website upside down
*/
body {
/*-webkit-transform: rotate(180deg);
transform: rotate(180deg);*/
}
/*
blur every website for a split second every 30 seconds
*/
body {
/*-webkit-animation: blur 30s infinite;*/
}
/*
Spin every Website
*/
body {
/*-webkit-animation: spin 5s linear infinite;
animation: spin 5s linear infinite;*/
}
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Это заметка о подходе к реализации автоматизации механизма psd to html.Читать полностью »
Доброго времени суток уважаемые читатели. На сегодняшний день большинство техник создания меню-гармошки включают в себя использование псевдо-класса :target. Проблема использования :target заключается в невозможности закрыть какой либо блок в нашем меню, работать будет только «рыскрытие» гармошки.
Поэтому хочется показать Вам пример реализации Accordion меню на чистом CSS с помощью псевдо-класса :checked. С помощью этого метода у Вас появиться возможность контролировать открытие/закрытие блоков. Меню будет двух типов: полностью раскрывающееся и отображение одного блока при схлопывании других. Использовать будет checkbox и radio соответственно.
По роду деятельности студентом мне часто приходится писать различные лабораторные и курсовые работы. Неотъемлемая часть этих работ(как и в 80% задач бизнес-программирования) — код составления отчета о найденных элементах в базе данных или выполненной длительной и сложной операции. В десктопном программировании в рамках .NET Framework есть различные способы решения подобных проблем:
О последнем я и буду вести речь.
Читать полностью »
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №50 (23 — 29 марта 2013)")