タグ CSS-EBLOG
人気順 10 users 50 users 100 users 500 users 1000 usersCSSで本当にクリアできるルービックキューブを作ったので3Dについて色々解説してみる その1 | CSS-EBLOG
CSSで本当にクリアできるルービックキューブを作ったので3Dについて色々解説してみる その1 カテゴリ:3D 2013年8月20日 09:04 しばらくぶりの更新です。 最近はWebGLやCSS Shaderを始め、3D関係のことをメインに勉強しています。 おかげでだいぶ詳しくなってきました。 ちなみに、CSSでクリアできる、と書いていますが「CSSだけで」ではないので当然JavaScriptもて... 続きを読む
HTML5でスマホをコントローラにするゲームを作ってみた | CSS-EBLOG
HTML5でスマホをコントローラにするゲームを作ってみた カテゴリ:HTML5 2011年10月27日 09:00 Canvasゲームをカスタマイズ ゲーム自体は以前作ったものをそのまま使いました。 今回作ったスマホコントローラ版 http://edo-m18.me:9000/ 以前作ったものをカスタマイズして、弾を打つ部分と自機を移動する部分を、関連付けたスマホから操作できるようにしてみたもので... 続きを読む
本番環境でテスト?! Charlesを使った簡単サイト修正 | CSS-EBLOG
本番環境でテスト?! Charlesを使った簡単サイト修正 カテゴリ:ツール 2011年9月12日 09:00 前回の「スマホの開発が超絶楽に! weinreでスマートフォンをPCでリモートデバッグ!」は大変好評なようでうれしい限りです。自分もこれを知ったときはかなり興奮したのを覚えているので、同じ気持になってもらえたら幸いです。 さて、今回はデバッグツール的なつながりでCharlesというプロキ... 続きを読む
スマホの開発が超絶楽に! weinreでスマートフォンをPCでリモートデバッグ! | CSS-EBLOG
スマホの開発が超絶楽に! weinreでスマートフォンをPCでリモートデバッグ! カテゴリ:ツール 2011年9月 5日 09:07 weinreって? weinreとは、サイトでは次のように書かれています。weinre is Web Inspector Remote.。 この単語の頭2文字ずつをつなげて「we in re」ということのようです。読みは「ワイナリー」とか「ワイナー」みたいな。 つま... 続きを読む
これは簡単! a要素にクラスを追加するだけでiPhone UIボタン | CSS-EBLOG
これは簡単! a要素にクラスを追加するだけでiPhone UIボタン カテゴリ:iPhone関連 2011年8月29日 09:05 ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone / WebKitでしか最適化されていません) これは簡単! a要素ひとつでiPhone UIボタン - jsdo.it - share JavaScript, HTML5 and CSS ... 続きを読む
CSS3なら簡単! アニメーションするリングメニューを作る | CSS-EBLOG
CSS3なら簡単! アニメーションするリングメニューを作る カテゴリ:CSS3関連 2011年7月19日 07:40 jsdo.itで公開したら意外と好評だったので、解説などを書いてみたいと思います。 ゲームなどにありそうなリングメニューを、CSSだけを使って実装した例です。下に実際の動くサンプルもあるので、ぜひ触って見てください。 ちなみに右の画像は、中央の「main」にマウスオーバーした際にア... 続きを読む
コーディングを3倍速くする! Vim入門 | CSS-EBLOG
コーディングを3倍速くする! Vim入門 カテゴリ:ツール 2011年5月11日 10:00 CSS Nite Ginza Vol.56で登壇してきました 気づけば3ヶ月も更新していなかったことに気づきました。まぁ、3倍と3ヶ月で3つながり、ということで(謎 さて、そんな訳で先日開催された CSS Nite Ginza Vol.56 で、Vim についての話で登壇してきました。見出しの通り、3倍(... 続きを読む
超立体的!text-shadowの意外な使い方 | CSS-EBLOG
超立体的!text-shadowの意外な使い方カテゴリ:CSS3関連2011年2月 1日 09:32手軽に立体文字を作る今回は、とあるサイトで見かけた面白い表現を紹介したいと思います。 右にある画像が、その表現を拡大したものです。これはテキストに対してtext-shadowを指定しただけです。もちろんテキストなのでコピペもできるし、textareaに指定すれば入力した文字がこのような立体的な文字に... 続きを読む