Ключевое слово this. Тем, кто хочет изучить JavaScript, в любом случае придётся разобраться с this. Этот материал направлен на то, чтобы всем желающим в этом помочь.

Ключевое слово this в JavaScript

#article #js

​​Knob — это jQuery плагин, который превращает обычные инпуты в красивые "диски". В этом плагине используется canvas и все элементы можно кастомизировать под свои нужды. Советую взглянуть на демо.

Демо | GitHub | Tutorial

#jquery #input

Области видимости в JavaScript всегда были непростой темой, особенно в сравнении с более строго организованными языками, такими, как C и Java. В ECMAScript 6 появились некоторые новые возможности, которые позволяют разработчикам лучше контролировать области видимости переменных.

Когда использовать ключевые слова let и const? Как они себя ведут? В каких ситуациях всё ещё актуально ключевое слово var?

Var, let или const? Проблемы областей видимости переменных

#js #article

Что такое Big Data?

В русскоязычной среде используется как термин Big Data, так и понятие «большие данные». Термин «большие данные» — это калька англоязычного термина. Большие данные не имеют строгого определения. Нельзя провести четкую границу — это 10 терабайт или 10 мегабайт? Само название очень субъективно. Слово «большое» — это как «один, два, много» у первобытных племен.

Читать статью полностью

Не будем ходить вокруг да около, скажем прямо: процесс написания хорошего CSS-кода может быть очень и очень тяжёлым. Многие разработчики не хотят связываться со стилями. Они готовы заниматься всем, чем угодно, но только не CSS.

От этого никуда не деться. В наши дни огромное внимание уделяется дизайну, и тому, что называют «UX», а без CSS тут никак не обойтись. Цель этого материала — помочь всем желающим улучшить свои навыки в разработке и применении стилей веб-страниц.

Пишем CSS лучше и красивее

#css #scss

TypeScript 3.0! Да, он вышел, и в нем по-настоящему много нововведений. В статье вы найдете подробное описание всех новинок последней версии, среди которых режим build, новый тип unknown, значительные изменения в API, улучшения производительности и многое другое.

TypeScript 3.0

#ts #news

​​Pickadate.js — это jQuery плагин, который создает адаптивные виджеты выбора даты и времени. Очень легко использовать и кастомизировать, работает на мобильных устройствах.

Демо | GitHub

#datepicker #jquery

JavaScript, определённо, обладает настоящим даром ко всякого рода издевательствам, и с ним в этой области очень непросто тягаться другим языкам. Если вы пишете код, с которым нужно будет работать другим людям, JS даёт вам неисчерпаемое количество возможностей для того, чтобы этих людей раздражать, путать, всячески изводить и обманывать.

JavaScript как воплощение зла

#js #article

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

В этом материале, посвящённом безопасности, собрано более двух десятков рекомендаций, касающихся Node.js, и некоторые советы общего характера.

23 рекомендации по защите Node.js приложений

#nodejs #security

Статья о том, как получить средний цвет фотографии и как это можно использовать при верстке.

Средний цвет в JavaScript

#js #article

Приходилось ли Вам писать что-то, за что Вы сами себя ненавидели? Вы понимали, что так делать плохо и некрасиво, но обстоятельства (требования заказчика, например) были сильнее Вас? У некоторых такое бывало. Как разработчики комментируют такой код?

Комментарии в коде как способ самовыражения

#article #humor

​​Scrollpath — это плагин для создания своих кастомных путей элементов при скролле старницы. Для рисования путей используется канвас и методы moveTo, lineTo и arc.

Демо | GitHub

#jquery #scroll

​​AIjs.rocks — вдохновляющая коллекция JS-приложений, работающих с искуственным интеллектом: фотографии из набросков, подписи к картинкам, симулятор эволюции, умная драм-машина, змейка с управлением головой и многое другое. Всего 18 примеров.

#js #ai

Многие тяжелые плагины для jQuery сейчас легко заменить парой строк CSS, да и возможности по оформлению страниц не идут ни в какое сравнение с тем, что было в начале 2000х. Пора уже изменить восприятие мира веб-разработки, принять тот факт, что “верстка” становится все более широкой областью деятельности, и начать уже делать современные сайты без оглядки на былые стереотипы и ограничения.

5 приемов работы с CSS, о которых вам следует знать

#css #article

​​nanobar.js — это очень, очень легковесная бибилиотека на чистом javascript, которая создает простые и красивые прогрессбары. Вам не нужно jQuery и бибилиотеку легко использовать.

Демо | GitHub

#js #progressbar

​​Новый 69 хром знает все ваши пароли и не даёт использовать одинаковые на разных сайтах

#news

​​Google обновила дизайн Chrome в честь десятилетия браузера

Недавно Chrome стукнуло 10 лет. В честь этого Google существенно обновила интерфейс браузера и добавила в него новые возможности.

В первую очередь стоит отметить вкладки — они стали закруглёнными. Благодаря этому их проще различать, особенно когда открыто не две–три штуки, а гораздо больше. Другие элементы интерфейса тоже стали округлыми. Компания улучшила адресную строку Chrome — некоторые результаты в ней теперь отображаются сразу, чтобы не нужно было открывать отдельную вкладку.

#news #chrome

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

Web не стоит на месте: работа оффлайн, фоновая синхронизация данных, push-нотификации, поддержка входа в один клик и оплаты с помощью кредитных карт, Apple Pay, Google Pay и других методов, встроенная в браузер  —  теперь реальность.

Благодаря всем этим изменениям и нововведениям, теперь web и нативные приложения больше не разделяет пропасть. Теперь они стоят плечом к плечу.

Могут ли PWA конкурировать c нативными приложениями?

#pwa #mobile

​​Windows — это плагин, который позволяет создавать секции на одностраничных сайтах, которые занимают весь экран. Секция, на которой вы находитесь, автоматически будет подогнана под размеры экрана. Советую посмотреть демо.

Демо | GitHub

#jquery #scroll

Эта статья, в первую очередь для дизайнера, который делает макет сайта, но не дорисовывает детали свойственные вебу. Своеобразная попытка объяснить, что веб-сайт лежит за пределами плоской полиграфии.

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

Кнопка или ссылка?

#html #css #article