WebDEV
8.96K subscribers
2.21K photos
11 videos
2.72K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
Девять правил о том, как писать нормальные UX-тексты

Чек-лист и примеры до и после, которые помогут писать тексты для интерфейсов.

#design #ux
Наш чат — @webb_chat. Там мы общаемся и помогаем друг другу.
Какую CMS лучше выбрать для интернет-магазина

Если вы планируете открыть интернет-магазин, кроме организационных моментов, связанных с новым бизнесом, нужно будет создать сайт интернет-магазина и выбрать для него CMS. Эта аббревиатура расшифровывается как Content Management System, что в переводе означает «система управления контентом».

Читать статью

#article #cms
Layzr.js — маленькая, современная, быстрая и независимая библиотека для создания отложенной инициализации (или как ее принято называть «ленивой загрузки»). Она помогает увеличить скорость загрузки страницы, так как изображения загружаются только после того, как попадут в область просмотра браузера.

Демо | GitHub

#js #loading
Forwarded from Daily Coding 🔥
Кто вы в IT?

Если вы новичок в IT или вы не до конца поняли, кто есть кто и кто что делает, то эта статья будет полезна для вас. Я попробую пройтись по главным позициям в IT и расскажу, чем они занимаются.

В статье рассмотрены CEO, CTO, Product Manager, Project Manager, Team Lead, Product Owner, QA/QC Engineer, Technical Writer, System Administrator, Sales Manager и Software Developer.

Читать статью

#article #career #job
Vorlon.js — это open-source инструмент с поддержкой расширений, позволяющий удаленно вести отладку и тестирование JavaScript-кода.

Библиотека основывается на node.js и socket.io. Чтобы установить Vorlon.JS, нужно будет добавить всего лишь одну строку кода в ваше веб-приложение. Затем запустить сервер и открыть консоль Vorlon.JS. Инструмент позволяет одновременно подключиться к 50 устройствам.

Проверить работу кода на каждом из подключенных устройств можно в одно нажатие. Отладку можно проводить практически на любой платформе при помощи веб-интерфейса. Плагин также позволяет добавлять новые функции и подключать ресурсы.

Демо | GitHub

#js #debug
Создание сайта с нуля. Чек-лист для начинающих

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

Читать статью

#article #web #tips
Rough.js — небольшая JavaScript библиотека для отрисовки фигур и диаграмм, как будто они сделаны от руки. Работает через canvas, предоставляет инструменты для отрисовки линий, кривых, дуг, многоугольников и других форм. Поддерживает отрисовку в SVG.

Демо | GitHub

#js #charts #diagrams
Вы читаете книги по программированию?
Anonymous Poll
45%
Да
19%
Нет
36%
Редко
Responsive Viewer — расширение для Chrome которое помогает просмотреть сайт в режиме отзывчивого дизайна сразу на нескольких устройствах.

Установить

#chrome #extension
10 признаков устаревшего сайта

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

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

Читать статью

#article #tips
Babylon.js — легковесный кроссбраузерный JavaScript-фреймворк, использующий API WebGL для отображения 2D и 3D-графики в браузере без использования каких-либо сторонних плагинов и дополнений. Babylon.js использует элемент HTML5 Canvas. Фреймворк распространяется под лицензией Apache 2.

Демо | GitHub

#js #graphic
Forwarded from Daily Coding 🔥
На сайте dailycdoing.io появился раздел с бесплатными книгами для программистов и дизайнеров. Пока книг там немного, но мы каждый день расширяем библиотеку!

Скачать книгу просто. Нужно выбрать понравившуюся и нажать на кнопку "Скачать". И все! Не нужно никаких регистраций. Все абсолютно бесплатно.
Полезные советы по CSS

Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не найдете в пособиях, но столкнетесь с ними, как только начнете писать код. Здесь вы найдете советы как для новичков, так и для более продвинутых пользователей.

Читать статью

#article #css #tips
Секреты CSS. Идеальные решения ежедневных задач
Л. Веру, 2016

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

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

Скачать PDF | Больше книг

#book #css
Полноценная инфраструктура Meteor.js обеспечивает быструю Frontend разработку для сквозных веб-приложений и мобильных приложений в JavaScript. Из-за своей модульной структуры библиотеки очень удобно использовать пакеты. Сегодня данная структура используется для разработки приложений в таких компаниях, как Mazda, Honeywell и IKEA.

Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.

Демо | GitHub

#js #frontend #framework
Что такое PWA и как это использовать?

PWA или прогрессивное веб-приложение (англ. progressive web app) — гибрид сайта и приложения для мобильных устройств. Из этой статьи вы узнаете, что такое PWA и почему это крутая фишка для бизнеса.

Читать статью

#article #pwa #js
Next.js был запущен командой React.js в качестве инструмента для рендеринга на стороне сервера. Разработчики, работающие с комбинацией Next и React.js, могут значительно упростить процесс разработки интерфейса.

Next.js поставляется с набором замечательных функций, таких как маршрутизация на стороне клиента и автоматическое разделение кода. Прежде всего, Next.js поставляется с полной поддержкой CSS, известной как styled-jsx, чтобы упростить разработку дизайна пользовательского интерфейса. Некоторые преимущества Next.js:

— самостоятельная структура;
— собственный файловый маршрутизатор;
— очень легко быстро начать работать;
— очень удобная работа с antd и JavaScript;
— не создает большие статические страницы связки, они легче и быстрее загружаются, очень хорошо поддерживается командой разработчиков.

Демо | GitHub

#js #framework
HTML5. Карманный справочник
Д. Роббинс, 2015

Хотите быстро найти описание элемента или атрибута HTML5, используемого на веб-странице или в веб-приложении? Перед вами классический справочник, который веб-дизайнеры и веб-разработчики стараются всегда держать под рукой на протяжении вот уже более 15 лет.

Скачать книгу | Больше книг

#book #html
Веб-фреймворки: введение для новичков

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

Пора наконец разобраться, что из себя представляют веб-фреймворки.

Читать статью

#article #framework