WebDEV. Страница 39

🔥 Лучшее на канале за неделю

1. Токен авторизации на примере JSON WEB Token.

2. GoPablo — генератор статических сайтов с современным рабочим процессом разработки..

3. Современные и эффективные CSS-раскладки.

🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Swift Finance: iOS 14 App Kit через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.

💡 Современные и эффективные CSS-раскладки

▍Заключительная часть

Вот и подошёл к концу цикл статей по современным и эффективным CSS-раскладкам. Всего вышло 18 частей.

Для полного понимания, рекомендуем ознакомиться с первой, второй, третьей, четвёртой, пятой, шестой, седьмой, восьмой, девятой, десятой, одиннадцатой, двенадцатой, тринадцатой, четырнадцатой, пятнадцатой, шестнадцатой, семнадцатой и восемнадцатой частями.

Все примеры вы можете посмотреть по ссылке. На сайте есть полный код, его демонстрация в действии с возможностью самому "пощупать" каждый пример путём изменения размера результата. Также к каждой теме есть ссылка с этим же кодом на CodePen.

Пишите в комментариях, по какой теме вы хотите в дальнейшем видеть советы на канале 👇🏼

#советы #coding #css

🛠 GoPablo — генератор статических сайтов с современным рабочим процессом разработки. Платформа на основе Node включает в себя интегрированный веб-сервер, препроцессоры CSS, автоматическую перезагрузку при изменении кода и полную совместимость с ES6.

#инструменты

📑 JavaScript исполнилось 25 лет

4 декабря 2020 года JavaScript исполнилось 25 лет. Автор материала, перевод которого мы сегодня публикуем, Даниэль Адамс, говорит, что этот язык повлиял на её карьеру, а так же — на профессиональную деятельность многих программистов. JavaScript повлиял и на то, как обычные люди со всего мира пользуются веб-сайтами. Даниэль предлагает отпраздновать 25-летие JavaScript, вспомнив о 25 заметных событиях, которые сделали экосистему, сложившуюся вокруг этого языка, такой, какой она стала в наши дни.

#статьи #js

♥️ Наши каналы для дизайнеров

На канале Dezzigners мы публикуем полезные инструменты и плагины для дизайнеров. Несколько раз в неделю публикуем отличные книги и премиум файлы — бесплатно.

На канале Dropzz скидываем лучший дизайн со всех просторов интернета. Смотрите и вдохновляйтесь!

На канале Newzz ежедневно публикуем топ новых статей и инструментов для дизайнера.

На канале Daily Design мы публикуем полезные материалы, статьи, советы, бесплатные книги и многое другое.

Подписывайтесь! Вы всегда найдете что-то новое и интересное.

Подробное объяснение теста в чате @webb_chat

Выберите правильный вариант 👇🏼 #test #js

💡 Современные и эффективные CSS-раскладки

▍Часть 18

Перед прочтением рекомендуем ознакомиться с первой, второй, третьей, четвёртой, пятой, шестой, седьмой, восьмой, девятой, десятой, одиннадцатой, двенадцатой, тринадцатой и четырнадцатой, пятнадцатой, шестнадцатой и семнадцатой частями.

▍Сохранение пропорций: aspect-ratio: <width> / <height>

Чтобы поддерживать соотношение сторон 16 x 9 без этого свойства, следует использовать хак с padding-top, задав padding 56.25%. Но сСкоро у нас появится свойство, позволяющее не прибегать к этому хаку и вычислению процентов. Можно сделать квадрат с соотношением сторон 1 / 1 или прямоугольник с соотношением 2 / 1, или любым другим, необходимым для изображения определённых размеров.

.square {
  aspect-ratio: 1 / 1;
}

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

#советы #coding #css

🛠 Cutestrap Two — отличный UI-фреймворк с прекрасным дизайном, множеством вариантов настройки и простым в использовании API. Он поставляется с современной сеткой для создания макетов, компонентами для ввода форм и кнопок, типографикой и хорошим набором удобных утилит.

#инструменты

Подробное объяснение теста в чате @webb_chat

Выберите правильный вариант 👇🏼 #test #js

📑 Токен авторизации на примере JSON WEB Token

В данной статье рассказываем об одном из самых популярных (на сегодняшний день) способов авторизации в различных клиент-серверных приложениях - токен авторизации. А рассматривать мы его будем на примере самой популярной реализации - JSON Web Token или JWT.

#статьи

♥️ Наши каналы для программистов

На канале Daily Coding мы каждый день публикуем интересные задачи с собеседований, обучающие статьи, бесплатные книги, советы разработчикам и многое другое.

На канале Говнокод ежедневно выходят забавные подборки плохого кода и мемы для программистов.

Подписывайтесь! Неважно на каком языке вы пишете, вы обязательно найдете что-то новое и интересное.

🔥 Лучшее на канале за неделю

1. До свидания, Google Fonts. Последний аргумент.

2. Jimp — это библиотека обработки изображений для Node.

3. Современные и эффективные CSS-раскладки.

💡 Современные и эффективные CSS-раскладки

▍Часть 18

Перед прочтением рекомендуем ознакомиться с первой, второй, третьей, четвёртой, пятой, шестой, седьмой, восьмой, девятой, десятой, одиннадцатой, двенадцатой, тринадцатой, четырнадцатой, пятнадцатой, шестнадцатой и семнадцатой частями.

▍Сохранение пропорций: aspect-ratio: <width> / <height>

Чтобы поддерживать соотношение сторон 16 x 9 без этого свойства, следует использовать хак с padding-top, задав padding 56.25%. Но сСкоро у нас появится свойство, позволяющее не прибегать к этому хаку и вычислению процентов. Можно сделать квадрат с соотношением сторон 1 / 1 или прямоугольник с соотношением 2 / 1, или любым другим, необходимым для изображения определённых размеров.

.square {
  aspect-ratio: 1 / 1;
}

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

#советы #coding #css

🛠 Screenshot to Code — отличный инструмент, который превращает макеты дизайна в статические веб-сайты. Он основан на нейронной сети, которая анализирует изображения дизайна, разбивает их на компоненты HTML и отображает макет дизайна на основе Bootstrap.

#инструменты

📑 До свидания, Google Fonts. Последний аргумент

Шрифты Google Fonts страшно популярны. Их загружают более 42,8 миллиона сайтов, в том числе Хабр. Библиотека Google Fonts содержит 1023 свободных шрифта и программные интерфейсы для их внедрения через CSS. Очень удобно, казалось бы.

Во многих статьях отмечалось, в какую цену обходятся многочисленные запросы через API. Совет самостоятельно хостить шрифты дают много лет. Даже сама Google давала такой совет на конференции Google I/O 2018 года в выступлении на тему веб-производительности.

Так почему же многие до сих пор загружают шрифты через Google Fonts API? Ну, был последний аргумент — кэширование. Мол, благодаря общему CDN пользователю не нужно скачивать шрифт заново с каждого сайта. Однако в октябре 2020 года этот аргумент перестал работать...

#статьи