По названию публикации некоторые могли подумать: «Что опять?! Еще один велосипед?» Спешу ...
По названию публикации некоторые могли подумать: «Что опять?! Еще один велосипед?» Спешу обрадовать – нет. Well.js (Github) – это обертка для существующих AMD-решений (по-умолчанию для Require.js), основная идея которой сделать работу с модулями и их зависимостями, как показалось автору, более привлекательной.
Например, возьмем модуль Require.js:
define(['views/common/basic-page', 'views/partials/sidebar', 'utils/helper', 'models/user' ],
function (BasicView,SidebarView, Helper, UserModel) {
//тело модуля
});
И легким движением руки заменим на это:
wellDefine('Views:Pages:Overview', function(app, modules) {
this.use('Views:Common:BasicPage')
.use('Views:Partials:Sidebar')
.use('Utils:Helper', {as: 'MyHelper', autoInit: false})
.use('Models:User', {as: 'UserModel'})
.exports(function(options){
/* Теперь к зависимостям можно получить доступ через:
this.BasicPage
this.Sidebar
this.MyHelper
this.UserModel
*/
});
});
Кому интересно, для чего все это надо, прошу под кат.
Читать дальше →
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и ...
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Walkway.js и Vivus.js
Вы видели этот великолепный лэндинг посвященный анонсу Sony PlayStation 4? Обратите внимание на анимацию SVG объектов состоящих из контуров. Они словно рисуются художником в режиме реального времени. Отныне этот эффект можно легко повторить с помощью Walkway и Vivus. Обе библиотеки максимально просты в использовании и применимы только для
path элементов, поскольку принцип их работы основывается на взаимодействии с CSS свойством
strokeDashoffset. Хоть и у Walkway значительно больше звезд на Гитхабе, зато Vivus предоставляет несколько вариантов отрисовки: Delayed, Async и OneByOne.
//Walkway
var svg = new Walkway('#test');
svg.draw(function() {
console.log('Animation finished');
});
//Vivus
new Vivus('my-svg-id', {type: 'delayed', duration: 200}, myCallback);
Читать дальше →
+ развернуть текст сохранённая копия
Эта статья предназначена для тех, кто не очень дружит с Node.js, но хочет использовать приложения вроде Grunt, Gulp и тому подобные. Процесс работы с этими приложениями подразумевает редактирование файла package.json и использование команд npm, так что понимание принципов работы npm поможет вам справиться с трудностями. Читать дальше →
Тэги:
javascript,
node.js,
npm,
веб-разработка
[Перевод] Internet Explorer: Переход к живому Edge-режиму — следующий шаг к тому, чтобы веб просто работал
2014-11-14 12:03:17
+ развернуть текст сохранённая копия
Сегодня мы выпускаем новую сборку превью Windows 10 с существенным обновлением Internet Explorer в области интероперабельности. В соответствии с нашими планами, это обновление включает более 2000 исправлений проблем интероперабельности, добавляет поддержку 20 новых возможностей в платформе и привносит новых подход в архитектуре IE. Мы рады поделиться нашим прогрессом в этом направлении на ранних стадиях разработки, чтобы собраться максимальное количество отзывов именно в этот момент. Мы также выпускаем эту сборку для пользователей сервиса RemoteIE, доступного для Windows, Mac OS X и других платформ.
Edge-режим и новые классные фишки
Тэги:
css,
ecmascript,
edge,
explorer,
internet,
javascript,
microsoft,
блог,
веб-разработка,
компании
Google делает это!
2014-11-14 06:41:27
Думаю, любой человек, кто более-менее “погружался” в SEO, задавался вопросом: ...
+ развернуть текст сохранённая копия
Думаю, любой человек, кто более-менее “погружался” в SEO, задавался вопросом: индексируют ли поисковые системы JavaScript? Основная причина такого интереса простая – с помощью JS-скрипта можно пользователю показать одно, а поисковой системе – совсем другое. Но долгое время поисковики индексировали только исходный код страницы (тот, что можно просмотреть, нажав CTRL+U в браузере). Затем, где-то с 2009-го ..дальше про «Google делает это!»
Тэги:
google,
javascript,
seo