Олег программист

2022-05-18 13:00:06 VisBug — визуальный редактор и инспектор вёрстки в браузере

Плагин для браузера, который позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector.

Особенности:
Открытый исходный код
Поддержка горячих клавиш
Доступно для Chrome, Firefox, Safari и Edge
Возможность копировать элементы, стили и SVG Открыть/Комментировать

2022-05-18 12:00:08 Профессия «Фронтенд-разработчик» на Хекслете, как айсберг – включает в себя гораздо больше, чем кажется на первый взгляд.

Не просто синтаксис. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Вы научитесь мыслить, как разработчик, и переводить любую бизнес-задачу на язык кода.

Не только упражнения. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров.

Больше, чем учеба. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами. Поможем с резюме и сопроводительным, подготовим к собеседованиям и пригласим на стажировки в хорошие компании.

Начните прямо сейчас. Оцените формат и решите, стоит ли продолжать! Открыть/Комментировать

2022-05-18 06:00:01 Jarallax — Библиотека для настройки параллакс эффекта

Добавляет эффект параллакса для изображений с помощью преобразований CSS.

Особенности / преимущества:
Не имеет зависимостей
Возможность добавить видео с Youtube или Vimeo
Имеет плагин для WordPress и поддерживает jQuery
Возможность отключить эффект на мобильных устройствах Открыть/Комментировать

2022-05-17 22:01:08 Экосистема React в 2022 году

В данной статье мы рассмотрим текущее состояние экосистемы React, а также какие инструменты и библиотеки нам необходимы чтобы покрыть все основные кейсы для успешной разработки приложения. Открыть/Комментировать

2022-05-17 06:00:01 Overlay Scrollbars — Плагин для замены полосы прокрутки

Предоставляет настраиваемые полосы прокрутки с сохранением функциональности.

Особенности / преимущества:
Поддержка всех свойств CSS, влияющих на размер
Работает с React, Vue и Angular
Поддержка Chrome, Firefox, Edge, Opera, Safari, IE8+
Возможность добавлять расширения Открыть/Комментировать

2022-05-16 06:00:01 EasyDropDown — Библиотека для работы с элементом select

Позволяет полностью настроить и стилизовать элемент select.

Особенности / преимущества:
Совместима с Chrome, Firefox, Edge, Opera, Safari, IE9+
Небольшой вес (9kB)
Поддержка CSS-модулей
Возможность работы с клавиатурой Открыть/Комментировать

2022-05-15 06:00:00 Оператор Запятая

Оператор запятая выполняет каждый из его операндов (слева направо) и возвращает значение последнего операнда.

Вы можете использовать оператор запятая, когда необходимо включить несколько выражений в место, которое принимает только одно выражение. Наиболее частый пример использования этого оператора - это передача нескольких параметров в цикл for.

Рассмотрим пример на картинке. Если a это двумерный массив элементов размерностью 10х10, то приведённый код использует оператор запятая для одновременного изменения двух переменных за раз. Открыть/Комментировать

2022-05-14 06:00:00 33 CSS генераторов, библиотек и тулзов упрощающих работу с CSS


1. glassmorphism.com - генератор эффекта глассморфизма (эффект матового стекла)

2. nighteye.app/dark-css-generator/ - генератор тёмных CSS. Вставляем URL сайта - получаем тёмную тему для своей страницы

3. neumorphism.io - создаёт градиенты и тени в стилистике неоморфизма.

4. shapedivider.app - генератор волн, кривых, стрелок и других загогулин

5. utopia.fyi - элегантное масштабирование шрифтов без breakpoints

6. transition.style - генерация Drop-in переходов

7. MoreToggles.css - нужно боооооольше переключателей

8. cssscanpro.com - удобный Devtools позволяющий стянуть понравившиеся CSS с любого сайта

9. shadows.brumm.af - генерация теней

10. stylestage.dev - витрина CSS стилей, попадаются интересные stylesheet

11. spiritapp.io - генерация анимации прямо в браузере

12. border-radius - генерация разных радиусов

13. 10015.io - комбайн, бекграунды, тени, градиенты, кривые, треугольники

14. larsenwork.com/easing-gradients/ - нелинейные градиенты

15. cssgrid-generator.netlify.app - Grid generator

16. accordionslider.com - генерация аккордеон-слайдеров

17. bennettfeely.com/clippy/ - обрезка картинок по трафарету

18. getwaves.io - генерация svg-вектора с заливкой волнообразной формы

19. Background - генератор бекграундов

20. pixelmap.amcharts.com - генератор карт

21. enjoycss.com - комбайн

22. cssfilters.co - фильтры инстаграмма на CSS

23. tridiv.com - 3D-редактор для создания объёмных моделей на чистом CSS

24. howtocenterincss.com - генератор стилей для центрирования

25. javier.xyz/img2css - преобразует изображения в CSS-код

26. pattle.github.io/simpsons-in-css/ - Simpsons чистом CSS

27. icons8.com/cssload/ru/spinners - подборка индикаторов загрузки

28. bennettfeely.com/flexplorer/ - площадка для демонстрации возможностей модели Flexbox

29. css3d.net/ribbon-generator/ - генератор красивых 3D ленточек

30. border-image.com - генератор CSS3 свойства border-image

31. bestcssbuttongenerator.com - генератор CSS3 кнопок

32. jonassebastianohlsson.com/specificity-graph/ - создание графов для стилей

33. new.s-sd.ru/ - генератор длинных теней Открыть/Комментировать

2022-05-13 06:00:01 Мобильная игра на HTML, CSS, JavaScript, jQuery, Apache Cordova и Firebase

В данной статье будет рассказана история разработки одной мобильной игры. Открыть/Комментировать

2022-05-12 06:00:01 Как использовать JavaScript для расстановки элементов на веб-странице Открыть/Комментировать