全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント（.ttf, .woff, .eot） ベクター（.svg） 透過PNG（.png） Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類！ アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
IDを使わないCSSの設計 - kojika17
CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
自分のブログにWebフォントを適用できるサイト「TypeWonder」 | ライフハッカー・ジャパン
「TypeWonder」は自分のブログにWebフォントを適用できるサイトです。適用したいサイトのURLを入力するだけで、指定したWebフォントを使ったプレビューが閲覧できます。 以下に使ってみた様子を載せておきます。まずTypeWonderへアクセスしましょう。Webフォントを適用したいサイトURLを入力して「Go」をクリック。 適用させたいWebフォントを選べます。人気順でソートすることも可能。 こちらがWebフォントを適用した結果です。実際にその場でサイト全体を閲覧できるので便利ですね。気に入ったら、右上の「Get Code」から埋め込むCSSが手に入りますよ。ぜひご活用ください。 TypeWonder （カメきち）
美しいフラットなアイコンフォント「Dripicons」:phpspot開発日誌
Dripicons (Line-Icon Font) by Amit Jakhu 美しいフラットなアイコンフォント「Dripicons」 ここの所、ガンガンこうしたアイコンが出ていますが、今後ももっと沢山のアイコンがでてくるでしょう。 フラットデザインはアイコンも作りやすいという事がありますから、素材もどんどん増えてよりデザイナーの方も便利になっていく一方で、フラットなりの工夫を付けないと誰が作っても同じデザイン、という風になりそうですね。 関連エントリ FlatなUIが美しいWEBサイト２５ 天気予報用のアイコンがセットになったアイコンフォント「Forecast Font」 FlatなUIが美しいJSレスなUIライブラリ「TopCoat」 フリーな1262種類のフラットアイコン「COSMO MINI」
フロップデザインフォント
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
タイポグラフィの歴史を5分で説明するよ（コマ撮り動画＆全訳）
タイポグラフィの歴史を5分でダッと説明するストップモーションアニメ（上）が超クールと海外で注目を集めています。 製作したのはカナダのマクマスター大学でマルチメディアを専攻するベン・バレット=フォレスト（Ben Barrett-Forrest）さん（23）。3年目のアニメーション科目の課題でショートアニメを作れと言われて始めたら、ついつい凝ってしまったのだそう。 出身地ユーコンの地方紙はこう紹介してますよ。 ｢たぶん15～20時間もかければ合格だったと思います。それが始めたらとてもそんな時間じゃ終わらない、課題よりずっと手間かかるってすぐに気づいて。でも、それでもいいやって思ったんです｣ 結局バレット=フォレスト君は2ヶ月暗い部屋に篭って500ワットの電球で照らしてる熱い中、ダンボールくり貫いて作った292個の文字を並べて2500枚の静止画像を撮影し、そこからストップモーションビデオをつくっ
スタンプで押したような形が特徴のフリーフォントまとめ「Stylize Your Designs with these Free Stamped Fonts」
TOP > Font > スタンプで押したような形が特徴のフリーフォントまとめ「Stylize Your Designs with these Free Stamped Fonts」 多数のフォントがフリーで展開されており、デザインに合わせてさまざまなバリエーションが選べるということもあり、日々重宝されている方も多いのではないでしょうか？そんな中今回紹介するのは、スタンプで押したような形が特徴のフリーフォントまとめ「Stylize Your Designs with these Free Stamped Fonts」です。 （Rubber Stamp font by Marta van Eck Designs – FontSpace） アナログテイストな質感を出したい時におすすめな、かすれたような雰囲気が特徴のスタンプフォントが多数まとめられています。気になったものをピックアップし
最新のデザイナーズフリーフォント「9 Fresh Free Fonts for your Designs」
デザインする上で、クリエイティブなフォントはいくらあっても困らないくらい重要な要素の非乙ですが、今日紹介するのは最新のデザイナーズフリーフォントを集めたエントリー「9 Fresh Free Fonts for your Designs」です。 The Quantum クリエイティブなフォントが全部で9つ紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Track Type 過度が少しだけ丸いフォントセット。硬い中にも柔らかさが見えるフォントセットです。 BARON 一部の文字が特徴的な書体に置き換えることができるフォントタイプ。記号と文字の中間のようなフォントはデザイン性がかなり高い。 Gabriela 丸い印象を受けるが、洗練された、少し変わったフォントタイプ。 上記の他にも様々なフォントが公開されています。クリエイティブなフ
木をイメージしたデザインのフォント２０:phpspot開発日誌
20 Beautiful Wood Fonts for your Inspiration 木をイメージしたデザインのフォント２０。 次のような木をモチーフにデザインされたフォントが２０種類紹介されています。 家具等のサイトを作るのに使うと面白いのかも。 かなりアメリカンなイメージでもありますが、参考までに。 関連エントリ ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 アイコンフォントをコマンドラインで生成できる「Font Custom」 ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」 メジャーなアプリケーションのアイコンフォント「Pictonic」
スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
Win Big at 10Cric Live Casino India 🎲💰
Sports betting liquidity represents the lifeblood of any functional wagering market, determining how easily bets can be matched, how competitive odds remain, and how stable the overall ecosystem operates. In India's rapidly evolving sports betting landscape, liquidity plays an even more critical role due to the massive scale of cricket enthusiasm, the emergence of fantasy sports platforms, and the
無料でダウンロード可能＆デザイナーに人気の英字フォントいろいろ
ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない！という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー
表現力がアップする手書きフォントまとめ「25 Best Hand Written Fonts」
TOP > Design , Font > 表現力がアップする手書きフォントまとめ「25 Best Hand Written Fonts」 デザインにアナログの質感を感じさせるために、手書きの文字を利用することも多いと思いますが、フォントで対応することで、デザイン制作時間を大幅に短縮させられるかもしれません。そんな中今回紹介するのが、表現力がアップする手書きフォントをまとめた「25 Best Hand Written Fonts」です。 CRAPTACULAR font | UrbanFonts.com リアルな手書き感が表現できるフォントばかりが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Aaron’s Hand font | UrbanFonts.com 筆風のペンで書かれたようなアルファベットフォントで
今さら聞けない？おさえておきたい日本語フォント！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ！ はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事 | PhotoshopVIP
新着記事 | PhotoshopVIP
Icons | Font Awesome
新着記事 | PhotoshopVIP
ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年2月
新着記事 | PhotoshopVIP
