当サイトは和文フォント専門ですが、一応欧文書体の基本も押さえておきましょう。 欧文、いわゆるアルファベットは遠くエジプトの象形文字を起源にし、表意文字から表音文字のフェニキア文字を経てギリシア文字、現在のアルファベットに近いローマ文字へと変化していきました。これは、複雑な象形文字では書くのに時間がかかるため、合理的かつ必然的に単純化されていった結果です。
こんにちは、スイカは白いところまで食べる小林です。 今日は個人的主観で、よく使う、あるいは使いたいと思っている定番欧文フォントをご紹介したいと思います! フォント選びで迷うと、ついつい、無難なフォントを使いがちですが、そのフォントの性質やディテール、成り立ちを知ることで、よりそのデザインにマッチしたフォントが選べるようになると思います! セリフ体 Baskerville (バスカヴィル) 伝統、高貴さを感じさせる、1750年代にイギリスのジョン・バスカヴィル(John Baskerville)によって作られた、Transitional(※)フォントの代表格です。 バスカヴィルのフォントは当時のイギリスではなかなか受け入れられず、アメリカやフランスで多く使われたようです。 しかし今では堂々とした大文字などからイギリスを代表する書体デザインの一つと言われています。 Baskerville Ol
400点以上の罫線・ライン素材がフリー(無料)でダウンロードできる「FREE LINE DESIGN」。 すぐに使える商用利用可能なjpg、png、編集可能なイラレ(ベクター)データも用意してます。利用規約はこちら
Mac OS Xの不可視ファイルや不可視フォルダを表示するように、Finderの設定を変更する裏技です。 不可視設定のファイルやフォルダを表示 Macも、Windowsと同じように重要なファイルやフォルダは、誤操作防止のため通常の操作では表示されないようになっています。 Windowsではコントロールパネルで設定を変更することにより表示することができましたが、Macではターミナルを使用して設定を変更する必要があります。 通常はこのような状態です。 ターミナルを使用して設定を変更すると、このように隠しファイルは隠しフォルダが表示されます。 ファイルやフォルダの名前の先頭に「.」(ドット)が付いているのが特徴です。 不可視ファイルや不可視フォルダを表示する方法 まず、「起動ディスク(Macintosh HDなど)」→「アプリケーション」→「ユーティリティ」と移動し「ターミナル」を起動します。
Photoshop自体も便利ですごいソフトウェアですが、今回紹介する仕組みというかPSDを作った人もすごいです! 一見「ふーん」と思いましたが、実際にやってみると「おおおおお!」と驚きました。 やり方は簡単なので、ぜひお試しください。 This PSD Reveals What Every Photoshop Adjustment Layer Does via Curves 「Live_Curves」はPhotoshopの調整レイヤーがあなたの写真にどのように機能しているかが分かる新しい方法で、特別なPSDファイルを使用することで、ドキュメントのカーブをリアルタイムに表示します。
フリーランスをスタートして半年以上が過ぎて、まだまだ月々の売上は売上報告にも書いている通り、多い時と少ない時の差がかなりありますが、ありがたいことに仕事自体は次第に増えています。 そうするとしっかりと考えておかないといけないのが、デザイン料金の設定です。これまではクラウドソーシングでのコンペや受注案件など、価格が決まっているものに応募したり、受けたりする流れでしたが、これからクライアントや代理店の方と直で料金の交渉をしたり、見積書を提出することが増えていきます。 そこで改めてその中のデザイン料金の相場について考え、まとめてみました。 デザイン料金で揉める場合 サバイブログでは過去に「デザインのクオリティと値段の関係をハッキリさせておこう」、「【クラウドソーシングも含む】プロに低料金の案件を気持良く、しっかり仕事をしてもらうコツ」という記事で、デザインとお金の関係に関しては色々と思うところを
リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 当記事は、2015/11/4に公開した記事に追加分を加えたものです。 更新: 2016/3/7 13, 14, 15を追加。 更新: 2016/4/13 16, 17を追加。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区
最近人気のこのブログ 凡夫じゆうちょう この著者である異生凡夫 さんから、僕のエントリーにこんなブコメが そういえばトレンドキーワードってどう調べる? という事で、全部ではありませんが一般的なトレンドキーワードの調べ方について書いてみたいと思います。 Googleトレンド トレンドキーワード=今、どんなキーワードが検索されているか見るのならまずここだと思います。 Google トレンド トレンドキーワードってどこで調べるの?と言われたら、ここをオススメする人がかなり多いように思います。ただ僕はここよりもYahoo!で調べる事の方が多いですね。 Yahoo!検索データ 急上昇ワードピックアップ Googleではなく、なぜヤフーなのか、理由は簡単でヤフーユーザーの方がクリック課金型広告をクリックしてくれる傾向が高いから(^^; グーグルとヤフーでは検索されるキーワードが異なる傾向があるので、Y
知らないと損をする5つのステップ!Googleトレンドとアドワーズを使ってSEOキーワードを検証する方法 SEOキーワードが検索エンジン流入を決める? WEB集客のために必要なGoogle活用方法 大企業はもちろんであるが、中小企業こそ、 WEBサイトを活用して、見込み客を集め、お問い合わせを獲得し、 売上アップに繋げるべきであると、私は考える。 成功するためには、なぜ失敗しているのかを見直すことは重要である。 先日、「WEBサイトにお問い合わせが来ない残念な25個の理由」を公開した。 また昨日、その中の1つの問題を解決するヒントとして、 「検索ビックワードを意識したサイト構成を行うための15個チェック項目」を 公開したが、本日はそれに関連した「SEOキーワード」の評価方法についてご紹介する。 Googleアドワーズとトレンドを使ったSEOキーワード検証 1 Google Adwordsに
角が丸くなって柔らかい雰囲気になった「JK丸ゴシック」できました 以前より公開していた「JKゴシック」にラウンド処理を加えた「JK […]
Theme Name Theme Slug Author Author URI Description WooCommerce boilerplate _sassify! What is Underscores? Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. My ultra-minimal CSS might make me look like theme tartare
WordPress は基本的にトップページでも下層ページ(投稿・固定ページ・アーカイブ)でも同じ CSS を読み込んでいます。 場合によっては、特定の CSS をそのページでのみ読み込みたいケースもあるんじゃないでしょうか。たとえば「CSS を使った見出しのデザインサンプル」といった記事を書くときや、オリジナルテーマを制作して納品するときですね。 すべて style.css やカスタマイザーの「追加 CSS」に書くと管理が面倒ですし、他の記事でまったく使わない CSS が大量にあると表示スピードにもわずかながら影響します。 そこで、そのページにだけ個別のスタイルを適用する方法をご紹介していきます。 個別の CSS を設定する方法 01. <head> 内で条件分岐する 投稿編集画面での CSS 編集を必要としないなら、特定のページに適用する CSS ファイルを FTP でアップロードしてお
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub 日本語フォントは、たくさんのフリーフォントがあります。 2017年用、日本語のフリーフォント 259種類のまとめ Honokaの特徴 Honokaのデモ Honokaのアプローチ -Bootstrapでの日本語表示最適化 Honokaの利用方法 Honokaの特徴 Honokaは、Bootstrapでより美しく日本語を表示させることにこだわったオープンソースのテーマファイルで、これをベースにWebサイトを作成したり、既にBo
本連載では、HTML5やCSSの基礎を理解している方へ向けて、Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども「実務採用したことがない」「仕方がわからない!」という方。そんな「あなた」が1つ上のステージへ進むためのパスポートです。Bootstrapを使うことで簡単にレスポンシブサイトを制作できるようになります。 「スマホ専用サイトは使いづらい!予算が掛かる」は古い 昨年頃からスマホ専用サイトの「必要説」が揺らいでいます。その背景には、従来のPCサイト用のデータから必要最低限のデータを抽出した形で、全く別サイトとしてスマホ専用サイトが設計されているため、「UIが変わりすぎてわからない」「情報量が少ないなどの欠点が目立ちユーザーに受け入れらない」といった状況があるからです。 参考資料: 8割以上が「スマートフォン専用サイト不要」と回
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く