美しいグラデーションが簡単に利用できる！グラデの種類が豊富に揃った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)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む

GIF、JPG、PNGの違い | SEO Japan

2012/05/16 85 users jpg PNG ウェブデザイン gif 程度

画像を保存する際にGIFかJPG、またはPNGどの形式で保存するのかというのかウェブデザインを始めた人が最初に迷う疑問の1つですよね。正直、私もドット絵やイラストならGIF、写真やグラデが多い画像であればJPG、PNGはサイズ重視で画像の劣化を避けたい時や正直良く分からない時、、程度の知識しかない人間ですが、今回親切にもその違いを解説してくれた記事があったので紹介したいと思います。 — SEO J... 続きを読む

グラデーション背景用のCSSを自動生成してくれるサービス「CSS Gradient Background Maker」*二十歳街道まっしぐら

2011/09/08 61 users CSS 二十歳街道まっしぐら 自動生成 Opera サービス

CSS Gradient Background Maker CSS3でグラデーション背景を簡単作成 「CSS Gradient Background Maker」はグラデーションを表現するCSS3を自動生成してくれるサービスです。 IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。 グラデーションの種類を選択して、色を決めれば完了。 非常に簡単にグラデ... 続きを読む