jdash 2000 site

DTP・Web制作・CSS・マーケティング・スマートフォン・印刷などの色んなものに四苦八苦しながら次なる営業展開を考える営業部所属の人のブログ



20161022-Google-Fontsでフォントが見つからなかったときの顔文字-00



●Google Fontsのページがリニューアル

Google Fontsのページがリニューアルされ、モダンな感じのサイトに変わりました。

Google Fontsのサービスは、ウェブページで使えるフォントを提供しているページで、指定の通りにHTMLやCSSを角だけで、様々なフォントが使用できるサービスです。


日本語のWebフォントも試験的に何種類か追加され、9種類から選べることが話題になっていますね。

閲覧者のPCにフォントがインストールされていなくても指定したフォントを表示できるウェブフォントは、閲覧者の使用環境にウェブサイトのデザインが左右されないため非常に便利なのですが、アルファベットとは違い文字の種類が多いため日本語に対応したウェブフォントが少ないのも事実。そんな中、Googleが日本語フォント9種類をウェブフォントとして試験的に無料公開しています。

(略)

ウェブフォントとして利用できるようになったのは以下の9種類。もともとGoogleは独自開発したフォント「Noto Sans Japanese」を日本語フォントとして公開していましたが、今回はそれに加えて、「M+ FONTS」や「はんなり明朝」といった日本語フォントがウェブフォント化されています。

無料で使える日本語ウェブフォント9種類をGoogleが公開中(GIGAZINE)
記事の続きを読む





20160924-GalaxyNote3-プロセスsystemは応答していません-00

みなさん、Galaxy Note 3を使っていますか?

私はまだまだ現役で使っています!(2013年10月末購入)


やはりこのサイズはアプリやウェブも見やすいですし、なんといってもゲームのデレステ(アイドルマスターシンデレラガールズ スターライトステージ)でも、ライブは「3D軽量」ならそこそこ行けます(MVなら「3D標準」でも大丈夫)。さすが発売当時の最高スペック。

最近初期化もして、かなりバッテリーの保ちも改善しました。(とはいっても以前と違って1日が精一杯なので替えのバッテリーを買おうかなと)

20160924-GalaxyNote3-プロセスsystemは応答していません-08

そろそろ、Galaxy Noteの新しいのにしたいな〜なんて思ってはいるのですが、最近のGalaxy Note 7のバッテリー爆発騒動でちょっとな〜と…(とはいっても国内キャリアから7は出ていませんけどね)。


さて、本題。



記事の続きを読む



20160726-jQueryでiframeの高さを自動調整-01

Webページの制作でiframeで他のページの情報を埋め込んだり、ウィジェットを埋め込んだりすることってありますよね。

このiframeは高さが決まった高さなら、CSSで高さ(height)を事前に決めてあげればよいのですが、昨今のレスポンシブWebデザインでは、iframeの高さがPCとスマホ・タブレットで結構変わってしまうことも多くて、事前に高さを決め打ちで指定できないことも多くあります。


そこで、JavaScript(jQuery)を使って、iframeの高さを自動的に設定してくれるスクリプトを紹介します。



記事の続きを読む



20160716-BootstrapのCSSのclearfixを最新版もチェック-01

みなさん、Bootstrapを使ってWeb制作していますか?

私の勤めている会社もMovable Typeで管理しているサイトはほとんどBootstrapのフレームワークに移行して、制作とメンテナンスがかなり楽になりました。Bootstrapはドキュメントが豊富なので、参考になる情報が多く便利ですね。


さて、そんなBootstrapですが、Bootstrap 3.xのCSSとBootstrap 4(4.0.0-alpha.2)のCSSを見ていたら、float要素を解除するclearfixのCSSが「ああ、ここまで短くなったのか〜」と感じたので、紹介します。



記事の続きを読む



ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索