Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
ウェブデザインにおける透過の効果的な使い方と注意点
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
CSS： marginの正しい理解 - kojika17
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
WEBサイト作成者に超オススメ！たった500円でプロのアドバイスが買える「ココナラ」の費用対効果がすごい！ | お土産屋さんブログ
WEBサイト作成者に超オススメ！たった500円でプロのアドバイスが買える「ココナラ」の費用対効果がすごい！ 7月にココナラというWEBサイトが正式オープンしました。 プロやセミプロの経験・知識・スキルを500円で取引できるサイトです。 誰でも「経験・知識・スキル」を出品したり、それを購入することができます。 人気のあるサービスは、自分の似顔絵を描いてくれたり、占いをしてくれたり、恋愛や仕事などへのアドバイスのようです。 (似顔絵は、友人の誕生日にあげると喜ばれるよ！) さらには、オススメのお土産を教えてくれたり、業界の裏話をしてくれるマニアックなサービスまであったりと、そのサービスは様々。 そんな中でもWEBサイトを作っている人に超オススメなのが、自分のWEBサイトを診断をしてくれるサービスです。 例えば、副業者がWEBサイトを作る場合、あまりお金をかけられないので、そのほとんどを自分で作
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
８．見直すだけで成約率３割増！セールスコピー３５個の最終チェック項目
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEB上のランディングページでも、DMでも、チラシでも、真剣に売れるコピーライティングを仕上げようとすると、気をつけるべき部分が非常に多い。 しかし、あれこれ考えすぎると、良いセールスコピーは書けない。 そこで、コピーライティングの仕事をする際は、私の経験上、セールスコピーを書くための材料が揃ったら、それを頭に叩き込み、何も考えずに感性に従って書けるだけ書き、その後に、理性的に見直すというやり方が最良だ。 そして、この「コピーライティングの成果を３割増にしてくれる３５のチェックリスト」は、私がセールスコピーを書き上げた後に、必ずチェックしている項目だ。 一通りコピーを書き上げた後に、このリストに沿ってチェックしていくと、あなたのコピーライ
SEOに最適なサイト構造と内部リンクの全て - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 検索エンジンからのトラフィックを増やすためにはサイトに内部リンクを適切に設置することも重要。頭では分かっていても外部リンク頼みのSEOに偏りがちだった日本のSEO業界、Google先生の有料リンク取締り強化で内部リンクの重要性が改めて注目されつつある最近かもしれません。そんなあなたに今回、サーチエンジンランドからSEOに最適なサイト構造と内部リンク設置に関する記事が配信されていたのでここに紹介します。 — SEO Japan ウェブサイトの構造と内部リンクは、SEO業界で意見が最も食い違う分野である。SEO業者同士の意見が食い違うだけでなく、それぞれ目標が異なるため、デザイナー、ユーザビリティの
全12カテゴリー。分野別で見る、Webサイトを構築する上でそれぞれ注意すべきポイント / Maka-Veli .com
やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
登録するだけでSEO効果がある17サイト【無料SEO対策】｜ビジネスに役立つ情報まとめ～東京駅で働く社長のブログ～
前回は内部対策を中心にまとめたので、 初心者が押さえておくべき7つのSEO対策 今回は外部対策についてまとめました。 SEOで外部対策は、 「質の高い被リンクを得る。」 この一言に尽きます。 それが簡単にできるなら苦労をしませんよね。 だから多くの方はSEO業者にお金を払って、 質がわからない被リンクを獲得していきます。 …ちょっと待ってください！ 登録するだけで質の高い被リンクを得る方法があるんですよ！ それが、ソーシャルメディアやソーシャルブックマークの活用です。 何かを検索しているときに、 facebookやtwitterのページが検索結果に表示されることがありませんか？ ページランクを調べるとこの理由わかりますが、 facebook：9 twitter：9 と、驚異的なページランクとなっています。 なので検索結果の上位に表示をされる仕組みとなっています。 さて、ここで考えるべきは、
ゲーム感覚で楽しく学べる系Webサービスいくつか
ちょこちょこ見かけるので最近に なって見かけた、ゲーム感覚で 楽しく学べるWebサービス的なもの をご紹介。Webアプリのアイデア の参考にもなればなぁとの気持ち も込めて。 ゲーム感覚で学べる、みたいなWebサービスは昔からありますので、ここ最近見かけたものを中心に少しまとめてみます。暇つぶししながら学べるって考えるとお得かもしれませんね。 Web制作に関わるものが中心です。 Kern Type カーニングをゲーム感覚で楽しく学べます。ドラッグで文字詰めしてください。 Kern Type Shape Type ベジェ曲線を学べるサイト。デザイナーさんは勿論、非デザイナーさんもこういうのでデザインがいかに難しく時間がかかるものか理解できるのではないかと。こういうの体感しておくとデザインなんて安売り出来ないし、簡単に学べない事が分かるかと思います。 Shape Type Color — Me
HTML5のカテゴリーの種類についてまとめました【MdN連載第6回目】 | HTML5でサイトをつくろう
HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそのカテゴリーについてまとめてみたいと思います。 MdN Design Interactiveの第6回目のURLはこちらになります。 HTML5の「カテゴリー」についてまとめよう HTML5の各要素は、目的に応じたカテゴリーに属しています。 メタデータ・コンテンツ フロー・コンテンツ セクショニング・コンテンツ ヘッディング・コンテンツ フレージング・コンテンツ エンベッディッド・コンテンツ インタラクティブ・コンテンツ セクショニング・ルート HTML5の要素のほとんどが上記のカテゴリーのどれかに
Facebookページの作り方 2012年1月版
2013年3月23日 Webサイト制作 一年ちょっと前に「Facebookページを自由にカスタマイズする方法」という記事でFacebookページの作成方法を説明したのですが、Facebookはコロコロ仕様を変更するため、その記事を読んでもFacebookページは作れませんｗ 今や使い物にならない記事にもかかわらずアクセス数はかなりあるので、訂正…というか新仕様にあわせたFacebookページの作成方法を説明します。 ↑私が10年以上利用している会計ソフト！ 冒頭でも書きましたが、Facebookページの作り方についての記事は、半年以上前に書かれたものはアテにしないほうがいいです。それほどFacebookは仕様変更のスパンが短いのです。この記事もあと半年後には書き直しなのか…そうなのか…。 基本的なFacebookページの作り方 まずはFacebookページを新規作成します。こちらの「Fac
SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積／pixivのSEO事例 | 事例
そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト・漫画・小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivのSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー
WEB制作・運営者必見！2012年に流行る（かも！？）新世代CMS4つを徹底検証 | Inbound Marketing Blog
こんにちは。 CMS開発担当の山口です。 今回は「INBOUNDなWEBサイト」、つまり、お問い合わせがたくさん来るWEBサイトを作るにあたって、欠かせない必須アイテムであるCMSについてお話しします。 ※あらためてCMSとは… WEBサイトのページやコンテンツ、画像などを管理・更新しやすいようにシステム化したもの。 現代のWEBサイトにおいて、CMSでの構築は、マストな要件となってきました。 WEBサイトが「作る」時代から「運用する」時代になって久しく、 その難しさや大変さは周知されてきました。 そこで登場したのがCMS。 運用の簡略化・効率化に貢献し、WEBサイトの懐を大きくするツールとして、 今ではWEB制作現場で当たり前のように使用されています。 WEBサイト制作スキルのないメンバーで運用するCMSを探そう そもそもCMSは古くから各所で開発され、それぞれ違う目的・用途を持って
jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Analyticsのカスタムレポートを使い倒す為の第一歩！時間／日付／曜日、各時間軸のカスタムレポートを作ってみる！ | バンクーバーのうぇぶ屋
売れるデザインのしくみ、ざっくりノート - 4mimimizu blog
最近リリースされた高品質なフリーのデザインフォント -2012年1月
[JS]jQueryのプラグイン33+1選 -2012年1月