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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Желеобразная анимация с 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

React, Redux, Immutable.js

С помощью React, Redux и ImmutableJS мы с вами создадим список задач, с возможностью добавлять задачи и переключаться между законченными и не сделанными.

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

Flexbox техники

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

Unity assets

Где скачать ассеты (assets) для Unity - вопрос, который задают как начинающие разработчики игр на Unity, так и профессионалы! В этой статье я расскажу вам о тех замечательных местах, в которых я нахожу игровые ассеты для моей сольной работы.

PHP собеседование

Вам предстоит собеседование по PHP? Специально для вас опытные разработчики делятся вопросами, которые они задают на собеседовании.

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

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