魔法陣の呪文っぽい英数飾りフォント「MagicRing」。自由にお使い頂けます。
『ようじょふぉんと』(幼女フォント)とは 文字を覚えたての就学前の子ども(3~5歳ごろ)をイメージして作成した日本語フォントです。 収録されている文字はひらがな・数字とごく一部の記号のみですが、全角カタカナ・半角カタカナに字形を変えたひらがなを収録していますので、一つのひらがなにつき3パターンの字形の表現が可能です。 「ぱぱ」「まま」などの同じ文字が続く単語でも、異なる字形を並べることでフォントっぽさをごまかすことができます。 個人利用・商用利用とも無料でご自由にお使いいただけますが、利用条件等についてはフォントファイルに添付しているreadme.txtを必ずご確認ください。 利用可能文字一覧 『ようじょふぉんと』利用可能文字一覧 フォントのご利用について 個人・商用問わず、無料でご利用いただけますが、一部禁止事項がございます。 ご利用前に下記の注意事項と禁止事項を十分ご確認ください。 ■
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
// TODO: better name : wombat風Xcodeカラーテーマ - // TODO: better name よりwombatのカラーテーマを取得し、wombat.xccolorthemeとして保存 これはXcode3用のカラーテーマファイルなので、ppmweb : Xcode 3 のカラーテーマを Xcode 4 用に変換するアプリ | ppmweb よりxccolortheme2dvtを使い、wombat.xccolorthemeをXcode4用のカラーテーマファイルwombat.dvtcolorthemeに変換 {$HOME}/Library/Developer/Xcode/UserData/FontAndColorThemes/ に出力したファイルwombat.dvtcolorthemeを移動 XcodeのPreferences>Font & Colors>Th
さて、今回スライド結構がんばって作ってみました。どうよ、これかっこ良くない??? https://speakerdeck.com/riywo/ops-tool-made-by-perl-beginner-number-yapcasia-2012 どうやって作ったのか、大したことはないんですが軽く共有しておきます。 と言っても、ぶっちゃけ以下のエントリを丸パクリして Keynote でポチポチ作っただけですが。。。 Slide Design for Developers フォント Yanone – Free Font: Yanone Kaffeesatz こちらを使わせて頂きました。とてもかっこいいです。 配色 Color Trends + Palettes :: COLOURlovers こちらから自分の好みのパターンを幾つか探して、Keynote のパレットに拾っておいてあとはそれをポチ
HTML5 では、input 要素の type 属性に search という検索フィールドのための値が使えます。現時点ではこの search タイプをサポートしているのは Safari と Chrome のみなのですが、これらの対応ブラウザでは、入力したテキストをキャンセルするボタンが表示され、Mac ではフィールドが角丸になります。 しかし、Safari と Chrome でこの search タイプの input を CSS でスタイリングしようとしてもほとんどコントロールできず、ブラウザのデフォルトでレンダリングされてしまいます。font、padding、border、background といったごく基本的なプロパティがことごとく無効。これをなんとかリセットし、text タイプと同様にスタイリングできるようにもっていくのはけっこう面倒で、以下のようなコードが必要です: /* Res
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
MacTypeはWindowsのフォントを滑らかにして奇麗なフォントを表示してくれるソフトウェアです。 Windowsにおいてフォントを滑らかに表示するソフトウェアとしてGDI++が知られていますが、2010年のリリース以降あまり積極的に開発が行われていません。そこで立ち上がったのが後継プロジェクトと言えるMacTypeです。 インストーラーを使います。その際の言語は中国語になっています。 起動しましたメイン画面では日本語が表示されています。 モードを選んだ後、プロファイルを選択します。 確認ダイアログが出ます。OKで開始します。 エクスプローラの表示。反映は即行われます。 Firefoxの表示。メニューからレンダリング結果まで全て滑らかな表示になっています。 タスクトレイのメニュー。 プロセス単位の状態も見られます。 MacTypeはレジストリモード、サービスモード、トレイモードの3つが
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基本的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Enter using password Opening Soon Find out when we open Spread the word: Share Tweet Enter using password Enter store using password: Enter Are you the store owner? Log in here
Example 10 エレメントのサイズとカラーを変更し、重なり順も変更。 実装 HTML HTMLの構造は、アイコン、メインテキスト、サブテキスト、3つをli要素に含めます。 <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Personalized to your needs</h3> </div> </a> </li> ... </ul> [ad#ad-2] CSS アイコンに使用しているのは画像ではなく、シンボルフォントを使用します。 @font-face { font-family: 'WebSymbolsRegul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く