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

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

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

# unity

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

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

# верстка, SPA

react-router-redux, redux-saga

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

# SPA

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

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

# SPA

Анимация в Angular 4

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

# анимация, SPA

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

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

# SPA

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

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

# браузерные игры, SPA

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

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

# верстка

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

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

# браузерные игры, SPA

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

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

# SPA

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

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

# анимация, верстка, Canvas

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

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

# unity

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

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

# анимация, верстка, Canvas

webpack 2 config

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

# SPA

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

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

# javascript

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

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

# верстка

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

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

# wordpress

Gulp и Visual Studio Code

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

# верстка, javascript

Geolocation API

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

# javascript

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

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

# верстка

TypeScript

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

# javascript

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

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

# SPA

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

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

# SPA

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

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

# верстка, css, javascript

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

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

# верстка, css, javascript

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

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

# анимация, верстка

Игра Bomberman на Unity

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

# unity

Игра Bomberman на Unity

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

# []

Город в Unity 5

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

# unity

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

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

# верстка, css, javascript

React и TypeScript

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

# SPA, javascript

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

quicksearch

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

# элементы интерфейса

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

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

# javascript

CSScomb

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

# верстка

http-server

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

# javascript

jQuery Select2

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

# формы, jquery

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

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

# подсказки, jquery

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

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

# счетчик, 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

# графика, jquery

jCarouselLite

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

# карусель

jQuery.kinetic

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

# скроллинг, jquery

jQuery MouseWheel

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

# скроллинг, jquery

fancyBox

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

# карусель, jquery

International Telephone Input

jQuery плагин для ввода и проверки международных телефонных номеров.

# формы, jquery

Стильная галерея для портфолио

Необычная галерея для сайта творческой личности

# галерея, jquery

Colorbox

Легкий jQuery плагин, хорошая альтернатива галереям Lightbox и Fancybox. Позволяет показывать картинки, галереи изображений, слайд-шоу, ajax-контент, текстовые данные и iframe содержимое.

# галерея, jquery

Плагин jQuery Easing

Jquery плагин для создания пользовательской анимации. Удивите пользователей необычным перемещением объектов..

# анимация, jquery
Популярные статьи
2D игра на Unity. Подробное руководство. Часть 1
  • unity
2D игра на Unity. Подробное руководство. Часть 1
Адаптивный слайдер без Javascript на CSS3
  • слайдер
Адаптивный слайдер без Javascript на CSS3
Работа с Unity в 2D
  • unity
Работа с Unity в 2D
2D игра на Unity. Подробное руководство. Часть 3
  • unity
2D игра на Unity. Подробное руководство. Часть 3
2D игра на Unity. Подробное руководство. Часть 4
  • unity
2D игра на Unity. Подробное руководство. Часть 4
2D игра на Unity. Подробное руководство. Часть 5
  • unity
2D игра на Unity. Подробное руководство. Часть 5
2D игра на Unity. Подробное руководство. Часть 6
  • unity
2D игра на Unity. Подробное руководство. Часть 6
Учебник по новому GUI в Unity. Часть 2.
  • unity
Учебник по новому GUI в Unity. Часть 2.
Учебник по новому GUI в Unity. Часть 1.
  • unity
Учебник по новому GUI в Unity. Часть 1.

HTML LESS LESS React
Онлайн журнал для профессиональных веб-дизайнеров и программистов
БлогПлагиныГрафикаИнструменты
© 2009-2017 WebSketches.ru