美しいグラデーションが簡単に利用できる！グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient | コリス

2014/12/01 126 users Mixin コリス グラデーション 美しいグラデーション 種類

垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。 ↓4色を使った斜めのグラデーション、美しいですね！ SuperGradient SuperGradient -GitHub SuperGradientではグラデーションのタイプとカラー、そのカラーが始めるポイント... 続きを読む

Photoshopでの面倒な作業を簡単に！便利すぎるPhotoshopのアクションのまとめ | コリス

2014/08/07 689 users コリス ハンティング Photoshop ソリッド アクション

グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々（バンディング）... 続きを読む

DIV一個で洒落たボックスを作ってみる！最近知ったCSSを使ったボックス装飾とか色々！ | バンクーバーのうぇぶ屋

2013/02/18 349 users バンクーバー CSS div うぇぶ屋 ボックス

CSS3からDIV一個で出来る表現なんかにもかなり幅が出て来ましたね。ちょっと前まで超面倒だったボックスのオシャンティーな2重線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思う... 続きを読む

2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ | コリス

2013/01/28 640 users コリス ナビゲーシ navigation ウェブデザイン

フラット、サークル、ブラー、ビッグ、ダークなど、2013年のウェブデザインのトレンドを探るかっこいいUIデザインをインスピレーションの宝庫Dribbbleから紹介します。 OLD > New ヘッダデザインの古いタイプはグラデとシャドウ、新しいタイプはフラットとアクティブのハイライト、この流れは確かに感じますね。 Navigation これも最近多く見かけるダークなカラースキームを使ったナビゲーシ... 続きを読む

面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator | コリス

2013/01/15 206 users コリス ジェネレーター Button Shadow ブラー

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。 CSS Button Generator 使い方は簡単です。 ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む