​​Jquery Line Progress Bar — легковесный прогресс бар для вашего сайта

Демо | Документация

#jquery #progressbar

Используя cookies, мы можем обмениваться информацией между сервером и браузером. С их помощью создаётся пользовательский сеанс, а серверы могут распознавать пользователей между запросами.

Узнайте, как работают HTTP COOKIES

#http #cookies

​​slick.js - адаптивный слайдер с очень большим функционалом

Демо и документация

#jquery #slider

Возможно у вас давно стоял вопрос: как же просто и быстро деплоить frontend проект?

Беглый деплой или как развернуть front-end за 15 минут

#tools

Почему я ушел из Google?

Последние четыре года я работал разработчиком программного обеспечения в Google, но 1 февраля уволился, потому что они не сделали мне подарок на Рождество.

Шучу, на самом деле всё немного сложнее.

Почему я ушёл из Google и начал работать на себя

#story

​​Зацените этот шедевр — oskarstalberg.com

#coolstuff

​​Простой пример эффекта пульсации на CSS

Codepen: Pulse effect

#css

Junior, который в первый день работы удалил базу данных с production

Reddit и другие иностранные ресурсы буквально покорила история о младшем разработчике, который, придя на свою первую работу, в первый же день удалил базу данных на production.

Читать 2 минуты

#story

​​Книга «Секреты JavaScript ниндзя» раскрывает секреты мастерства разработки веб-приложений на JavaScript (соавтор книги, Джон Резиг - создатель библиотеки JQuery). Начиная с пояснения таких основных понятий, как функции, объекты, замыкания, прототипы, регулярные выражения и таймеры, авторы постепенно проводят читателя по пути обучения от ученика до мастера, раскрывая немало секретов и специальных приемов программирования на конкретных примерах кода JavaScript.

Скачать

#book

​​Внушительное количество материалов в интернете представлено в ужасном виде. Под ужасным видом я подразумеваю то представление, с которым подаётся материал. Что делать?

Деградация веба или как сделать веб человекочитаемым

#article

​​PixiJS - отличная библиотека для создания игр, которые работают во всех браузерах. В PixiJS реализована поддержка текстур и спрайтов, есть поддержка интерактивности — на спрайты можно повесить обработчики событий мыши и тачскрина.

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

Пример игры | Демо и документация

#gamedev #js

​​Небольшой список стандартов написания HTML и CSS — codeguide.co

#html #css #codestyle

Перевод статьи человека, который несколько лет воровал имена пользователей, пароли и номера кредитных карт с различных сайтов.

Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов

#security #js

​​Rellax.js — легковесная библиотека на чистом JavaScript, работает на мобильниках. С ее помощью можно контролировать скорость прокручивания отдельных элементов и создавать эффект параллакса.

Демо | Документация

#js #parallax

История о парне, который с помощью SQL Injection смог получить доступ к базе Федеральной службы по надзору в сфере образования и науки

И так сойдёт… или как данные 14 миллионов россиян оказались у меня в руках

#security

Метод console.log() — отличный способ вывести отладочную информацию, не мешая пользователю. Но знаете ли Вы, что объект console имеет еще уйму других не менее полезных методов?

Используем Console на полную

#js

​​Очень простой, но эффектный параллакс футер. Без использования JavaScript, всего 20 строк CSS.

Codepen: CSS Parallax Footer

#css #parallax

​​Библиотека Material комбинирует Bootstrap 4 с Google’s Material Design.

Демо и документация

#css #material

Стрелочные функции — наиболее популярная фишка ES6. Это новый, лаконичный способ написания функций. Давайте разберемся, когда следует использовать новый способ, а когда привычный.

Стрелочные функции VS Обычные функции

#js

​​PaperCSS — The less formal CSS framework

Демо и документация

#css

CSS Grid — это принципиально новый подход к созданию HTML разметки с использованием CSS. CSS Grid является конкурентом Flexbox.

Использование CSS Grid для создания современной HTML разметки

#css