[CSS]アイデアにセンスを感じる、アニメーションがかわいいナビゲーションを実装するチュートリアル
ナビゲーションの各アイテムをホバーすると、光源が移動するラーヴァランプ風エフェクトをスクリプトは使用せずに、スタイルシートで実装するチュートリアルを紹介します。 矢がハートを射貫くのかわいいですね。 デモページ 実装 実装は共通パートと3つのデモで異なるパートに分けて紹介します。 Step 1: 共通 HTML HTMLは3つとも基本的には同じです。 classの「nav」は共通で、「ph-line-nav」を変更して利用します。 <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div> </div> Step 2: 共通 CSS 3つのデモの共通のスタイ
CSS3も少し入れつつ自分流CSSプロパティの書き順を決めてみた
どの段階にあるかはCSS current work & how to participateで確認できます。 また、list-style、backgroundなどのように略せるものは略して書くようにしていますが、略さない場合も下に載せています。略し方については「まとめて書くことができるCSSプロパティの8つのパターン｜Webpark」をご参考に。 若干それましたが、試行錯誤して並べた結果がこちらです。普段よく使うプロパティのみ載せています。 表示に関するプロパティ まずは表示に関する内容です。見える見えないは一番大切なことということでしょうか。 display list-style list-style-type list-style-image list-style-position overflow clip visibility opacity 配置に関するプロパティ 次はどこに配置
High Performance JS heatmaps - Codeflow
You can draw around 500'000 individual data points per second in realtime. Around 10'000 per frame are no problem. The way it works is that points to draw are recorded into a position buffer (10k points) and when you call heatmap.update() (or when the buffer is full) it draws these points with WebGL by additively blending them into an off-screen floating point texture. QualityThe heat is updated/r
Titanium Mobile簡易版クイックリファレンスを作ってみた。 - JP::HSJ::Junknews::HatenaSide
(追記) @masuidriveさんが作られたリファレンスのほうが圧倒的に便利ですので、そちらをご利用下さい(^^) http://tidocs.com/mobile/latest/ 何の気なしにTitanium MobileのAPIリファレンスを見ようとしたところ、"API Reference as JSON"という字句を発見。 http://developer.appcelerator.com/apidoc/mobile/latest ついでなので、リハビリがてらAjaxなローカル用クイックリファレンスを作ってみました。ｇｄｇｄなソースなので、各自改変してくださいませ。 （同一フォルダにjquery-1.4.2.min.jsとダウンロードしたapi.jsonを配置してください） ちなみにChromeではセキュリティ上の問題でローカルでは動作しません。 Firefox3.6.3(Win)
RX-7乗りの適当な日々 - PuTTY screenを256色で使う
とある案件向けに開発環境を整えていたときのメモ。 うちのチームでは、Ruby on Railsの開発をscreen + emacsでゴリゴリとコーディングすることを推奨しています。 というのは、本番環境がLinuxで稼動しているので、各メンバはLinux上での開発を実施しており、事実上、PuTTY + screen + emacsでの開発がチーム標準です。 で、RoR向けにemacsでシンタックスをハイライトしているのですが、256色対応しているとハイライトも美しいわけです。 そんなこんなで環境を整えていたわけなのですが、用意されていたOSのディストリビューションがちとばかし古く、パッケージングされているscreenやemacsが古かったので、ソースからビルドしてインストールを実施しました。 とりあえず、screenを256色対応にするところまでを記します。 初期状態は、、、 まずは、対応
【iTerm】256色対応にして、vimをカラフルに！ - うみやま亭
以下他のMacでそのとおりにやってみましたが、うまく効かなかったためiTerm2推奨 以下のエントリでまとめました http://d.hatena.ne.jp/sea_mountain/20101105/1288964387 vimをカラフルにするために、色々やってみました。 メインで参考にしたサイト http://pjkh.com/articles/2008/07/09/osx-iterm-screen-vim-256-colors/ しかしうまくいかなかったので、さらに http://d.hatena.ne.jp/milk1000cc/20090205/1233792728 を参考にしたところできました。 やらなくていいことも含まれているかもしれませんが、過程を以下にまとめます 上の２番目に載せたサイト(http://d.hatena.ne.jp/namutaka/20091229/1
putty+screen+vim - PukiWiki
2009-03-02 Making of Durga 2009-02-28 ZAppLink 2009-02-27 ZBrush WIKI ZApp Link 2009-02-25 メモ MenuBar TopPage 2009-02-23 ZBrush 2009-02-21 その他 開発環境 導入 † vim導入 「vim-enhanced」がインストールされているか確認。以下のコマンドを入力する。 yum list | grep vim 実行結果のサンプルが以下になる。 [root@localhost ~]# yum list | grep vim vim-X11.i386 2:7.0.109-3.el5.3 installed vim-common.i386 2:7.0.109-3.el5.3 installed vim-enhanced.i386 2:7.0.109-3.el5.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
