Архивы с метками: html/css/javascript

Уже многие годы HTML-формы являются непременным атрибутом сайтов. Самые распространённые из них — авторизация и регистрация. И пусть в последнее время всё чаще встречается эмуляция с помощью JavaScript — пользователь вводит данные и нажимает кнопку, потом скрипт всё собирает и отсылается на сервер — мы всё равно называем это формами. Как мы знаем, в процессе той же регистрации юзеру порой ...

Друзья, доброго дня! Прошлая тема мне показалась несколько неполной. С точки зрения оформления там порядок, но в больших табличках бывает удобно дать пользователю возможность автоматической сортировки данных, а в небольших — ручного упорядочивания. Давно, когда писал свою первую «цемеэску», в админку запихнул обе возможности. Например, автоматическая сортировка полезна, когда нужно получить элементы таблицы по возрастанию идентификатора или имени. Самое главное, ...

Привет, друзья! Каждый, кому приходилось вести блог, наверняка сталкивался с таблицами. Как их создавать рассказывать не буду. А вот про красивую «разлиновку» поговорим. Оформлять будем, конечно же, с помощью CSS. Научимся делать «зебру» — не только горизонтальную, но и вертикальную. Поехали!

Всем привет! Сегодня со мной произошёл странный случай, даже можно сказать, особенный. Поступило сообщение на странную работу формы. Такое периодически случается, и проблема не всегда в кривых руках юзеров, которым свойственно принимать особенность работы за «страшные ошибки», или менеджерах, у которых «вчера отображалось как-то иначе». Началось всё с репорта, что после отправки формы она появляется снова, с заполненными полями, но ...

Затемнение в работе сайтов применяется часто. Типичные варианты — при наведении курсора мыши или после показа какого-либо элемента, чтобы подчеркнуть необходимость действий со стороны пользователя. Содержимое сайта затемнить просто. Этим же способом можно воспользоваться, если потребуется сделать фоновое изображение темнее. А в качестве альтернативы приведу ещё пару вариантов, которые приходилось использовать.

Что такое placeholder (плейсхолдер)? Это английское слово переводится как заполнитель. Используется в качестве пояснения или примера в полях ввода текста (имя, фамилия, e-mail и т. п.), в виде атрибута. На данный момент поддерживается всеми современными браузерами. Ранее работа эмулировалась с помощью JavaScript. Элемент доказал свою пользу и разработчики браузеров ввели дополнительные свойства, позволяющие стилизовать «заполнитель» под свой дизайн.

Приветствую, уважаемые товарищи. Сегодня анализу подвергнется ещё одно свойство из CSS 3 — transform — то-бишь транформирование, или преобразование, если угодно. С его помощью можно изменять масштаб контейнера, наклонять и даже вращать элементы. Только, в противовес какому-нибудь width:50%, манипуляция производится над всем элементом, включая его содержимое. Здорово, правда?

Друзья, здравствуйте. Многие из вас любят всякие красивости. В старых версиях CSS эффекты отсутствовали как данность. Можно было использовать псевдо-свойство :hover, чтобы задать элементу новые «габариты» при наведении мыша, но все действия осуществлялись мгновенно: наводишь мыша на элемент, а он сразу становится в 2 раза больше (для примера). Для плавности приходилось использовать JavaScript. С приходом CSS3 всё изменилось. Элементы теперь ...

Всем доброго понедельника. Статья, показывающая работу со свойствами элемента посредством JavaScript, должна была показать (я надаюсь на это) всю лёгкость манипулирования стилями. Там же говорилось о том, что стили применяются к конкретному элементу. А как его получить? В JS существует несколько медотов, с помощью которых программисту предоставляется возможность получать выборки элементов. Речь идёт о группах getElement* и querySelector*.

Приветствую, друзья! Данная статья пригодится новичкам в веб-программировании. Буду подразумевать, что вам знаком «СИшный» синтаксис, который лежит в основе JavaScript, и получение ссылки на элемент — метод getElementById и сопутствующие — проблем не вызывает. Естественно, основы HTML и CSS вам также должны быть известны.

А вы знали, что CSS для раскраски HTML предлагает для использования более ста сорока цветов? Я говорю не о тех, которые можно назначить с помощью шестнадцатеричного представления, вроде #rrggbb или аналогичный им десятеричной триаде rgb(rr, gg, bb). Это цвета, для которых выделено именованное название.

Друзья, здравствуйте. Неожиданно для себя обнаружил, что на блоге нет, фактически, ни одного упоминания о чумовой библиотеке для работы с JavaScript — jQuery. Если считаете, что для удобной и быстрой разработки клиентского взаимодействия достаточно обычного JavaSciprt, которые вроде бы и не сложен, могу ответить одно: почти наверняка на вашем пути сложных проектов ещё не встречалось. Конечно, для простейшего взаимодействия со ...

Бывают случаи, когда необходимо быстро подсчитать количество символов в тексте. Конечно, что-то подобное встречается в MS Word, но там для сведения выводится лишь скудная информация о количестве знаков без пробелов (ЗБП, СБП) и с пробелами (ЗСП, ССП). Несмотря на то, что многие берут за точку отсчёта 1000 символов без пробелов, кое-кто предпочитает расчёты по общему числу знаков (так проще). Однако ...

регулярные выражения языка javascript очень похожи на аналогичные из php, которые, в свою очередь, почти полностью повторяют персонал языка perl, откуда они, собственно, и пришли. в php нет классов регулярных выражений; это обычные текстовые строки. поэтому переменные в данных выражениях использовать очень просто. допустим, имеем переменную $val, в которой содержится цифра прописью. также имеем особым образом отформатированную строку $str, в ...

Написать простейшую форму с её последующей обработкой сможет, пожалуй, каждый. Но начинающие php-программисты (а иногда и более опытные) встают в тупик: а что делать, если форм на странице 2 и обрабатываются они одним и тем же скриптом? На самом деле, здесь нет ничего сложного. Достаточно знать один момент: как именно браузер отрабатывает эти ситуации.

людей, впервые начавших изучать html, можно условно разделить на 2 группы: те, кто занялся «программированием» только что (а ведь многие действительно считают, что на html нужно программировать), и те, кто программирует софт, но решил, допустим, сделать себе небольшую страничку в интернете. и в данном случае проще будет новичкам, т. к. они воспринимают принцип работы как должное и никаких проблем с ...

некоторое время назад я уже упоминал о теге video, специально внедрённым в html5. однако, как это не прискорбно, использование тега доставит больше неудобств, нежели принесёт пользы. поэтому расскажу о способе, с помощью которого можно вполне обойтись одним видеоформатом. для одного проекта мне потребовалось изыскать возможность открутки видеороликов на сайте. делать плеер с нуля на флеше не представлялось возможным (для начала, ...

пожалуй, настала пора поделиться одной забавной вещицей. многие знают, что с помощью html можно выбирать только 1 файл за раз. если требуется-таки сделать множественную выборку файлов, то придётся либо впихнуть в форму пачку <input type="file">, либо изгаляться с помощью флеша. но всему свойственно изменяться, включая html. и такая полезная вещь наконец-то поддерживается многими браузерами. лучше всего это сделано в веб-навигаторах ...

интерактивность хорошо. благодаря этому мы имеем такие незаменимые для многих вещи, как социальные сети, яндекс-карты, гугль-документы и ещё много всяких полезностей. не появись в середине 90-ых javascript, обязательно возникло бы что-то другое: возможно, это что-то было бы лучше и удобнее, возможно — нет, но в любом случае, нам был явлен замечательный инструмент. существует аналог javascript, который называется JScript — продукт ...

Сталкиваюсь с ситуацией, что порой людям хочется разместить на сайте видео. а учитывая, что самый распространённый тип — avi, ситуация меняется следующим образом: «как мне разместить на своём сайте видео avi». Спешу обрадовать: никак. Универсальный способ есть, но он, фактически, один: использование флеш. Таким образом, без конвертирования всё равно не обойтись. Но это сейчас. В будущем обещают ввести тег video ...

Добавлен новый скрипт: линкогенератор. Скрипт написан на JavaScript, что позволяет использовать его локально. Для этого нужно просто сохранить файл со страницы-примера.

Какие-только «хаки и кряки» не предлагают мужественные веб-девелоперы, дабы совершить священный fix for ie6. порой доходит по абсурда: подключение соответствующего стиля через условные комментарии (что, имхо, приемлимо), включающего функциональность на все случаи жизни + непременные экспрешны. так и хочется сказать этим замученным девелоперам: господа, будьте попроще.

Книга отличного специалиста и просто замечательного человека. Будет полезна как новичкам (это не голословное утверждение!), так и опытным программистам (по какой-то причине не уделявшим должное внимание рекомендациям консорциума w3). Написано, с одной стороны, доступным языком для тех, кто совершенно не в теме, с другой — не содержит «воды», из-за которой более опытным специалистам могла бы показаться нудной. Читать действительно интересно. ...