垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。 ↓4色を使った斜めのグラデーション、美しいですね！ SuperGradient SuperGradient -GitHub SuperGradientではグラデーションのタイプとカラー、そのカラーが始めるポイントを指定するだけで、簡単に美しいグラデーションが描けるSassのmixinがまとめられています。 下記に、そのmixinの使い方とスタイルシートでの記述も添えてみました。 Vertical, 2 colors 2色を使った垂直方向のグラデーション mixinの使い方 @include sgradient( $colors: ( (#31B7D7, 0%), (#EDAC7D, 100%) ) );

TL;DR 前回（あのサイトでさりげなく使われていた CSS 小技集）の続きとなります。今回はマウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりと CSS のみで実現できる方法を書いておきます。 インタラクティブ １．マウスオーバーで自動スクロールさせる 最近、マウスオーバーで縦長のページを部分的に見せる WordPress テーマが少しづつ出てきました。こちらは簡易的ながらマウスオーバーにて縦長の画像を見せるコードです。長めの画像を用意してはみ出した部分はoverflow: hidden;で隠しながらtransitionで遅延させ擬似的にスクロールしているように見せます。 html <div class="box-fixed"> <div class="field-wrap"> <div class="field-detail"></div> </di

涙腺ゆるゆる。ディズニー公認｢ベイマックス｣鉄拳パラパラ漫画が海外でも話題に2014.12.01 21:006,769 大ヒット作｢アナと雪の女王｣の勢いがいまだに止まらないディズニーですが、今度は12月20日に公開する映画｢ベイマックス（Big Hero 6）｣の公式PVに鉄拳のパラパラ漫画が採用されたことが海外でも話題になってます。 ド迫力のCGも素晴らしいし、映画作品に卓越したCGアニメーションが使われるのは好きです。でも、ペンや鉛筆を使った手描きのイラストはいつも僕を笑顔にしてくれる。物事をシンプルに、そしてより素晴らしくしてくれる感じがするんですよね。 日本で｢ベイマックス｣の公式PVを手がける鉄拳の作品は、シンプルながらも温かみがあり、人の心を強く揺さぶります。鉄拳バージョンの｢ベイマックス｣全編もいつか観てみたいですね。 Casey Chan - Gizmodo SPLOID

おすすめアイテム履き心地が最高すぎるパンツ（メンズ）はTOOT（トゥート）だと思うので全力でおすすめします！2014年12月2日140 @JUNP_Nです。下着に気を遣わない男はダメだと勝手に思っているのですが、僕が何年も履き続けているオススメの下着「TOOT(トゥート)」はナニの収まりも最高です。素材は肌触りもよくてフィット感も良いし、コットン、ナイロン系など色んな素材のラインナップがあるので全力でオススメです！ 立体裁断でナニの収まりが良すぎて病みつき！素材も豊富で肌触りも最高です！ユニクロなどで特に下着に気を遣わないで来た人がはいたら衝撃をうけるくらいナニの収まりが良い下着が世の中には存在します。僕が愛用している「TOOT(トゥート)」もその中の1つです。 「TOOT(トゥート)」は2001年に発足したブランド。いわゆるボクサーパンツなのですが、僕が特に気に入っている部分は立体裁断さ

昔々あるところにCOBOLの金融システムを保守しているおじいさんと、政府システム開発の孫請け会社でプロジェクトマネジメントをしているおばあさんがいました。 おじいさんは山を登ったところの上位会社に障害管理表を提出しに、おばあさんは川を少し上ったところの「システムアーキテクトのプロフェッショナル集団」を標榜する2次請けのコンサル会社にスケジュール延長交渉をしに行きました。 おばあさんが川のふもとを歩いていると、上流からそれはそれは大きな仕様上の不備を含んだ桃がドンブラコ、ドンブラコと流れてきました。 （おや、これは持ち帰りたくないわ）と内心迷惑に思いつつも、甘受する他ないので、その桃を持ち帰って内部で検討することにしました。 そして、おじいさんとおばあさんが桃の仕様を精査しようとすると、突然中から元気の良い優秀なプログラマが飛び出してきました。 「これはきっと、神さまがくださったにちがいない

divやp、hrなどで実装された囲いや区切りのスタイルに、一手間加えた素敵なデザインにするスタイルシートのテクニックを紹介します。 かわいいデザインからスタイリッシュなものまで、実装のアイデアが素晴らしいものばかりです。

自分の困り事は、他の誰かにとっても困り事あなたが何かに困ったとき、どうしますか？ 「自分で考える」人は素晴らしいですが、「Googleで調べる」という方も多いでしょう。 ということは、「誰かが困りそうなこと」の解決法をブログに書けば読んでもらえるのです。 ではその「誰かが困りそうなこと」をどう探すか。 「自分の過去の困り事」を思い出せばよいのです。 自分が困ったということは、他の誰かも同じ問題で困る可能性があります。 そこで役立つのが、Googleです。 「Googleウェブ履歴」を見れば自分の過去の困り事がわかるGoogle - ウェブ履歴を見ると、自分が過去に何をGoogleで検索したか、分かります。 たとえば私の場合、こんな感じ。 頭のなかが、丸見えですね（笑）。 ここで、自分が困ったこと結果的に解決したことを探すのです。 あとはそれを自分の視点でブログ記事にするだけ。カンタンですね