[B! Web][Develop] tagbouzのブックマーク

tagbouz id:tagbouz

WebとDevelopに関するtagbouzのブックマーク (2)

Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。この手のボタンを作るには以下の手続きを要すると考えられます。外観を整える CSS HTMLマークアップクリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。「購入ボタン」はあくまで一
tagbouz 2014/10/02
web

技術

web制作

design

develop

WebComponents

web components
リンク
[HTML5] CanvasでRetina対応を行う - YoheiM .NET
こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、描画した内容を1/2のサイズで表示することでキ
tagbouz 2013/07/08
canvas

html5

javascript

Web

Develop

retina
リンク
1