[B! web][css] mushusのブックマーク

voxel.css

var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10

mushus 2016/01/27

頭おかしい(褒め言葉)

css
web

リンク

position: absolute; の指定で要素が上下左右中央配置になる理由

人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。：バシャログ。」という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。詳しい話は下記のリンク先をご覧ください。 CSSでblock要素を上下左右中央寄せにする、イマドキの方法。：バシャログ。何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。なので余計なお世話なんですが、下記に小難しく書きます。解説のためのサンプルソース例えば、下記の

mushus 2014/08/07

なるほどー、なんかわかった気がする

css
web

リンク

『Web Componentsで行うHTMLのコンポーネント化』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。みなさんこんにちは。アメーバ事業本部の泉水（@1000ch）です。今日はHTMLをコンポーネント化するWeb Componentsという新しいHTMLの仕様と、その機能を補完するPolymerというライブラリについてお話させていただきます。 Web Components Web Componentsについては、2013年のHTML5 ConferenceでGoogleの夷藤さんがセッションされていました。夷藤さんはChromeチームで、Web Componentの周りの実装をされていたり、Shadow DOMの仕様の編集をされています。セッショ