細めで角丸な明朝体の日本語フリーフォント「こころ明朝」商用利用無料 | 男子ハック

2014/09/27 659 users 明朝体 男子ハック 日本語フリーフォント 商用利用無料

ビッグウェーブさんがApple Storeに並びはじめた！日本でもiPhone 6を求める行列がスタート 続きを読む

[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した - WEBCRE8.jp

2013/06/19 576 users グラデーション ダサ 議論 考察 WEBCRE8.jp

以前書いた角丸に関する考察のグラデーション版です。Webデザインで角丸とともに多用されるグラデーション。それにどんな意味があるのか、やり過ぎると何故ダサいのかを徹底的に考察しました。 iOS 7のデザイン変更に伴う議論 [...] 続きを読む

デザイン時に注意したい角丸の使いかた | Design Color

2013/02/12 606 users 最初 Web制作 機会 Design Color うち

私は以前からデザインに角丸を使うのが好きなのですが、「角丸をもう少し小さくして」と言われることがたまにありました。 最初の頃は「角丸が大きいほうがかわいいのに！」と思っていたのですが、Web制作を続けていくうちに、何故そう言われたのかがようやくわかってきました。 また、最近デザインに角丸を使う機会があったので、これを機に角丸の使い方について自分なりに考えてみました。 もくじ 大きな角丸はあまり使わ... 続きを読む

ゼロからはじめるCSS3を勉強するために参考になるサイトや便利なツール、チュートリアルを一挙にまとめました | HTML5でサイトをつくろう

2012/08/01 918 users チュートリアル ツール CSS3 参考 チュートリアルサイト

今までCSS3を使ったパターンやスタイルの付け方などを紹介してきましたが、一言にCSS3の機能といっても、角丸やグラデーションなどの装飾だけでなく、アニメーション機能などアプリ制作をする上でも便利な機能がたくさんあります。 そこで、今回はアプリ制作をする上でも便利なCSS3のアニメーション機能等を勉強する際に参考になるサイトをまとめました。 デモページからチュートリアルサイト、便利ツールまでこれか... 続きを読む

角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ | OZPAの表4

2012/06/14 607 users ドロップシャドウ OZPA グラデーション アニメーション

html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャ... 続きを読む

CSS3を使ってできる画像まわりのエフェクトやスタイリング17 | Webロケッツマガジン

2012/02/24 933 users エフェクト シャドウ CSS Webロケッツマガジン 目次

CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 目次 1. シャドウ   2. トイカメラ風トンネル効果   3. カラー調整   4. 回転   5. 角丸   6. 楕円のフレーム   7. 円のフレーム   8. 三角形フレーム   9. 重な... 続きを読む

5つの効果で作る、よく使うCSS3ボタンデザインサンプル集｜最適化ノウハウコラム記事　～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&SLIDEへ～

2011/11/11 751 users btn href グラデーション HTML サンプル

5つの効果で作る、よく使うCSS3ボタンデザインサンプル集 CSS3によって、グラデーションや角丸などの様々なデザイン表現を、画像で書き出すことなく表現出来るようになりました。 ここではボタンデザインの際に役立つ5つの効果をご紹介します！ 当記事のサンプルについて すべてのサンプルは下記のHTMLを使用しております。 <a class="btn" href="#">LinkText</a> また、... 続きを読む

[CSS]CSS3で何ができるの？　という時にみておきたいサイト集 | コリス

2010/02/10 734 users コリス ドロップシャドウ CSS グラデーション 記述

角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。 CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコ [...] 続きを読む

CSSの小技集、20個:phpspot開発日誌

2006/09/24 781 users CSS フォ phpspot開発日誌 テクニック テーブル

CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォ... 続きを読む