CSSで本当にクリアできるルービックキューブを作ったので3Dについて色々解説してみる その1 | CSS-EBLOG

2013/08/20 21 users ルービックキューブ WebGL CSS おかげ メイン

CSSで本当にクリアできるルービックキューブを作ったので3Dについて色々解説してみる その1 カテゴリ：3D 2013年8月20日 09:04 しばらくぶりの更新です。 最近はWebGLやCSS Shaderを始め、3D関係のことをメインに勉強しています。 おかげでだいぶ詳しくなってきました。 ちなみに、CSSでクリアできる、と書いていますが「CSSだけで」ではないので当然JavaScriptもて... 続きを読む

HTML5でスマホをコントローラにするゲームを作ってみた | CSS-EBLOG

2011/10/27 24 users コントローラ カスタマイズ http 自機 カテゴリ

HTML5でスマホをコントローラにするゲームを作ってみた カテゴリ：HTML5 2011年10月27日 09:00 Canvasゲームをカスタマイズ ゲーム自体は以前作ったものをそのまま使いました。 今回作ったスマホコントローラ版 http://edo-m18.me:9000/ 以前作ったものをカスタマイズして、弾を打つ部分と自機を移動する部分を、関連付けたスマホから操作できるようにしてみたもので... 続きを読む

本番環境でテスト？！ Charlesを使った簡単サイト修正 | CSS-EBLOG

2011/09/12 69 users Charles weinre リモートデバッグ プロキ 気持

本番環境でテスト？！ Charlesを使った簡単サイト修正 カテゴリ：ツール 2011年9月12日 09:00 前回の「スマホの開発が超絶楽に！ weinreでスマートフォンをPCでリモートデバッグ！」は大変好評なようでうれしい限りです。自分もこれを知ったときはかなり興奮したのを覚えているので、同じ気持になってもらえたら幸いです。 さて、今回はデバッグツール的なつながりでCharlesというプロキ... 続きを読む

スマホの開発が超絶楽に！ weinreでスマートフォンをPCでリモートデバッグ！ | CSS-EBLOG

2011/09/05 497 users weinre リモートデバッグ ワイナリー 超絶 開発

スマホの開発が超絶楽に！ weinreでスマートフォンをPCでリモートデバッグ！ カテゴリ：ツール 2011年9月 5日 09:07 weinreって？ weinreとは、サイトでは次のように書かれています。weinre is Web Inspector Remote.。 この単語の頭2文字ずつをつなげて「we in re」ということのようです。読みは「ワイナリー」とか「ワイナー」みたいな。 つま... 続きを読む

これは簡単！ a要素にクラスを追加するだけでiPhone UIボタン | CSS-EBLOG

2011/08/29 58 users iPhone WebKit a要素 iPhone向け デモ

これは簡単！ 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

2011/07/18 114 users main マウス サンプル 好評 中央

CSS3なら簡単！ アニメーションするリングメニューを作る カテゴリ：CSS3関連 2011年7月19日 07:40 jsdo.itで公開したら意外と好評だったので、解説などを書いてみたいと思います。 ゲームなどにありそうなリングメニューを、CSSだけを使って実装した例です。下に実際の動くサンプルもあるので、ぜひ触って見てください。 ちなみに右の画像は、中央の「main」にマウスオーバーした際にア... 続きを読む

コーディングを3倍速くする！ Vim入門 | CSS-EBLOG

2011/05/11 754 users vim コーディング Vim入門 見出し 通り

コーディングを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

2011/02/01 52 users text-shadow textarea コピペ 超立体的

超立体的！text-shadowの意外な使い方カテゴリ：CSS3関連2011年2月 1日 09:32手軽に立体文字を作る今回は、とあるサイトで見かけた面白い表現を紹介したいと思います。 右にある画像が、その表現を拡大したものです。これはテキストに対してtext-shadowを指定しただけです。もちろんテキストなのでコピペもできるし、textareaに指定すれば入力した文字がこのような立体的な文字に... 続きを読む