https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/css/html5-template-design/ https://www.dejurka.ru/css/html5-template-design/#comments Tue, 22 Sep 2015 10:00:44 +0000 Mary - Dejurka http://www.dejurka.ru/?p=135774
Уже пришла пора использовать семантические теги разметки HTML5 при создании сайтов. Консорциум W3C изучил более миллиарда веб-сайтов и обнаружил, что наиболее часто встречающиеся идентификаторы и классы это footer (подвал), header (шапка), menu (меню), content (содержимое), title (название) и nav (навигация). Семантическая разметка элементов HTML5 может передать их цель разработчикам, браузерам и поисковым роботам.     [...]]]> https://www.dejurka.ru/css/html5-template-design/feed/ 1 https://www.dejurka.ru/css/login-form-final-result/ https://www.dejurka.ru/css/login-form-final-result/#comments Wed, 05 Nov 2014 11:00:20 +0000 Mary - Dejurka http://www.dejurka.ru/?p=118526
Мы уже знаем, что CSS3 предоставляет много новых возможностей для создания и внедрения разных веб-формы. HTML5 также играет большую роль в создании более удобных форм без необходимости использования кода javascript. Зная об этом, посмотрите на пример формы авторизации ниже, который мы создадим в этом уроке:     Демонстрация работы Разметка <form id="login"> <h1>Log In</h1> <fieldset [...]]]> https://www.dejurka.ru/css/login-form-final-result/feed/ 1 https://www.dejurka.ru/css/input-range-css/ https://www.dejurka.ru/css/input-range-css/#comments Mon, 06 Oct 2014 10:00:26 +0000 Mary - Dejurka http://www.dejurka.ru/?p=117161
Ползунок — это новый способ ввода информации, введенный в HTML5. Этот способ позволяет ввести число в заданном диапазоне. Браузер стандартно отобразит этот способ ввода информации как полосу прокрутки. Это очень интуитивно понятный пользовательский интерфейс, широко распространенный в приложениях. Мы можем передвигать ручку ползунка вправо или влево, чтобы выбрать число в пределах диапазона.     Но [...]]]> https://www.dejurka.ru/css/input-range-css/feed/ 5 https://www.dejurka.ru/css/css_thumbnail_grid_with_dynamic_flyout_menu/ https://www.dejurka.ru/css/css_thumbnail_grid_with_dynamic_flyout_menu/#comments Thu, 11 Apr 2013 07:00:54 +0000 marina http://www.dejurka.ru/?p=77055
При размещении данных в сетке мы часто теряем возможность размещения дополнительной информации. Поэтому в этом уроке мы будем добавлять всплывающие меню при наведении на изображение. Оно может включать имя изображения, оригинальную ссылку на источник, либо информацию о авторе. Кроме того, в уроке рассказано, как создавать динамический эффект, использую только свойства CSS3. В основном все современные браузеры [...]]]> https://www.dejurka.ru/css/css_thumbnail_grid_with_dynamic_flyout_menu/feed/ 1 https://www.dejurka.ru/css/html5_tutorials/ https://www.dejurka.ru/css/html5_tutorials/#comments Wed, 30 Jan 2013 11:13:42 +0000 marina http://www.dejurka.ru/?p=72751
 HTML5 дает нам много новых возможностей.  Для упрощения внедрения и управления графическими и мультимедийными объектами в сети без необходимости обращения к собственным плагинам и API были введены различные элементы и атрибуты. Для всех, кто хочет освоить HTML5, либо изучить его более детально, и выучить что-то новое, подборка уроков по HTML5.   Design & Code a Cool [...]]]> https://www.dejurka.ru/css/html5_tutorials/feed/ 1 https://www.dejurka.ru/css/minimalistic-portfolio-tutorial-part-2/ https://www.dejurka.ru/css/minimalistic-portfolio-tutorial-part-2/#comments Thu, 18 Oct 2012 10:17:34 +0000 Elena http://www.dejurka.ru/?p=64689
Не так давно мы публиковали урок по созданию дизайна чистого портфолио в Фотошопе. Сегодня мы сделаем наше портфолио функциональным и заставим его отображаться в браузере.  В этом уроке мы покажем, как сверстать сайт при помощи html5 и css3 и сделать слайдер при помощи jQuery. Окончательный результат: Смотрите демо Нарезка изображений Нарежьте изображение лого и переключателей для слайдера [...]]]> https://www.dejurka.ru/css/minimalistic-portfolio-tutorial-part-2/feed/ 10 https://www.dejurka.ru/css/html5-tutorials/ https://www.dejurka.ru/css/html5-tutorials/#comments Wed, 12 Sep 2012 07:19:32 +0000 ismari http://www.dejurka.ru/?p=60737
HTML5 дает нам новые интересные возможности: семантические теги, право создавать графические элементы, игры, встраивать аудио и видео без внешних плагинов или встроенных скриптов и многое другое. Сегодня мы приготовили подборку уроков html5, которые подойдут как тем, кто хочет освоить этот язык, так и тем, кто желает "копнуть" немного глубже и выучить что-то новое. 1.Making a [...]]]> https://www.dejurka.ru/css/html5-tutorials/feed/ 6