Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Javascript for beginners
Автор: Enrique Sanchez
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#Javascript #english
Автор: Enrique Sanchez
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#Javascript #english
Forwarded from TechSkills - книги по программированию
Forwarded from Senior Frontend - javascript, html, css
CSS @font-face
@font-face - это правило, которое позволяет указать шрифты для отображения текста на веб-страницах.
Как использовать @font-face
1. Необходимо определить имя шрифта, и место где его можно найти.
@font-face - это правило, которое позволяет указать шрифты для отображения текста на веб-страницах.
Как использовать @font-face
1. Необходимо определить имя шрифта, и место где его можно найти.
@font-face {
font-family: DeliciousRoman;
src: url('http://www.font-face.com/fonts/delicious/Delicious-Roman.otf');
}
2. Затем уже его можно использовать.p {
font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}
Также, можно подключать шрифты локально:@font-face {
font-family: DeliciousRoman;
src: url('.../Delicious-Roman.otf');
}
Несколько дополнительных свойств @font-face:font-display - Определяет как отображается шрифт, основываясь на том, был ли он загружен и готов ли к использованию.font-stretch - с помощью него можно определить ширину начертания букв.font-style - позволяет определить наклонный шрифт или курсив.font-weight - определяет насколько “толстым” должно быть начертание букв.Forwarded from NOP::Nuances of Programming
Пять алиасов Git, без которых мне не прожить
Простые, но полезные -упаковываем последовательность элементарных команд в короткий псевдоним, и работать с Git станет удобнее.
https://nuancesprog.ru/p/8922
@nuancesprog #статьи #Git
Простые, но полезные -упаковываем последовательность элементарных команд в короткий псевдоним, и работать с Git станет удобнее.
https://nuancesprog.ru/p/8922
@nuancesprog #статьи #Git
Forwarded from DНЕВНИК web-программиста
Forwarded from FrontEnd книги для программистов
Forwarded from Laravel World
VILT (Vue.JS, Inertia.JS, Laravel and TailwindCSS)
Перспективная стек разработки Laravel-приложений
https://raison.co/vilt-stack-vue-inertia-laravel-tailwind/
Перспективная стек разработки Laravel-приложений
https://raison.co/vilt-stack-vue-inertia-laravel-tailwind/
Raison
VILT Stack - A future-proof way to build with Laravel in 2020
Let's look at the VILT Stack (Vue.JS, Inertia.JS, Laravel and TailwindCSS) and how they all work together in 2020.
Forwarded from TechSkills - книги по программированию
Forwarded from Frontender's notes [ru]
Марафон по HTML/CSS верстке сайтов!
4-6 августа 18:00
За три дня сверстаем сайт
для новичков+
На марафоне в прямом эфире:
— Напишем сайт на HTML и CSS
— Сделаем его адаптивным
— Познакомимся с JavaScript-библиотекой jQuery
— Отвечу на все вопросы
— Познакомимся с программой Figma для верстальщика
Для участия в марафоне подписывайтесь на телеграм канал: https://t.me/from0to1ru
4-6 августа 18:00
За три дня сверстаем сайт
для новичков+
На марафоне в прямом эфире:
— Напишем сайт на HTML и CSS
— Сделаем его адаптивным
— Познакомимся с JavaScript-библиотекой jQuery
— Отвечу на все вопросы
— Познакомимся с программой Figma для верстальщика
Для участия в марафоне подписывайтесь на телеграм канал: https://t.me/from0to1ru
Forwarded from FrontEnd книги для программистов
Essential TypeScript: From Beginner to Pro
Автор: Adam Freeman
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#TypeScript #english #middle
Автор: Adam Freeman
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#TypeScript #english #middle
Шрифт Fira Code
для визуального объединения нескольких символов в один в вашем коде.
https://github.com/tonsky/FiraCode
Инструкция по установке в VSC:
https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions
для визуального объединения нескольких символов в один в вашем коде.
https://github.com/tonsky/FiraCode
Инструкция по установке в VSC:
https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions
GitHub
GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures
Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub.
Talking TypeScript
Книга Акселя Раушмайера о TypeScript. Половина доступна для чтения бесплатно!
Читать: https://prglb.ru/101c1
#books #typescript
Книга Акселя Раушмайера о TypeScript. Половина доступна для чтения бесплатно!
Читать: https://prglb.ru/101c1
#books #typescript
Open source таблички а-ля Exel. Вдруг кому пригодится)
Forwarded from Находки в опенсорсе
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
It has lots of features!
https://github.com/mengshukeji/Luckysheet
#js
It has lots of features!
https://github.com/mengshukeji/Luckysheet
#js
Forwarded from Хабр
CSS Grid понятно для всех
Что такое Grid?
Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор определяет столбцы, а другой строки. Элементы могут быть помещены в сетку, соответственно строкам и столбцам.
Поддержка браузерами
В 2020 году поддержка браузерами достигает 94 %
Grid контейнер
Мы создаем grid контейнер, объявляя display: grid или display: inline-grid на элементе. Как только мы это сделаем, все прямые дети этого элемента станут элементами сетки.
<body>
<div class="row">
<div class="row__item header">
<h1>Header</h1>
</div>
<div class="row__item nav">
<h1>Navbar</h1>
</div>
<div class="row__item article">
<h1>Article</h1>
</div>
<div class="row__item ads">
<h1>Ads</h1>
</div>
</div>
</body>
.row {
display: grid;
margin: auto;
grid-template-rows: 60px 1fr ;
grid-template-columns: 20% 1fr 15%;
grid-gap: 10px;
width: 1000px;
height: 1000px;
justify-items: center;
justify-content: space-between;
grid-template-areas:
"header header header"
"nav article ads";
}
grid-template-rows — это CSS свойство, которое определяет названия линий и путь размера функции grid rows.
CSS свойство grid-row определяет с какой строки в макете сетки будет начинаться элемент, сколько строк будет занимать элемент, или на какой строке завершится элемент в макете сетки. Является сокращенным свойством для свойств grid-row-start и grid-row-end.
Свойство CSS grid-gap является сокращенным свойством для grid-row-gap и grid-column-gap, определяющего желоба между строками и столбцами сетки.
Свойство grid-template-areas определяет шаблон сетки ссылаясь на имена областей, которые заданы с помощью свойства grid-area.
Повторение названия области приводит к тому, что содержимое охватывает эти ячейки. Точка означает пустую ячейку. Сам синтаксис предоставляет визуализацию структуры сетки.
С помощью свойства grid-area мы можем назначить каждой из этих областей свое собственное имя. Именование областей еще не создает никакого макета, однако теперь у нас есть именованные области, которые мы можем в нем использовать. Читать дальше →
http://amp.gs/Ftx0
Что такое Grid?
Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор определяет столбцы, а другой строки. Элементы могут быть помещены в сетку, соответственно строкам и столбцам.
Поддержка браузерами
В 2020 году поддержка браузерами достигает 94 %
Grid контейнер
Мы создаем grid контейнер, объявляя display: grid или display: inline-grid на элементе. Как только мы это сделаем, все прямые дети этого элемента станут элементами сетки.
<body>
<div class="row">
<div class="row__item header">
<h1>Header</h1>
</div>
<div class="row__item nav">
<h1>Navbar</h1>
</div>
<div class="row__item article">
<h1>Article</h1>
</div>
<div class="row__item ads">
<h1>Ads</h1>
</div>
</div>
</body>
.row {
display: grid;
margin: auto;
grid-template-rows: 60px 1fr ;
grid-template-columns: 20% 1fr 15%;
grid-gap: 10px;
width: 1000px;
height: 1000px;
justify-items: center;
justify-content: space-between;
grid-template-areas:
"header header header"
"nav article ads";
}
grid-template-rows — это CSS свойство, которое определяет названия линий и путь размера функции grid rows.
CSS свойство grid-row определяет с какой строки в макете сетки будет начинаться элемент, сколько строк будет занимать элемент, или на какой строке завершится элемент в макете сетки. Является сокращенным свойством для свойств grid-row-start и grid-row-end.
Свойство CSS grid-gap является сокращенным свойством для grid-row-gap и grid-column-gap, определяющего желоба между строками и столбцами сетки.
Свойство grid-template-areas определяет шаблон сетки ссылаясь на имена областей, которые заданы с помощью свойства grid-area.
Повторение названия области приводит к тому, что содержимое охватывает эти ячейки. Точка означает пустую ячейку. Сам синтаксис предоставляет визуализацию структуры сетки.
С помощью свойства grid-area мы можем назначить каждой из этих областей свое собственное имя. Именование областей еще не создает никакого макета, однако теперь у нас есть именованные области, которые мы можем в нем использовать. Читать дальше →
http://amp.gs/Ftx0
Хабр
CSS Grid понятно для всех
Что такое Grid? Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор определяет столбцы, а другой строки. Элементы могут...