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

Демо | GitHub

#js #charts #diagrams

Responsive Viewer — расширение для Chrome которое помогает просмотреть сайт в режиме отзывчивого дизайна сразу на нескольких устройствах.

Установить

#chrome #extension

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

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

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

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

#article #tips

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

Демо | GitHub

#js #graphic

На сайте 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

Адаптивная верстка: что это и как использовать

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

В статье описаны советы и нюансы адаптивной верстки.

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

#article #frontend

Ember.js был использован при проектировании ряда сложных веб-сайтов, таких как Kickstarter, Heroku и LinkedIn. Ember.js идеально подходит для разработки сложных веб-приложений, а строковая система шаблонов, с которой она поставляется, способствует значительному уменьшению времени загрузки. Frontend JavaScript Framework также сконцентрирован на масштабируемости, чтобы разработчики могли легко работать как с мобильными, так и с веб-приложениями.

Демо | GitHub

#js #framework

Что такое AJAX и для чего он нужен?

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

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

#article #js #ajax

WakaTime — это трекер времени для программистов. Его можно установить в IDE или редактор кода и он будет отслеживать время работы над проектами. Трекер записывает сколько времени вы работали с тем или иным языком программирования, проектом, редактором кода. Просмотреть статистику можно в удобном дашборд. Поддерживает все современные IDE и редакторы кода.

Сайт | GitHub

#tools #productivity

Интересное видео о фулстеках

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

Смотреть видео

#video

Секреты и уловки JavaScript

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

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

#article #js #tips

JavaScript-фреймворк Express взлетает на волне популярности Node.js. Сейчас это один из самых трендовых инструментов веб-разработки. Его используют крупные компании Accenture, IBM и Uber, а также другие фреймворки, например, Kraken, Sails и Loopback.

Express позиционируется как минималистичный, быстрый и очень гибкий фреймворк. Он предоставляет все необходимые возможности, при этом активно используя все преимущества и мощность Node.js. Поддерживает REST API.

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

Демо | GitHub

#js #node #rest