Clik here to view.
IMGタグのストレスを激減して画像王に俺はなる
文字ばかりのページって、よっぽどコンテンツ力がないと見る気がしない。でも一点でも写真があると、ぐっとページの見栄えがよくなる。ブログの記事にも最低１つは写真を入れるようにしている人も多いと思う。...
View ArticleClik here to view.
jQueryとCSS3で影を極めたプラグイン「Real Shadow」
CSS3にてマウスカーソルの位置から要素に動的に影を落とすjQueryプラグイン「 Real Shadow 」をご紹介します。 百聞は一見にしかず、動くサンプルを御覧ください。 スポンサーリンク 要素の色と形を反映した影はかなり綺麗ですね。CSS3のShadowプロパティの表現力はかなりの物で、CSS 3D Clouds などはCSS3だけで、実写さながらの雲を描画しています。...
View ArticleClik here to view.
ティルトシフトをCSS3でリアルタイム処理するjQueryプラグイン
写真をジオラマ風に見せることができるティルトシフト。小さく見えて可愛らしいので目を引きますね。 本来はティルトシフトというレンズによって得られるこのエフェクトは、遠近法のパースを補正したりピントが合う範囲を調整できます。 このティルトシフト、フォトショップなどの画像処理で擬似的に同じことが出来るのですが、今回はブラウザだけで再現してしまうjQueryプラグインを紹介します。 スポンサーリンク...
View ArticleClik here to view.
jQueryもあるWEB屋向けギークTシャツ50枚+α
「ぐだぐだ言ってないでコード書けよハゲ」的なギークＴシャツないかなぁと探してたんですが、楽天とかアマゾンには少ししかなくて、「あんま需要ないのかな？」と諦めかけたそのとき、大量のギークTシャツを扱うネットショップを見つけました。 zazzle というサイトなんですが「何を今更」だったらごめんなさい。はじめて知りました。デザインの量とカスタマイズ出来る範囲が半端ない！ギークなのがザクザクある！...
View ArticleClik here to view.
ブラウザやOSのCSSクラスを追加するJavaScript「CSS Browser Selector」を読み解く
数年前の自分なら読めなかった感が漂っていたので、初心者向けにちょっと読み解いてみようという記事です。中級以上の方にはアクビの出る内容だと思います！ごめんね！ 「CSS Browser Selector」は、JavaScriptで<html class=” webkit chrome win js”>のようにクラス定義してくれます。...
View ArticleClik here to view.
tumblrのYouTube埋め込み表示がカッコイイ
最近tumblrのダッシュボードで流れるYouTubeの埋め込み表示が変わって「お！」な感じだったので調べてみました。 まずYouTubeの動画を普通に貼りつけると、こうなります。 特にこれでも問題ないというか、Youtubeの特徴的な再生ボタンのおかげで十分動画だと分かります。しかし最近のタンブラーの動画サムネはこのように変わりました。 スポンサーリンク Play...
View Article
