Links to like

LinksToLike – это один из проектов над которыми я недавно работал. В качестве хобби-проектов или коммерческих, но не попадающих в мой основной профессиональный профиль. О паре проектов я хочу рассказать.
Continue reading “Links to like”

SSRS – Stupid simple rails server

В этом рассказе я собираюсь записать себе на память (а может и кому-то пригодится) процесс установки и деплоя rails приложения на сервер. Или даже не так, рассказ о том как настроить сервер за 10 минут пренебрегая всеми правилами безопасности. На самом деле если хочется быстрее сервер и меньше возни, то удобнее конечно взять Heroku. Или говорят Docker тоже в этом плане удобен. Так что будем считать что этот текст вот совсем для новичков.

В качестве сервера Debian 8 64 bit, приложение на Rails 5 и база данных конечно Postgres.
Continue reading “SSRS – Stupid simple rails server”

Короткой строкой #1

В 49-ой версии Google Chrome появилась поддержка прокси-объектов. Насколько я понял это аналог Object.defineProperty()

Если вы хотите по-быстрому накидать диаграмму используйте Highcharts.js, если хотите сделать что-то нестандартное и сложное, управлять каждым параметром то ваш выбор D3.js. Уже существует множество учебников, вот и ещё один.

Griddle – компонен React.js для “умного” рендера таблиц. Это означает, что независимо от количества строк таблицы в каждый момент времени компонент показывает на странице ограниченное вами количество строк (и соответственно в DOM так же содержатся только они). Это существенно ускоряет работу с большими таблицами. Наиболее популярный аналог для jQuery – SLickGrid.

Шаблон для вашего небольшого бизнеса

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

Присутствует адаптивная версия. Внутри всё так же мои любимые jade и stylus.

DEMO

Посадочная страница для ваших мероприятий

Выдалась свободная минута и я решил привести в порядок шаблон который использовал на одном из проектов по заказу МФЮА. С их разрешения и выложил в общий доступ.

Макет адаптируется под ширину вашего экрана, в своём базовом варианте работает фиксированная ширина, в css есть модификаторы для преобразования его в полноэкранный. Кому как больше нравится.

Внутри:

  • Jade
  • Stylus (Autoprefixer)
  • Gulp

Будет круто если вы добавите что-то своё, или как-то прокомментируете работу – github (там можно найти как просто вёрстку так и WordPress-шаблон)

Шаблон для вашего бизнеса по продаже авиабилетов

В рамках тренировки навыков вёрстки сделал макет найденный на behance. В нём использовал новые для себя технологии – LESS и Flexbox, потому возможно, шаблон несовместим с вашим браузером.

Вы можете использовать его в любых целях, в том числе коммерческих.

ДЕМО

Самая простая посадочная страница для вашего продукта

Закончил ещё один тренировочный проект от HTML Academy Он адаптивный и в целом очень хороший. Практически все картинки в формате SVG. Построено на уже привычных jade и stylus, собирает gulp.

ДЕМО