Web Working By
Блог о веб-разработке и веб-технологиях

Поиск по сайту

 



О блоге

... веб-разработке и веб-технологиях webworking.by — это ресурс для всех кто интересуется изучением информационных технологий или для тех чья профессиональная деятельность связана с ними. На текущий день на сайте предоставлена информация по Twitter Bootstrap, HTML, CSS, JavaScript, CMF MODX, 1С-Битрикс, WordPress, Joomla и др.

Изменен: 06.10.2017
Путь: Блог о веб-разработке и веб-технологиях / О блоге
CSS 3

Изменен: 06.10.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Онлайн-сервисы для оптимизации css

Онлайн-сервисы для сжатия и оптимизации CSS кода Можем посоветовать онлайн-сервисы оптимизации для css: css.github.io - сжимает css, удаляя повторяющиеся правила codebeautifier.com - то же, что и предыдущий + валидация по стандартам css + много чего еще autoprefixer.github.io - автопрефиксер,...

Изменен: 04.08.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Шаблон расписания на CSS и jQuery

На CodyHouse выложили отличное демо таблицы с расписанием на CSS и jQuery. Отлично подойдёт для большинства сервисов с событиями. На CodyHouse выложили отличное демо таблицы с расписанием на CSS и jQuery. Отлично подойдёт для большинства сервисов с событиями.

Изменен: 06.07.2017
Путь: Блог о веб-разработке и веб-технологиях / JavaScript
Flexisel - плагин карусели на JS с использованием jQuery

... данной работы очень помог и подошел. При изучении документации данного плагина, мне очень понравилось в нем, что он содержит в себе минимум кода и очень прост в использовании. Для его реализации потребуются две библиотеки, немного html кода и стили css. Данный плагин был разработан неким Яном, который является основателем 9 битной Студии . По жизни он занимается, как сказано из его личной страницы на сайте "обо мне", веб-дизайном и веб разработкой, а также помогает многим пользователям ...

Изменен: 05.07.2017
Путь: Блог о веб-разработке и веб-технологиях / JavaScript
Робин Никсон: Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 4-е изд (2016) [PDF]

... веб-стандартов. Для этого достаточно обладать базовыми знаниями языка HTML. Это популярное и доступное пособие поможет вам уверенно освоить динамическое веб-программирование с применением самых современных языков и технологий: PHP, MySQL, JavaScript, CSS и HTML5. С каждой из упомянутых технологий вы познакомитесь отдельно, научитесь применять их в комбинации друг с другом, а по ходу изложения освоите ценные практические приемы веб-программирования. В конце книги весь изученный материал будет обобщен: ...

Изменен: 13.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
CSS коллекция кнопок

Эксклюзивная подборка коллекций кнопок на CSS bttn.css Theta Buttons Pushy Buttons btns.css Press.css CSS3 Button Hover Effects Social Buttons for Bootstrap beautons Obvious Buttons Orman Clark’s Chunky 3D Web Buttons Radioactive Buttons

Изменен: 12.06.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Fabio Cimo: CSS Programming Cookbook (2015) [PDF] [En]

Каскадные таблицы стилей (CSS) - это язык таблиц стилей, используемых для описания внешнего вида и форматирования документа, написанного на языке разметки. Хотя чаще всего используется для изменения стиля веб-страниц и пользовательских интерфейсов, написанных на HTML и XHTML, ...

Изменен: 12.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
М.Моррисон: Изучаем JavaScript [2012] [PDF]

Вы готовы сделать шаг вперед в своей практике веб-программирования и перейти от верстки в HTML и CSS к созданию полноценных динамических страниц? Тогда пришло время познакомиться с самым "горячим" языком программирования - JavaScript! С помощью этой книги вы узнаете все о языке JavaScript: от переменных до циклов. Вы поймете, почему разные ...

Изменен: 12.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Грег Лим: Базовый Angular 2 на Typescript (2017) [PDF] [En]

... и прямо в точку, так как я не хочу тратить ваше время (и, безусловно, мое) на контент, который вам не нужен. В конце концов, у вас будет все необходимое для разработки реального приложения. Эта книга предназначена для разработчиков, знакомых с HTML, CSS, Javascript и объектно-ориентированным программированием. Не требуется опыта TypeScript или AngularJS.

Изменен: 12.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Эрик Фримен, Элизабет Робсон: Изучаем программирование на JavaScript (2015) [PDF]

... легкостью проведет вас по всему пути обучения: от написания простейшего скрипта до создания сложных веб-проектов, которые будут работать во всех современных браузерах. Вы готовы сделать шаг вперед в веб-программировании и перейти от верстки в HTML и CSS к созданию полноценных динамических страниц? Тогда пришло время познакомиться с самым "горячим" языком программирования - JavaScript! С помощью этой книги вы узнаете все о языке JavaScript - от переменных до циклов. Вы поймете, почему разные ...

Изменен: 12.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Как сделать видео в качестве фона сайта

В статье мы поговорим о том, как установить видео в качестве фона для сайта (video background) с помощью HTML5 и CSS. Рассмотрим пример реализации. В текущей статье мы поговорим о том, как установить видео в качестве фона для сайта (video background). HTML <section class="video-container"> <div class="callout"> <h1>Object-Fit ...

Изменен: 06.06.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Как стать фронтенд-разработчиком

... Главное правило будущего специалиста — ставить реальные цели в процессе обучения. В этом поможет планирование. Составьте список инструментов, которые планируете изучить, и держите его перед глазами. Тем, кто стартует с нуля, надо начинать с HTML и CSS и освоить их на уровне идеальной верстки PSD-макетов. На этом этапе также надо научиться работать с текстовыми и графическими редакторами и знать основные принципы дизайна (как плюс). Затем взяться за JavaScript : синтаксис, архитектура и возможности ...

Изменен: 04.06.2017
Путь: Блог о веб-разработке и веб-технологиях / HTML 5
Сборка библиотек, плагинов и т.д. которые можно использовать в своих web проектах

... фильтры, управление куками, анимация элементов и вот это вот все. У всех же есть подборка инструментов для реализации этих задач. Делимся с вами ссылками на наиболее популярные библиотеки (плагины, фреймворки) 1. Bootstrap - самый популярный HTML, CSS, и JS фреймворк в мире для разработки отзывчивых, mobile-first проектов в вебе. 2. slick - Адаптивный слайдер для сайта 3. Owl Carousel 2 - красивый, отзывчивый карусельный слайдер 4. Fotorama - плагин для создания галереи на сайте 5. MagnificPopup ...

Изменен: 02.06.2017
Путь: Блог о веб-разработке и веб-технологиях / Web технологии
Дэн Сидерхолм: Пуленепробиваемый веб-дизайн. Библиотека специалиста. 3-е издание (2012) [PDF]

Эта книга, выходящая уже в третьем издании, посвящена концепции "пуленепробиваемого" веб-дизайна. Она научит вас применять HTML и CSS для разработки современных веб-сайтов, доступных во всех браузерах и устройствах и отличающихся гибкостью и устойчивостью к любым ситуациям. Эта книга, выходящая уже в третьем издании, посвящена концепции "пуленепробиваемого" веб-дизайна....

Изменен: 28.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
CSS

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Hover.css: CSS3 библиотека с более 40 эффектами при наведении

Hover.cssCSS библиотека для анимации кнопок и других элементов пользовательского интерфейса вашего сайта. Среди анимации есть действительно хороший эффект 2D трансформации, а также и другие отлично сделанные эффекты. Hover.cssCSS библиотека для анимации ...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Леа Веру: Секреты CSS. Идеальные решения ежедневных задач (2016) [PDF]

... шестидесяти международных конференциях веб-разработчиков, так что она затрагивает самые актуальные темы - от взаимодействия с пользователем до типографики и визуальных эффектов. Множество книг, доступных на сегодняшнем рынке, документируют возможности CSS от A до Я. Хорошо это или плохо, но "Секреты CSS" - не одна из них. Ее назначение - заполнить пробелы в знаниях, оставшиеся после того, как вы уже ознакомились со справочными материалами, открыть ваш разум новым способам применения функциональности,...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Этан Уотролл, Джефф Сьярто: Изучаем веб-дизайн (2010) [PDF, HTML, CSS, JS, JPEG, PNG, GIF]

... намного красивее, удобнее, доступнее, функциональнее. Благодаря этой книге это реально! Из нее вы узнаете секреты дизайна мирового уровня, тонкости юзабилити, изучите весь процесс изготовления качественного сайта - от эскиза от руки до реализации в HTML и CSS. И ваши сайты будут действительно эффектными! Было бы просто замечательно, если бы было возможно научиться реальному веб-дизайну, просто прочитав книгу. Ведь тогда ваши страницы стали бы намного красивее, удобнее, доступнее, функциональнее. Благодаря ...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Дэвид Макфарланд: Новая большая книга CSS (2016) [PDF]

... CSS3 позволяет создавать профессионально оформленные сайты, но тонкости этого языка могут оказаться довольно сложными даже для опытных веб-разработчиков. Полностью переработанное четвертое издание этой книги поможет вам поднять навыки работы с HTML и CSS на новый уровень; она содержит множество ценных советов, описаний приемов, а также инструкции, написанные в стиле справочного руководства. Технология CSS3 позволяет создавать профессионально оформленные сайты, но тонкости этого языка могут оказаться ...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Эрик Фримен, Элизабет Фримен: Изучаем HTML, XHTML и CSS, 2-е издание + CD (2014) [PDF, ISO]

... эффективно общаться с друзьями, семьей и привередливыми клиентами? Тогда эта книга для вас. Устали от чтения книг по HTML, которые понятны только специалистам в этой области? Тогда самое время взять в руки новое издание "Изучаем HTML, XHTML и CSS. 2-е изд.". Хотите изучить HTML, чтобы уметь создавать веб-страницы, о которых вы всегда мечтали? Так, чтобы более эффективно общаться с друзьями, семьей и привередливыми клиентами? Тогда эта книга для вас. Прочитав ее, вы изучите все секреты ...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Бретт Маклафлин: PHP и MySQL. Исчерпывающее руководство, 2-е издание (2014) [PDF]

Если у вас есть опыт разработки сайтов с помощью CSS и JavaScript, то эта книга переведет вас на новый уровень — создания динамических сайтов на основе PHP и MySQL. Благодаря практическим примерам в книге вы узнаете все возможности серверного программирования. Вы прочитаете, как выстраивать базу данных,...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Петр Ташков: Веб-мастеринг на 100% HTML, CSS, javascript, PHP, CMS, графика, раскрутка (2009) [PDF]

Эта книга адресуется всем, кто хочет научиться быстро и эффективно решать задачи веб-мастеринга и стать специалистом по созданию веб-порталов профессионального уровня. В книге описываются все средства, которые входят в арсенал настоящего веб-мастера, - языки HTML, JavaScript и Perl, дается введение в базы данных MySQL, а также излагаются основные приемы работы с системами управления содержимым сайта (CMS) Joomla! и Drupal. Эта книга адресуется всем, кто хочет научиться быстро и эффективно решать...

Изменен: 27.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Джон Дакетт: HTML и CSS. Разработка и дизайн веб-сайтов [+ CD] (2013) [PDF]

Эта книга – самый простой и интересный способ изучить HTML и CSS. Независимо от стоящей перед вами задачи: спроектировать и разработать веб-сайт с нуля или получить больше контроля над уже существующим сайтом, эта книга поможет вам создать привлекательный, дружелюбный к пользователю веб-контент. Простой визуальный ...

Изменен: 25.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Дэн Седерхольм: CSS ручной работы [2011] [PDF]

Книга посвящена современным технологиям веб-дизайна на основе CSS — каскадных таблиц стилей, использующихся при создании большинства современных интернет-сайтов. Издание затрагивает такие вопросы как использование в веб-дизайне новых свойств CSS3, гибкая работа с цветом при помощи RGBA, работа с «плавающими» элементами,...

Изменен: 01.03.2017
Путь: Блог о веб-разработке и веб-технологиях / Литература
Bootstrap Tour: создание на сайте виртуального тура

... лучший способ познакомить пользователя с интерфейсом, “провести его за ручку” и показать что к чему. Для этой задачи был создан такой инструмент как Bootstrap Tour. О том, как его использовать мы и поговорим. Использование библиотеки <link href=“css/bootstrap-tour.min.css” rel=“stylesheet"> <script src=“js/bootstrap-tour.min.js”></script> Если же вы НЕ пользуетесь Bootstrap, то вам нужно подключить специальную версию файлов, вот так: <link href=“css/bootstrap-tour-standalone....

Изменен: 10.02.2017
Путь: Блог о веб-разработке и веб-технологиях / Web технологии
Опубликовано новое официальное определение CSS (CSS-2017)

Рабочая группа CSS обновила документ по ссылке w3.org/TR/CSS/, традиционно указывающей на «последнюю версию CSS». На смену «снимку» CSS за 2015 год пришел новый «снимок», отражающий состояние технологии в нынешнем, 2017 году. Рабочая группа CSS обновила документ по ...

Изменен: 08.02.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Animate.css - библиотека с интересной анимацией на чистом CSS

С помощью библиотеки Animate.css вы сможете за считанные секунды добавить интересную анимацию на ваш сайт.

Изменен: 24.01.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
18 простых стилей для горизонтальных линий (HR CSS Design)

See the Pen 18 Simple Styles for Horizontal Rules (hr CSS Design) by oleg kobrin ( @olegkobrin ) on CodePen .

Изменен: 08.01.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Новогодние демки на «чистом» CSS

Новогодние спецэффекты для сайта на чистом CSS SCSS random() Ёлка See the Pen SCSS random() Christmas Tree by oleg kobrin ( @olegkobrin ) on CodePen . Снежинка See the Pen Snowflaker 2016 by oleg kobrin ( @olegkobrin ) on CodePen . Доставка на рождественское утро See the Pen Deliver on ...

Изменен: 05.01.2017
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
17 декабря CSS исполнилось 20 лет

об истории развития и дальнейших планах — http://amp.gs/zX1J 17 декабря CSS исполнилось 20 лет, об истории развития и дальнейших планах — http://amp.gs/zX1J

Изменен: 19.12.2016
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
iHover: подборка hover-эффектов на чистом CSS

... коллекция hover эффектов на чистом CSS3, которые отлично работают с Bootstrap 3! iHover - впечатляющая коллекция hover эффектов на чистом CSS3, которые отлично работают с Bootstrap 3! iHover довольно прост в использовании, достаточно просто подключить CSS файл и Вам уже доступно более 30 эффектов которые можно использовать в своих проектах . <link href="styles/ihover.css" rel="stylesheet">

Изменен: 03.12.2016
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
50 сайтов с бесплатными иконками

... поиска. Best PSD Freebies . Бесплатные иконки в PSD. Blugraphic . PSD, PNG и векторные иконки. Поиск по тегам. Еженедельная подборка бесплатных иконок. Captain Icon . Форматы: EPS, PSD, PNG, SVG и иконочный шрифт. Можно кастомизировать цвет и размер. CSS Author . Еженедельные подборки бесплатных иконок. Creative Tail . Иконки, которых больше нигде нет. Dafont . 50 иконочных шрифтов. Проверяйте правила использования. DevianArt . 200 000 иконок. Некоторые художники предпочитают делиться только с участниками ...

Изменен: 25.10.2016
Путь: Блог о веб-разработке и веб-технологиях / Web технологии
Анимация куба на чистом CSS

Демо-анимация куба на чистом CSS Демо-анимация куба на чистом CSS See the Pen Zero Element: Cube by oleg kobrin ( @olegkobrin ) on CodePen .

Изменен: 15.10.2016
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Подсказки (tooltips) на чистом CSS

Многие разработчики сайтов до сих пор используют JavaScript для создания подсказок, но самом деле на CSS их сделать гораздо проще. Многие разработчики сайтов до сих пор используют JavaScript для создания подсказок, но самом деле на CSS их сделать гораздо проще. Самым лёгким решением будет прописать текст подсказки в data-атрибуте HTML-кода, например,...

Изменен: 15.10.2016
Путь: Блог о веб-разработке и веб-технологиях / CSS 3
Переменные в шаблоне компонента

... $DB; ?> Внимание. Переменная $DB содержит объект класса CDatabase, с её помощью можно выполнять произвольные SQL запросы, и фактически полноценно работать с базой данных. Ниже пример использования одной из переменных для подключения файлов js и css в шаблоне компонента: <?php $APPLICATION->AddHeadScript($templateFolder.'/myScript.js'); $APPLICATION->SetAdditionalCSS($templateFolder.'/myStyle.css'); ?> Подключаемые файлы достаточно разместить в папке шаблона компонента, подключаться ...

Изменен: 15.10.2016
Путь: Блог о веб-разработке и веб-технологиях / CMS
Топ 10 Front-End фреймворков в 2016-м

... Вашему вниманию наиболее популярные варианты готовых библиотек для фронтенд-разработки. Топ 10 Front-End Frameworks в 2016 году Ниже представлены десять самых популярных фронтенд-фреймворков на 2016 год. 1. Bootstrap Простой и легко настраиваемый HTML, CSS и Javascript фреймворк для более быстрой и удобной Web-разработки. 2. Semantic-UI Semantic UI Framework это бесплатный фреймворк и распространяется по лицензии MIT. В отличии от других фреймворков Semantic UI Framework не сильно популярен, возможно ...

Изменен: 13.10.2016
Путь: Блог о веб-разработке и веб-технологиях / HTML 5
Скрытие системного сообщения об окончании лицензии в Битрикс

... "Интерфейс" - "Персональные настройки", снимаем галочку с пункта "О сроке окончания техподдержки" Но в случае с DEMO лицензией это может не всегда сработать. Если после этого уведомление осталось, тогда скроем его через css стили. Просто пропишем стиль к блоку div, внутри которого выводится это уведомление. В файле prolog_main_admin.php , который находится тут /bitrix/modules/main/interface/ ищем кусок кода, который отвечает за вывод этого блока и дописываем display:none ...

Изменен: 09.10.2016
Путь: Блог о веб-разработке и веб-технологиях / CMS
SyntaxHighlighter подключение подсветки листинга кода

... подключить к сайту все необходимые файлы из папки syntaxhighlighter . Для этого в <head> страницы добавьте следующий код <!-- Подключаем таблицы стилей, ядро скрипта и добавляем функцию для подсветки синтаксиса--> <link type="text/css" rel="stylesheet" href="/syntaxhighlighter/styles/shCore.css" /> <link type="text/css" rel="stylesheet" href="/syntaxhighlighter/styles/shThemeDefault.css" /> <script type="text/javascript" ...

Изменен: 04.10.2016
Путь: Блог о веб-разработке и веб-технологиях / JavaScript
Instagram фильтры чистом на CSS (CSSgram)

Интересная CSS библиотека с множеством фильтров в стиле Instagram, которые можно применять к изображениям на своем сайте. Интересная CSS библиотека с множеством фильтров в стиле Instagram, которые можно применять к изображениям на своем сайте. Использование библиотеки ...

Изменен: 27.09.2016
Путь: Блог о веб-разработке и веб-технологиях / CSS 3

Сортировать по релевантности | Отсортировано по дате

98

материалов о web-разработке

1345

читателей нашего блога

15

городов и стран

96

разработанных проектов