【第2弾】少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス

2016/02/01 826 users 実装 Webクリエイターボックス CSS小技集 コード タタ

はるか6年前に書いた記事「 少しのコードで実装可能な20のCSS小技集 」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像を... 続きを読む

グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ | 編集長ブログ―安田英久 | Web担当者Forum

2015/03/10 742 users 安田英久 グーグル Web担 Web担トップ なか

Web担トップ » 編集記事一覧 » [コラム] Web担のなかの人――編集部ブログ » 編集長ブログ―安田英久 » グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ 編集長ブログ―安田英久 グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ 安田英久（Web担 編集長） 3/10(火) 11:00 ツイート サイト企画／制作／... 続きを読む

自社サービスのロゴをWebフォント化して楽をしようと試みてみる方法 | nanapi TechBlog

2014/05/28 9008 users nanapi TechBlog ロゴ エンジニア 修正 みんな

Webサービスをリリースしたばかりの頃は、毎日修正で日々細かい調整に追われるもの・・・さらに最近はレスポンシブWebデザインでMedia Queriesの分、いちいち修正するのかとか思うと、Sass mixinの使い方が巧いデザイナー、エンジニアが羨ましい・・・みんな、そんな毎日じゃないかなと思います。今回はちょっとでも楽をしてほしくて、本当にちょっとの楽くらいにしかならないですが、Webフォント... 続きを読む

●●っぽい表現ができる「CSS3」サンプル集 | Find Job ! Startup

2013/10/29 602 users イシジマミキ Startup 見出し デザイナー 流行

こんにちわ！ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Webフォントの充実、スマートフォンの流行、そしてCSS3の表現力アップにより、画像を使わなくても凝った表現の見出しが作れるようになりました。 どんなデザインがあるのか。海外のサイトを調べるとたくさん出てきますが日本語だとあまりカッコ良く見えなかったりもします。そこで今回は、日本語書体で使えるCSS3のコードサン... 続きを読む

もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法 : アシアルブログ

2012/07/10 567 users 鴨田 アイコン アシアルブログ プロトタイプ アイコン画像

こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとして... 続きを読む

漢字も使えるフリーのWebフォントまとめ | Love&pointcard

2012/05/17 739 users フリーフォント フォント デバイス 漢字 web

ポイントカードを収集しているサイトですが、現在はただの普通のブログです。IT/Webな情報や雑記。CSS3のWebフォントは海外では積極的に取り入れられていますが、日本語ではほとんど普及していません。そこで、再配布可能かつ漢字で使えるフリーフォントを集めてみました。 Webフォントとは Webフォントは、サイトを閲覧するデバイスにインストールされていないフォントを読み込ませて表示する技術です。We... 続きを読む

PCサイトとスマートフォンサイトをどのように扱うか？国内のレスポンシブウェブサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/12 502 users Webデザインクリップ Web制作 SEO 共通 選択肢

海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト 毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢として魅力的です。 また共通のURLを使用することでSEOに強い面もあります。 Webフォントを使用すれば、... 続きを読む

意外と知らない？アイコンはWebフォントでつくるとこんなに便利！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/28 815 users シンボル jsdo.it KAYAC DESIGNER 以下

Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボル... 続きを読む

デコもじで、ホームページが、ブログが、もっと楽しくなる♪

2010/04/27 719 users デコもじ デコ 技術 ホームページ お試し

デコもじでホームページが、ブログが、もっと楽しく、もっと個性的になる！デコもじサービスは無料でお試しいただけます！デコもじは「Webフォント」技術を利用した、全く新しいフォントサービスです。ブログやホームページなどで誰でも簡単にご利用いただけます。 続きを読む