<dd>dd要素です。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</dd>
※Light版を追加したので、エントリーを全体的にアップデートしてます(2010/04/14 )。 以下のエントリーのつづきです。 オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました。 前回はAI用だけリリースしましたが、今回は、以下のバージョンをリリースします。 機能限定、軽快動作のLight版も追加してます。 Fireworks CS4用 Flash CS4用 Photoshop CS4用 Illustrator CS4用 CS3の場合は、アプリごとに動いたり、動かなかったりして、検証が大変なので、CS4以上としています。 もうすぐ登場するであろうCS5については、当然、未検証です(たぶん、いけると思うけど)。 ■ScreenShot 通常版「PI_FontList」 Light版「PI_FontList_Light」 ■「PI_FontLi
前回から期間があいてしまいましたが、しばらくのんびりしたり、自分の仕事用のサイトを作っていました。この調子では、あっという間に2017年も終わってしまいます(気が早い)。 寒いですし、確定申告のシーズンで忙しくなったりで、皆様、体調を崩しませんように。 ココナラで、困りごと相談の無料サービスをやっています。 時間的な余裕のあるときのみですので、ココナラの「サービス再開時にメールを受け取る」機能でチェックしていただければ(ココナラへはFacebookアカウントでログインできます)。 0. 最近のお知らせから話題をピックアップ ネタを仕込む時間がありませんでしたので、最近のカラーミーショップのお知らせ欄から話題をピックアップしました。実はRSS配信もしているんですよ。 【予告】2月20日(月)「カラーミーショップ大賞 2017」エントリー受付を開始します デザインの流行りなどをインプットするた
お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ! はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
twitterやFacebookなどのソーシャルメディア関連のアイコンを表示しているサイトはよく見かけますが、そのほとんどは画像だと思います。 今回、Webフォントを使って表示する方法を紹介しますので参考になればと思います。 実物は別サーバーにアップしていますので、こちらでご確認ください。 今回はWeb Symbols typefaceさんのアイコンを使わせていただきました。 で、まず最初にアイコン形式のフォントを読み込む設定をします。 @font-face { font-family: 'WebSymbolsRegular'; src: url('websymbols-regular-webfont.eot'); src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('webs
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
海外のサイトなどでよく見かけるブログの記事の日付をカレンダー風に変える方法です。通常は記事の下部にインフォメーションとして、記事を公開した日付、カテゴリー、タグ、投稿などが表示されています。 このインフォメーションの公開した日付を記事のトップ左側に置いて、それをカレンダー風に変えると日付が見やすくなります。カレンダー風に変えるにはWordPressのテンプレートタグとそれに対するCSS(スタイルシート)で作成できます。 ここでは当サイトで使っているカレンダーですのでお好みに合わせて色や形、カレンダーを置く場所などを変更してください。 日付のテンプレートタグ 日付のテンプレートタグは次の通りです。月=<?php the_time(‘M’); ?>、日=<?php the_time(‘d’); ?>、年=<?php the_time(‘Y’); ?> このテンプレートタグをスタイルシートで装飾
ウェブサイトやイラスト・ポスターなど、何かをデザインする時に重要になってくるのが、情報をいかに効果的に伝えるかということ。ウェブデザインに関する情報を集めたブログCrazy Pixelsが、そんな時に役立ちそうなインパクトのあるフォントを50以上集めています。フォントはそれぞれ無料で商用利用も可能です。 50+ Precious Free Fonts for Commercial Use | Crazy Pixels http://crazypixels.net/50-precious-free-fonts-for-commercial-use/ ◆Museo Slab:がっしりしたゴシックフォント。このフォントには12種類のスタイルがありますが、そのうち「Museo Slab 500」と「Museo Slab 500 Italic」がフリーで利用可能です。 ◆Free Font Qarm
制作者さんよりご連絡頂いたので ご紹介。いつも有難う御座います! 以前ご紹介した、商用でも無料で 利用可能、クレジット表記も不要 の日本語フォント、こども丸ゴシ ックに細字タイプが追加されたと の事です。 手書き風の日本語フォント。商用でも無料で利用可能です。漢字は小学校1~3年で習う漢字が入っているとのこと。 こども丸ゴシック細め 公式のキャプチャ。かわいいです。 試しに思いつきで作って見ました。 ※この委員会が存在するかは知りません。子供の画像から思いつきで書いただけですので誤解無きよう。 フォントは何もデザイナーさんだけが必要としているものでは無いので商用で利用出来る日本語フォント、というだけでも多くの方にとって価値の高いものかなと思います。 ダウンロードは以下よりどうぞ。 Typing Art
今回はCSS3のみで1pxのラインまでデザインされたナビゲーションを作ってみました。 □demo □サンプル.zip 参考までに・・・こちらがPhotoshopで制作したナビゲーションです。(画像使用) 次にこちらが今回CSS3のみで作成したナビゲーションです。(画像不使用 Win7 Firefox12.0でキャプチャ) どうでしょう?さほど違いはないんじゃないでしょうか? HTML <ul id="menu"> <li class="first active"><a href="#">デザイナー</a></li> <li><a href="#">プログラマー</a></li> <li><a href="#">社長ブログ</a></li> <li class="last"><a href="#">お空</a></li> </ul> HTMLソースはわずかこれだけ! 本当はクラス名の「fir
Designbeepでスケッチ風のフリーフォントがいい感じにまとまっていたので、個人利用のみなのか、商用も可なのかを添えて紹介します。
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 一番下には、ミッフィーみたいなのがありますよ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く