Polymer 3.0: New Year, New Preview - Polymer Project
Blog Polymer 3.0: New year, new preview New Polymer 3.0 preview: Bug fixes and new features 2018-01-18 Happy New Year from the Polymer team! Hope everyone had a nice break. We've all returned from our various travels and are getting ready to roll out some more web component goodness. This week, we released a new preview of Polymer 3.0. Here's what we'll cover today: What is Polymer 3.0? What's the
Polymer 2 and Googlebot
If you write client-side web apps, you need to be concerned not only with how your app presents to your users, but with how it looks to Googlebot. Thankfully, Polymer 2 works with Googlebot, and this short guide covers some best practices to get your Polymer 2 app rendering on Googlebot. Googlebot is based on Chrome 41 (see “Rendering on Google Search”) which was released in early 2015. Support fo
HTML Web Component using Vanilla JavaScript
Web Components have been around for a while now. Google has really been trying to push for their more widespread adoption, but most major browsers still have very little support for it, except for Opera and Chrome. However, by using polyfills, available from https://www.webcomponents.org/polyfills, you can build your own Web Components now. In this article, I’m going to teach you how to create you
Web Components: The Long Game - Infrequently Noted
Alex Russell on browsers, standards, and the process of progress. Mikeal Rogers reached out last week to talk about Web Components, which surprised me, but his follow-up blog post is essential, timely reading. Dimitri Glazkov, Alex Komoroske, and I started the project that designed and (for many years) iterated on Web Components with a few primary goals in mind: Enhance component portability Shrin
Time for 2.0 - Polymer Project
Blog It's time for 2.0! The Polymer 2.0 library is built for performant interoperable web component development. 2017-05-15 Polymer 2.0 has landed. Our freshest cut of the Polymer CLI is ready for download, our Docs include all the latest 2.0 guidance and upgrade tips, and our Elements have been ported to Hybrid mode to be used in both 1.0- and 2.0-based applications. We've also made sure to bring
Glimmer
Fast and light-weight UI components for the web Available for use within Ember.js and standalone apps. Use in Ember.js: Install Glimmer packages in your Ember app: npm install --dev @glimmer/component @glimmer/tracking Generate a Glimmer Component ember generate my-component -gc See the Ember Octane Guides to learn more! Standalone Glimmer App: Please note this is experimental Install the Ember bu
Welcome 2.0 Release Candidate! - Polymer Project
Blog Welcome 2.0 Release Candidate! The Polymer 2.0 Release Candidate is available and ready for use. 2017-03-08 We're pleased to announce that we've cut a release candidate of Polymer 2.0! This release candidate is feature complete, and incorporates pre-release feedback from the community. We've fixed the major issues reported during the preview period and tested it across all supported browsers
IntersectionObserverを使ってlazyload-imageを書き直した - 1000ch.net
IntersectionObserverを使ってlazyload-imageを書き直した 画像をスクロール同期でロードする<lazyload-image>というWeb Componentsの内部処理を、IntersectionObserverで書き直した。 可視領域に要素が入っているかどうかの判定 リライトする前までは、要素それぞれにscrollイベントのリスナを発行して、その中で画面内に要素が表れているかを判定していた。throttleしているとはいえ、それぞれのリスナで以下の処理を行っていたのでややパフォーマンスが気になっていた。 getBoundingClientRect()で要素の矩形を取得する document.documentElement.scrollTopとdocument.documentElement.clientHeightで画面の上下端を取得する 要素が可視領域と交
Polymer 1.0をさわってみて - console.lealog();
さて、ここにこういうサイトがあります。 nodefest.jp 実はこのサイト、噂のPolymerの1.0をふんだんに使ってます。 というわけで、そんなそこまでがっつり使い込んだわけではないですが、知見らしいものが一応たまったので・・。 まだ見ぬ未来のポリマリストのために書いておきます。 Polymer Starter Kit github.com こういうのがありまして。 とりあえずcloneしてきてビルドすればそれっぽい雰囲気はすぐにつかめると思うので、さわってみたい人はここからはじめると良さそうです。 Gulp まずは外堀から埋めていきます。 # localhost:3000 で開発(ビルドしない) gulp serve # localhost:3000 で開発(ビルドしたものは`dist`配下に) gulp serve:dist # ビルドするだけ(`dist`配下に) gulp
Polymer エレメントの開発ツールと CI - 詩と創作・思索のひろば
先日の Google I/O 2015 にあわせて Polymer 1.0 がリリースされました。めでたい。そこで表題のように、自分で Polymer エレメント（コンポーネント）を作るときの構成の話。 始めるにあたっては PolymerLabs/seed-element をベースにすると便利で、この中には以下のような標準的な構成が示されています。 bower による依存の解決 web-component-tester を使ったクロスブラウザのテスト iron-component-page を使った API ドキュメントとデモ web-component-tester web-component-tester は Polymer エレメントをテストするためのツールで、テストを実行するだけじゃなく Mocha や Async.js など便利なライブラリをテストから利用できるようにしてくれます
脱PolymerなWeb Componentsデザパタ - ジンジャー研究室
はじめに 今朝話題になっていたWeb Componentsの基本的な使い方・まとめ に触発されてみる。 すごい…！私にはこんな緻密な資料は書けないorz だけど何か書きたい。書くぞ。 そろそろWeb Componentsしたい Web開発に革命をもたらすと噂のWeb Componentsだが、そろそろプロダクションへの導入を検討したい。 2014年12月現在、Chrome 36+で全機能が使えるので、デモ画面や開発（テスト）ツールでは既にPolyfillなしで色々出来る。積極的に遊んでみたい。 とはいえ、現状と言えばWeb Componentsに関する情報は紹介記事がほとんどで、あまりプラクティカルな領域に踏み込めていない感がある。まあそんなものは実際に使い始めればわんさか出るので、別にその時になってからでも良いのだが、せっかくなので戦略の一つや二つ練っておきたい。 もうひとつ、Googl
Custom Elements - Web Components を構成する技術
この記事は webcomponents.org の記事とのクロスポストです。 HTML は言うまでもなく、ウェブページを構成する最も重要な要素です。しかし、提供される機能が低レベルなため、複雑なコンポーネントを作ろうとすると、途端に div だらけの分かりにくい構造になってしまいがちです。例えば、あなたが必要な機能を盛り込んだ独自のコンポーネントを作れるとしたらどうでしょう？例えばそのコンポーネントに、機能を的確に表すタグ名を付けられるとしたら？既存のタグを拡張して、新しい機能を追加できるとしたら？ Custom Elements は、それを可能にします。 Custom Elements とはなにか？ # Custom Elements は開発者が独自に HTML タグを定義し、サイト上で利用できるようにすることで、繰り返し利用されるコンポーネントを単純化し、再利用する手間を大幅に削減しま
Polymer v0.8.0 Preview 所感
Improvement Polymer の Twitter アカウントが気になる発言をしていたので、Polymer のアップデート内容を確認した。 Next major version of Polymer: 5 x faster in Chrome, 8 x faster in Safari. Up to 87% smaller (15KB, 6KB gzipped) pic.twitter.com/SBJhuxIxXd — Polymer (@polymer) November 19, 2014 Chrome と Safari における実行速度の高速化はもちろんわかるが、ファイルサイズが 87% 減というのはかなり大きい。v0.5.1 の polymer.min.js が 123KB なのに対して、新しい v0.8.0 では 15KB になっているということだ。 それなりに大きい取捨選
Building a Q&A System With Polymer and Firebase
Here at Divshot we’re huge fans of Polymer and everything Google is doing to move Web Components forward. In fact, we believe it’ll be the dominant way to build web apps in the near future. With Google’s recent acquisition of Firebase, I thought it’d be fitting to introduce you to both Polymer and Firebase if you haven’t already taken the plunge. Sometimes it’s difficult to put all of the pieces o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Polymer Summit 2016
Release 1.0 · bosonic/bosonic
Polymer Summit 2015
Bringing Custom Elements to IE8
Custom Elements limitations and solutions
Web Components: The (near) Future of Web Development
