WebDEV
8.97K subscribers
2.2K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
​​Nintendo Switch на чистом CSS

CodePen
Forwarded from Daily Coding 🔥
Что такое 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
Приходилось ли Вам писать что-то, за что Вы сами себя ненавидели? Вы понимали, что так делать плохо и некрасиво, но обстоятельства (требования заказчика, например) были сильнее Вас? У некоторых такое бывало. Как разработчики комментируют такой код?

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

#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
Если вы занимаетесь веб-разработкой, то высока вероятность того, что вам знакомы два чудовища, о которых пойдёт речь в статье. Речь идёт об изображениях и о дедлайнах. Иногда, по каким-то причинам, картинки никак не хотят помещаться в те места макетов страниц, которые для них предназначены, а вы не можете потратить несколько часов на то, чтобы с этим разобраться.

CSS-приёмы, которые помогают экономить время

#css #article
​​Shuffle Letters — это jQuery плагин, который создает интересный эффект вывода текста. Буквы выводятся рандомно, одна за другой.

Демо | GitHub

#text #animation #jquery