Этот набор инструментов сделает разработку веб-приложений ещё легче, чем раньше.
#html #css #novice
http://telegra.ph/Nabor-onlajn-instrumentov-dlya-nachinayushchego-veb-dizajnera-07-30-2
#html #css #novice
http://telegra.ph/Nabor-onlajn-instrumentov-dlya-nachinayushchego-veb-dizajnera-07-30-2
Telegraph
Набор онлайн-инструментов для начинающего веб-дизайнера
Многие обоснованно полагают, что HTML и CSS не стоят времени, чтобы читать по ним книги, ведь это не языки программирования, а всего лишь языки разметки и стилей, требующие от верстальщика только хорошей памяти. Однако всё-таки и они требуют практики, с чем…
До сих пор не понимаете, как работают свойства float и margin? Тогда эта короткая справка для вас.
#css #novice
http://telegra.ph/Osobennosti-svojstva-margin-na-ehlementah-s-float-07-30
#css #novice
http://telegra.ph/Osobennosti-svojstva-margin-na-ehlementah-s-float-07-30
Telegraph
Особенности свойства margin на элементах с float
На плавающих элементах (с float: left/right) можно задавать маргины с 4 сторон, в том числе отрицательные. Некоторые маргины сдвигают сам плавающий элемент, а некоторые - отталкивают или втягивают окружающий его текст и инлайновые элементы. Для элементов float:…
Думаете, что знаете HTML? Поверьте, в нём есть неожиданные теги, о которых вы могли не знать.
#html #novice
http://telegra.ph/Samye-neobychnye-tegi-HTML5-kotorye-vy-mozhete-ispolzovat-pryamo-sejchas-07-30
#html #novice
http://telegra.ph/Samye-neobychnye-tegi-HTML5-kotorye-vy-mozhete-ispolzovat-pryamo-sejchas-07-30
Telegraph
Самые необычные теги HTML5, которые вы можете использовать прямо сейчас
Тег используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое тега не отображается, для изменения статуса применяется атрибут open. HTML-элемент определяет диалоговое окно или другой интерактивный…
Не забывайте, что у вас есть лучший отечественный учебник по JavaScript.
#javascript #novice
https://learn.javascript.ru/
#javascript #novice
https://learn.javascript.ru/
learn.javascript.ru
Современный учебник JavaScript
Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.
#javascript
Подборка нескучных книг по JavaScript.
http://telegra.ph/Knigi-i-uchebnye-resursy-po-JavaScript-08-03
Подборка нескучных книг по JavaScript.
http://telegra.ph/Knigi-i-uchebnye-resursy-po-JavaScript-08-03
Telegraph
Книги и учебные ресурсы по JavaScript
JavaScript достаточно сложный в изучении язык, однако с нашей подборкой вы этого не почувствуете. JavaScript. Подробное руководство О книге с носорогом слышал любой веб-программист, и недаром - книга содержит большое количество хороших примеров кода по программированию…
Библиотека JQuery
#jquery #javascript
1. Селекторы
2. События
3. Манипулирование DOM
4. Эффекты и анимация
5. Ajax
Полный курс по ссылке:
https://www.youtube.com/playlist?list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc
#jquery #javascript
1. Селекторы
2. События
3. Манипулирование DOM
4. Эффекты и анимация
5. Ajax
Полный курс по ссылке:
https://www.youtube.com/playlist?list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc
YouTube
jQuery Crash Course
Share your videos with friends, family, and the world
Шесть изящных способов прижать футер сайта к низу экрана.
#html5 #css3 #javascript
http://telegra.ph/Neskolko-sposobov-togo-kak-vsegda-prizhimat-footer-k-nizu-ehkrana-08-08
#html5 #css3 #javascript
http://telegra.ph/Neskolko-sposobov-togo-kak-vsegda-prizhimat-footer-k-nizu-ehkrana-08-08
Telegraph
Несколько способов того, как всегда прижимать footer к низу экрана.
1. Решение через абсолютное позиционирование для фиксированной высоты футера CSS: html { /* Растягиваем документ на всю высоту окна */ height: 100%;}body { position: relative; margin: 0; color: #fff; /* Растягиваем body по высоте html */ min-height: 100%;}header…
Небольшой пример того, почему вам надо использовать Flexbox.
#css
http://telegra.ph/Delaem-prostuyu-setku-na-CSS-s-pomoshchyu-Flexbox-08-09
#css
http://telegra.ph/Delaem-prostuyu-setku-na-CSS-s-pomoshchyu-Flexbox-08-09
Telegraph
Делаем простую сетку на CSS с помощью Flexbox.
Часто возникает необходимость сделать простую сетку для вывода контента, но к тому времени вы ещё можете быть незнакомы с механизмом Flexbox или Grid. Исправляем это недоразумение: CSS .container { padding: 2px; border: 3px solid #464646; background-color:…
#css3 #bootstrap
Для тех, кто любит использовать готовые инструменты и решать глобальные проблемы, придумали фреймворки. Bootstrap — это CSS фреймворк, предоставляющий из коробки многочисленные компоненты адаптивной вёрстки. Этот курс рассматривает фреймворк для разных задач:
https://www.youtube.com/playlist?list=PLillGF-RfqbZ7b9ytQhLqLvWO2Q_3Ph7S
Для тех, кто любит использовать готовые инструменты и решать глобальные проблемы, придумали фреймворки. Bootstrap — это CSS фреймворк, предоставляющий из коробки многочисленные компоненты адаптивной вёрстки. Этот курс рассматривает фреймворк для разных задач:
https://www.youtube.com/playlist?list=PLillGF-RfqbZ7b9ytQhLqLvWO2Q_3Ph7S
CSS Pocket Reference, 5th Edition.pdf
4.4 MB
Генерация CSS
Вам неудобно использовать плагины для автообновления, вы плохо знаете CSS или вы и вовсе обычно работаете на бэкенде? Тогда вам будет интересно поработать в онлайн-редакторе, где вы можете стилизовать компонент наглядно и получить на выходе готовый CSS.
#css3
http://enjoycss.com/
Вам неудобно использовать плагины для автообновления, вы плохо знаете CSS или вы и вовсе обычно работаете на бэкенде? Тогда вам будет интересно поработать в онлайн-редакторе, где вы можете стилизовать компонент наглядно и получить на выходе готовый CSS.
#css3
http://enjoycss.com/
Enjoycss
Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.
JavaScript необычайно популярный и способный язык программирования. Мы подготовили материалы по его изучению, которые окажутся максимально полезными в нынешнем году.
#javascript
https://proglib.io/p/js-materials-may-2018/
#javascript
https://proglib.io/p/js-materials-may-2018/
Библиотека программиста
ТОП-20 полезных материалов по JavaScript за май 2018
Наша редакция продолжает серию обучающих публикаций. Сегодня подборка свежих и полезных материалов по JavaScript за май 2018.
#javascript #angular
Angular — это JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Его главная цель — расширение браузерных приложений на основе MVC-шаблона, а также упрощение тестирования и разработки.
Этот плейлист предназначен для опытных JavaScript-разработчиков и учит, как создавать приложения на базе фреймворка Angular:
https://www.youtube.com/playlist?list=PLL-k0Ff5RfqUKnsarYJo7oZYHx6d5hDhT
Angular — это JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Его главная цель — расширение браузерных приложений на основе MVC-шаблона, а также упрощение тестирования и разработки.
Этот плейлист предназначен для опытных JavaScript-разработчиков и учит, как создавать приложения на базе фреймворка Angular:
https://www.youtube.com/playlist?list=PLL-k0Ff5RfqUKnsarYJo7oZYHx6d5hDhT
YouTube
Видеокурс по Angular 5 - YouTube
Для тех, кому надоело обновлять браузер для просмотра написанного кода, придумали онлайн-консоли. Самая популярная из них — jsbin. В ней вы можете создавать файлы html, css и javascript, писать код и смотреть на результат.
#html #css #javascript
#html #css #javascript
Jsbin
JS Bin
Sample of the bin:
Сэкономьте время с библиотекой Algolia Places, которая превращает любой input в элемент поиска с помощью автозаполнения. Библиотека предлагает мощные функции игнорирования опечатков при поиске и выбора наиболее очевидных вариантов в первую очередь.
#javascript #library
https://community.algolia.com/places/
#javascript #library
https://community.algolia.com/places/