Денис Радин

Темы

Неделя

Jul 27, 2015 → Aug 2, 2015

Архив недели @pixelscommander Понедельник Вторник Среда Четверг Пятница Воскресенье Ссылки

Архив недели @pixelscommander

Понедельник

Привет! Меня зовут Денис и последние 3 недели я искал JS вокруг Черного Моря. Оказалось в Грузии никто не пишет на JS, там пишут на бумаге

Душещипательная история о рендерингe - вместо скроллинга body весь сайт положили в скролящийся div = -20 к FPS. А как вы убивали перформанс?

Не страшно быть фанатом веб платформы, но странно делать религию из конкретного фреймворка.

Вчера знакомый украинец из Ужгорода спросил - какая лучшая IT конфа в СНГ. Что ответить?

Вторник

Переводим с языка React на язык Web Component: componentDidMount = attachedCallback. Помогите перевести на Angular 2 или Ember.

Вот, нашел синоним для Эмбера… Итого (React) componentDidMount = (Ember) didInsertElement = (WebComp) attachedCallback. Вавилон как он есть…

Тем временем в Голландии лето в разгаре, +14, четвертый день небольшой дождик с небольшим ураганом

Что для вас значит Creative Coding?

А есть ли движки интернет магазинов на ноде ? =) Нужно поднять, а от PHP чуть воротит.

Утром писал про зоопарк API в компонентах.Постоянно терзаюсь мыслью-почему бы фреймворкам не иметь общий,расширяемый API компонент?

JS Components Foundation… И потом JSCF, как база + React / Ember Extensions / Angular Extensions, а веб компонентам екстенш не нужен =)

Среда

Предположим вы мечтаете добавить новое API в браузер - document.doUsefulStuff . Ваши действия?

Кто уже прошел interactivehaiku.com/lifeisshort/ ?

Жизнь кажется вам скучной? На работе навалилась рутина, любимый JavaScript больше не радует?

WebGL - это отличный и максимально бесполезный способ убить 200 часов своего времени на обучение. Гарантировано изменение в структуре мозга.

Только изучая WebGL вы получаете новый язык (GL SL) в подарок, а так же массу лулза и хедейка в процессе создания простого кубика.

Как вознаграждение-возможность использовать GPU на полную катушку,делать умопомрачительные эффекты окологолливудского качества (лет через 5)

Есть вариант изменить кривую обучения, используя движки предлагающий понятные JS абстракции, тут лидер three.js github.com/mrdoob/three.js

А что уже в списке? Что бы не повторяться… Из не совсем очевидного добавь performance profiling, понимание rendering модели, WebGL, SVG.

Да, он рабочий и спонсируется даже какими то гигантами, но по комьюнити и шоукейсам соотношение three.js / babylon.js примерно 100 к 1

Ну все таки немного разные вещи - частная инициатива сотрудника, которая выглядит много слабее конкурента. Но интересно, да что получится.

К слову можно дружить компоненты на разных фреймворках с помощью github.com/MVC-Elements , приводя их к общему знаменателю Web Components

Звучит логично, компонентизация данных - следующий шаг для FB

@jsunderhood про webgl и three.js twitter.com/glecollinet/st…

Бодряк... twitter.com/iamstarkov/sta…

Кстати, господа.Либа позволяет накладывать WebGL эффекты на HTML контент,a-la pixelscommander.com/polygon/ripple… .Какие эффекты добавить?Мошн блюр?Еще?

Упс, сорри, кроссбраузерный линк pixelscommander.com/polygon/htmlgl… . Кстати фильтры добавляются супер - просто, через аттрибут <div effects="ripples">.

Четверг

Когда Virtual DOM добавят в спеку? Хочу быстрый, нативный.

Это что там за гавнецо от гугла?

Кстати так и не понял в чем соль github.com/google/increme… разве это не VirtualDOM с эффективной реализацией?Которая поди и так дефолтная у фб

Кто что использует для scaffolding во флюксе? Cmd,c и v на клаве почти износились…

Возвращаясь к теме 3D, вы знали, что Three.js поддерживает разные рендеры? Например ASII threejs.org/examples/canva…

Кстати автор pixi.js как то делился, что хотел скаламбурить и назвать либу two.js =) Но как уже все знают передумал.

Под Sony Playstation направлением имел ввиду их UI на WebGL

Гайз, это нормально, если у фронт-ендера чешутся руки после просмотра creativeapplications.net ?

Хочу ZX Spectrum с JavaScript вместо бейсика и что бы код хранить на кассетах.

notion image

Пятница

В React чатике проскочил Flux на воркерах,интересно. medium.com/@nsisodiya/flu… имхо воркеры вообще недооценены.Вот вы их юзали хоть раз и как?

Пилим React GL к @jsconfeu. Зачем он может понадобиться не знаем, но будет круто =) С набором эффектов помогает @Doormat23, автор Pixi.js

Кстати кто-то серьезно относится к famo.us ?

Охохо, ну наконец то… В чем разница между call and apply? - “A for array and C for comma”. Теперь пройду любое интервью :-)))))

Модификации DOM даже на GPU ускоренном слое сосут перфоманс=) Много про это на воркшопе challengingnative.com кста 31 октября будет в Киеве

Там же по “Attend Workshop” можно подписаться на рассылку, и если воркшоп будет проходить рядом с вами - тот час пронотифицируем

Воскресенье

Над Амстердамом рассеивается радужный дым гей парада и запах жженого вазелина уловим все слабее.

Этим теплым августовским вечером я прощаюсь с вами. Жаль что так мало были вместе и много не успели друг другу сказать :-p Cheers!

Ссылки

interactivehaiku.com

http://interactivehaiku.com/lifeisshort/

GitHub - mrdoob/three.js: JavaScript 3D Library.

JavaScript 3D library The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples.

https://github.com/mrdoob/three.js

GitHub - mrdoob/three.js: JavaScript 3D Library.

MVC-Elements has 5 repositories available. Follow their code on GitHub.

https://github.com/MVC-Elements

HTML GL filters demo

http://pixelscommander.com/polygon/ripples/demo/ripples.html

HTML GL filters demo

http://pixelscommander.com/polygon/htmlgl/demo/ripples.html

GitHub - google/incremental-dom: An in-place DOM diffing library

Incremental DOM is a library for building up DOM trees and updating them in-place when data changes. It differs from the established virtual DOM approach in that no intermediate tree is created (the existing tree is mutated in-place). This approach significantly reduces memory allocation and GC thrashing for incremental updates to the DOM tree therefore increasing performance significantly in some cases.

https://github.com/google/incremental-dom

GitHub - google/incremental-dom: An in-place DOM diffing library

http://threejs.org/examples/canvas_ascii_effect.html

CreativeApplications.Net - Projects, tools and platforms at the intersection of art, media and technology

Created by Michael Candy, 'Cryptid' is an animatronic light sculpture that uses 18 linear actuators and open source Phoenix hexapod code to walk through a space. As human and robotic, natural and synthetic are increasingly amalgamated, the projects questions whether machines could be considered a subspecies.

CreativeApplications.Net - Projects, tools and platforms at the intersection of art, media and technology

http://www.creativeapplications.net/

CreativeApplications.Net - Projects, tools and platforms at the intersection of art, media and technology

Flux inside Web Workers

Before we can learn Flux inside Web Workers, we need to understand DOM-Less JavaScript. Lets start with some Problems. Problem 1 : Unable to Scale JavaScript Codebase If you have written approx 50-100K lines of code at frontend then you can easily understand that "Ease of Adding a new Module/Modify Existing Module" decreases as our codebase size increases.

https://medium.com/@nsisodiya/flux-inside-web-workers-cc51fb463882

Flux inside Web Workers

Challenging native

In recent years web technologies became a silver bullet for cross-platform UI development. However we still have a lot of discussion on it pros and cons. The most critical issue developers face creating web apps is a performance comparing to native applications.

http://challengingnative.com/

Challenging native