Блог о верстке, программировании и графике

2d игра на Unity с веревкам для перемещения. Часть 1

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

Плагины для Visual Studio Code

Как и большинство современных IDE, VSCode имеет множество дополнений, расширяющих его исходные возможности. Мы отобрали 15 плагинов, которые будут полезны любому программисту, работающему с этим редактором

react-router-redux, redux-saga

В этом учебнике я покажу вам как обрабатывать авторизацию в React-приложении используя Redux, react-router 4.x с react-router-redux 5.x и redux-saga

SPA на Vue 2. Часть 2

Сегодня мы узнаем, как работать с маршрутами в одностраничном приложении на Vue JS.

Анимация в Angular 4

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

Приложение на Angular 4 и GitHub API

Близятся первомайские праздники, а значит у нас появится лишний выходной, который можно будет посвятить изучению Angular 4 и GitHub API.

Игры на VueJS. Часть 2

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

Стилизация скроллбара

Пользовательские полосы прокрутки становятся популярными, и вы, наверняка, сталкивались с веб-сайтами с уникальными полосами прокрутки, что позволяло сайтам выглядеть более стильно

Игры на VueJS. Часть 1

В этом уроке мы собираемся построить простую игру в крестики-нолики с помощью фреймворка Vue.

SPA на Vue 2. Часть 1

Сегодня мы узнаем, как создавать одностраничное приложение с помощью Vue JS.

Желеобразная анимация с Canvas. Часть 2

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

Освещение и пост-обработка в Unity 5

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

Желеобразная анимация с Canvas. Часть 1

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

webpack 2 config

Webpack – это связыватель модулей для вашего JavaScript. Тем не менее, с момента выхода, Webpack 2 превратился в менеджера всего вашего фронтенд-кода (либо намеренно, либо по воле сообщества).

Шаблонные строки (Template literals)

Шаблонные строки (Template literals) в javascript

CSS маски для слайдера на CSS

Учебник о том, как использовать CSS-маски для создания интересных переходов для слайдов

Стили в редакторе WordPress

Хотите узнать как добавить пользовательские стили в визуальный редактор WordPress?

Gulp и Visual Studio Code

Вы узнаете как использовать Gulp в Visual Studio Code, чтобы запустить наиболее часто используемые задачи: компиляции TypeScript в JavaScript и SCSS-файла в чистый CSS.

Geolocation API

В приведенной статье мы расскажем как можно определить местоположение пользовательского устройства с помощью JavaScript

Создание панорам

Создание панорамных изображений с помощью A-Frame и JavaScript

TypeScript

Эта статья предназначена для людей, которые хорошо знают JavaScript, но мало знакомы с TypeScript. Мы рассмотрим большую часть основных функций, снабдив их примерами с комментариями.

Пример приложения на VueJS 2. Часть 2

VueJS - JavaScript фреймворк, который впитал в себя лучшее из AngularJS и React. У этом уроке мы научимся создавать приложения на VueJS 2

Пример приложения на VueJS 2. Часть 1

JavaScript и CSS библиотеки за июль 2016

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

JavaScript и CSS библиотеки за июнь 2016

Красивый переход SPA-страниц

Как сделать более интересную смену информации на одностраничном сайте

Игра Bomberman на Unity

В этом уроке мы сделаем игру на Unity типа Bomberman (игра, где игроки сражаются, стратегически размещая бомбы по полю, чтобы взорвать друг друга)

Город в Unity 5

Этот учебник отлично подходит для начинающих или тех, кто ищет простой способ создать город в Unity 5

JavaScript и CSS библиотеки за май 2016

React и TypeScript

Введение в разработку приложений с помощью React Atom и TypeScript.

Анимирование 3D-сцены в Three.js. Часть 2

Мы создадим анимированную 3D-сцену в виде летящего над морем самолета с помощью Three.js - JavaScript библиотеки, упрощающей работу с WebGL

Новые плагины

quicksearch

Сегодня мы с вами познакомимся с jQuery-плагином quicksearch. Этот плагин, перебирая заранее подготовленный список элементов и их содержимое, проверяет наличие в них искомых слов

Копирование в буфер обмена

Копирование в буфер обмена без использования Flash

CSScomb

CSScomb — утилита для сортировки CSS-свойств в каждом селекторе по заданным пользователем правилам.

http-server

http-server – простой сервер с командной строкой и нулевой конфигурацией

jQuery Select2

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

Intro.Js - jQuery подсказки

Intro.Js один из плагинов для организации онлайн инструкций или туров по странице.

FlipClock - счетчик на jQuery

FlipClock - jQuery плагин для таймера обратного отсчета. Незаменимая вещь для лендинга, предлагающего "горящую" услугу.

Менеджер пакетов Bower

Bower - менеджер пакетов, упрощающий установку и обновление сторонних библиотек, используемых в проекте.

Шаблонизатор Mustache

Mustache – простой в изучении, но в тоже время очень популярный шаблонизатор с внушительной языкой поддержкой (Ruby, JavaScript, Python, Erlang, PHP, Perl, Java, .NET, Android, C++, ActionScript, CoffeeScript, node.js и др.)

Шаблонизатор Hogan.js

Hogan.js - небольшой (~ 9kb) JavaScript шаблонизатор от Twitter, который может работать как самостоятельно, так и с node.js

jQuery Lightbox

jQuery Lightbox - простой, элегантный, не требующий дополнительной разметки плагин, позволяющий применять эффект lightbox к картинкам используя всю мощь и гибкость jQuery

jCarouselLite

Легкая (ок. 2кб.), адаптивная и легко настраиваемая карусель, отвечающая большинству ваших потребностей. Может быть как вертикальной, так и горизонтальной.

jQuery.kinetic

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

jQuery MouseWheel

Плагин для кросс-браузерной поддержки колеса мыши

fancyBox

FancyBox - это jQuery плагин, который служит для создания фотогалерей и вывода другого контента в красивых модальных окнах. Если вы планируете на сайте и фотогалерею и размещение некоторого контента в модальных окнах, обратите внимание на этот скрипт.