CSS3 のみでキューブ(立方体)を作る！ CSS3 のみでキューブを作ってみました。 CSS3 のみでキューブ(立方体)を作る！ キューブ アニメーション付きキューブ 参考リンク キューブ ６面をつくって、それぞれをtranslate で上、下、左、右、手前、奥に配置てし…

動きのあるWebサイト 12選 カルーセル、パララックス、動画などの動きのあるサイトをまとめておきます。 動きのあるWebサイト 12選 カルーセル系 au docomo softbank パララックス系 探検！京都大学 キリン一番搾り IPSA 動画系 CALL of DUTY Brindisa Tapas…

CSS3 の em と rem の違い em と rem の違いについてメモしておきます。 CSS3 の em と rem の違い em と rem の違い em とは rem とは 参考リンク

マテリアルデザインについてのメモ 今後流行るであろうデザインなので、整理も含めてリンクなどをメモしておきます。 追記：マテリアルデザインでのデータの可視化について追加。 2015年6月3日 マテリアルデザインについてのメモ マテリアルデザインの概念 …

Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd 以前使用した( 可読性に優れたサイト 8選 - はしくれエンジニアもどきのメモ ) ツールのメモです。 Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd (un)clrd 関連リンク (un)clrd (un…

CSS3 で＼(^o^)／ｵﾜﾀ AA のアニメーション ＼(^o^)／ｵﾜﾀ AA をCSS3 でアニメーションさせてみました。 2コマのイメージで作ったので、ほとんどGIFと変わりません。 CSS3 で＼(^o^)／ｵﾜﾀ AA のアニメーション コード ちょっとした解説 手のアニメーション 口…

可読性に優れたサイト 8選 可読性に優れたサイトを保存しておきます。 ここでいう可読性は、モノクロにしてもちゃんと読めるかです。 カラー、モノクロの両方の画像を残しておきます。 可読性に優れたサイト 8選 通常 アニコム パフェ株式会社 ビーナスベッ…

CSS3 で作るパックマン + アニメーション CSS3 のみでパックマンとアニメーション(口の動き＋並行移動)ができたのでメモ。 CSS3 で作るパックマン + アニメーション コード パックマンの形の作り方 口の動き 並行移動 コード こいつの良いところは、 :before…

CSS3 で作る Windows8 ロゴマーク CSS3 のみで Windows8 のロゴを作ってみました。 CSS3 で作る Windows8 ロゴマーク コード コード 工夫した点は、 div でボックスを一つを作ってから、 box-shadow で 同じ大きさのボックスを 3つ追加し、それぞれ配置して…

CSS3 で作る三角形と矢印 CSS のみで三角形と矢印の作り方がわかったのでメモ。 CSS3 で作る三角形と矢印 三角形と矢印 参考リンク

QTTabBar で快適エクスプローラ ライフ ブラウザでタブ表示が当たり前なのに、エクスプローラでタブ表示できないのは不便！と思い、 調べてみたところ「QTTabBar」というフリーソフト(カンパウェア) を見つけたのでメモ。 QTTabBar で快適エクスプローラ ラ…

ファーストビューの優れたサイト例 12選 ファーストビューの優れているサイトのメモ。 サイトは変更する可能性があるので、画像も載せておく。 ファーストビューの優れたサイト例 12選 jQuery 系 ボンカレー ビーナスベット 動画系 Project Skin 万国學生藝…

無料で学べる学習向け Webサービス まとめ (プログラミング, Web系) 今回は、プログラミングやWebデザインなどを無料で学習できるWebサービスのまとめました。 追記：「R言語」関係を 無料で学べる 統計・R・機械学習・データマイニング まとめ - はしくれエ…

CSS3 のみで円周上を周回運動(circular motion)するアニメーション 円の大きさを決めたら、コンテンツの大きさが半径で決まり、 円周上の位置などが% 指定で相対的に決まるようなものを作ってみました。 CSS3 のみで円周上を周回運動(circular motion)するア…

JavaScript で GoogleFeedAPI を使用して、RSS を取得 JavaScript の Ajax 通信を行うと、サーバー側の同一ドメイン制約に引っかかり、 取得できません。GoogleFeedAPI を使用すると取得できるようになります。 Ajax 通信の同一ドメイン制約の話はまた今度に…