allenpike.com/2015/javascript-framework-fatigue — сочинение на тему шаткости мира JS-фреймворков.
teropa.info/blog15/03/02/change-and-its-detection-in-javascript-frameworks.html — о том, как разные фреймворки слушают и обрабатывают изменение данных.
facebook.github.io/react/blog/2015/03/04/community-roundup-25.html — интересные штуки по реакту.
open.bekk.no/easier-reasoning-with-unidirectional-dataflow-and-immutable-data — Flux и immutable, все “за” и “за”.
christianalfoni.github.io/did-you-know-webpack-and-react-is-awesome.html — очень детально описана многоходовочка с интеграцией вебпака и реакта.
facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html — создание новостной ленты фейсбука с помощью Relay и реакта.
pandastrike.com/posts/20150311-react-bad-idea — мысли автора о том, что реакт — это плохо.
github.com/ericdouglas/ES6-Learning — желтые страницы ES6. Каталог книг, статей, докладов.
tooling.github.io/book-of-modern-frontend-tooling — книга по фроентэнд тузлам.
designpreppy.ru/layout.html — лекции школы Горбунова по типографике и верстке.
paulirish.com/2015/advanced-performance-audits-with-devtools — продвинутое профилирование сайтов.
developers.google.com/web/fundamentals/performance/rendering — как писать быстрые приложения.
larahogan.me/design — напоминание про необходимость оптимизации веб-сайта.
speakerdeck.com/lara/image-formats-the-nerdy-parts — обзор форматов картинок, для чего какие использовать.
slides.com/sarasoueidan/building-better-interfaces-with-svg — море примеров использования SVG для построения интерфейсов.
medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf — линейные градиенты в CSS и все о них.
alistapart.com/article/quantity-queries-for-css — качественные селекторы в CSS и все об этом.
kirupa.com/html5/web_animations_animate_method.htm — о новом методе для анимации.
christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel — создание карусельного компонента простым, но надежным способом.
james.padolsey.com/javascript/fuzzy-scoring-regex-mayhem — нечеткий поиск для автокомплита.
Посмотреть
youtube.com/watch?v=Dy56MaXtWtA — React и Webpack с помощью кирки, лома и какой-то матери.
youtu.be/X6YbAKiLCLU — видео с обзором использования связки React Native + Mobile.
youtu.be/HOpyRiXB5WQ — преимущества разработки с помощью React.
youtu.be/dlnaSDlPCCE — влияния нововведений в JS на современную веб разработку.
www.youtube.com/watch?v=m3svKOdZijA — functional underscore и рецепт, как правильно его готовить.
Библиотеки
github.com/facebook/react-native — React-Native!
muicss.com — минималистичный CSS-фреймворк в стиле материал дизайна.
primercss.io — новый CSS-фреймворк от разработчиков Github.
projects.formidablelabs.com/radium — CSS в JS под Реакт.
kriasoft/react starter kit#22 — всем flux-ов.
github.com/ericclemmons/react-resolver — библиотека для ленивой загрузки данных в реакт-компоненты.
googledevelopers.blogspot.com/2015/02/introducing-grpc-new-open-source-http2.html?m=1 — rpc библиотека Google.
forerunnerdb.com/index.html — производительная база данных для браузера с фоллбеками на разные хранилища.
ionicframework.com — фреймворк для построения нативных мобильных приложений на web-технологиях.
danielrapp.github.io/doppler — эффект Допплера: скролл странницы с помощью движения руки, которое улавливается микрофоном.
riccardoscalco.github.io/textures — генератор SVG-текстур для d3.js.
shuvalov-anton.github.io/textr — js-типограф.
Демки
shadertoy.com/view/Ms2SD1 — невероятное WebGL море. Крутим коэффициенты и меняем структуру.
yusugomori.com/projects/css-sans/fonts — шрифт средствами CSS.
madebyevan.com/webgl-water — вода на webgl.
codepen.io/jeroens/blog/the-illusion-of-life — анимации по киношным принципам.
species-in-pieces.com — целая выставка, реализованная с помощью CSS.
codepen.io/c4rin3/pen/Gsfmu — анимированные роботы.
codepen.io/nicolasdnl/details/zxedvW — анимированные кольца.
marcysutton.com/page-scrolling-in-mobile-safari-voiceover — доступное слайд-меню.
Остальное
speakerdeck.com/addyosmani/devtools-state-of-the-union-2015 — доклад на тему состояния инструментов веб-разработки в 2015 году.
github.com/loop-recur/FPJS-Class — туториал функционального программирования на JS.
udacity.com/course/ud860 — курс по оптимизации фронтенда от разработчиков google.
perf.rocks — каталог ресурсов по производительности фронтенда.
jstherightway.org — набор правильных ссылок по теме JavaScript.
flexboxin5.com — интерактивный туториал по flexbox.
sassbreak.com/double-ampersand-mixin — прием &+& для препроцессоров.
demosthenes.info/blog/994/Making-and-Faking-Ordinals-on-Web-Pages — как делать верхние и нижние индексы (“1₂, 1ˢᵗ”) - в CSS.
codepen.io/shshaw/blog/responsive-placeholder-image — отзывчивый плейсхолдер для картинки с помощью SVG.
qrohlf.com/trianglify — генератор SVG -паттернов.
blogs.msdn.com/b/ie/archive/2015/03/23/partnering-with-adobe-on-new-contributions-to-our-web-platform.aspx — Adobe коммитит в IE!
Также уже в эту среду (22го апреля) пройдет очередная фронтенд встреча, на которую к нам придет Никита Прокопов. Он выступит с продолжением своего доклада — “Функциональное программирование в браузере”. Приглашаем всех, будет очень интересно!
Отдельно напомню, что у нас есть места во фронтенд команде. Задачи — веб-редактор, браузерное расширение, движок редактирования (что-то вроде Гугл-докса). Продуктами пользуются миллионы пользователей. Кому интересно, пишите на kigorw@grammarly.comрассказ (рассказ!) о себе, и я дам вам тестовое задание.
С вами был Игорь Кононученко @kigorw. Оформить дайджест помогали мои коллеги Сергей Руденко и Евгений Чечурин.
← Предыдущий выпуск: Frontend дайджест #6.