До сих пор не понимаете, как работают свойства 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/
#javascript #angular
Angular — это популярный JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Работает на базе шаблона MVC. В этой книге рассматривается последняя версия фреймворка и даны хорошие примеры по работе с ним.
https://yangx.top/progbook/1265
Angular — это популярный JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Работает на базе шаблона MVC. В этой книге рассматривается последняя версия фреймворка и даны хорошие примеры по работе с ним.
https://yangx.top/progbook/1265
Telegram
Книги для программистов
Абсолютно полезный и потрясающий плейлист по изучению JavaScript со всех сторон.
1. Основы JavaScript
2. Создание конвертера весов
3. JavaScript DOM
4. JavaScript ООП
5. Асинхронный JavaScript
6. Работа с Google API
7. AJAX
8. Создание слайдера
9. Создание поиска по типу Reddit
10. Работа с API Youtube и многое другое.
#javascript
https://www.youtube.com/playlist?list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX
1. Основы JavaScript
2. Создание конвертера весов
3. JavaScript DOM
4. JavaScript ООП
5. Асинхронный JavaScript
6. Работа с Google API
7. AJAX
8. Создание слайдера
9. Создание поиска по типу Reddit
10. Работа с API Youtube и многое другое.
#javascript
https://www.youtube.com/playlist?list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX
YouTube
Vanilla JavaScript
Share your videos with friends, family, and the world
Этот репозиторий представляет из себя памятку по JavaScript и насчитывает множество ссылок на изучение языка для разного уровня и примеры кода, необходимые в реальной разработке.
#javascript
https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md
#javascript
https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md
GitHub
modern-js-cheatsheet/translations/ru-RU.md at master · mbeaudru/modern-js-cheatsheet
Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects. - mbeaudru/modern-js-cheatsheet
Кто любит игры и JavaScript могут посмотреть этот небольшой туториал по созданию игры на базе фреймворка Phaser. Автор создаёт знаменитую тетрисную игру и заодно учит работать с JavaScript.
#javascript
https://www.youtube.com/playlist?list=PLfdtiltiRHWHHYWSsb_0V3k6CFxDhjFtS
#javascript
https://www.youtube.com/playlist?list=PLfdtiltiRHWHHYWSsb_0V3k6CFxDhjFtS
YouTube
Build a JavaScript breakout game with Phaser
Using the power of the Phaser game framework, let's build a classic breakout game!
Возможно, вам не хочется тратить время на адаптацию вашего сайта под все виды экранов, а воспользоваться готовым инструментом, который сделал бы всё для вас. Если вы новичок в вёрстке, то знайте, что такой инструмент есть, и имя ему — Bootrstap. В этой книге даются основные приёмы по работе с последней версией фреймворка.
#bootstrap
https://yangx.top/progbook/1109
#bootstrap
https://yangx.top/progbook/1109
Telegram
Книги для программистов