スキップしてメイン コンテンツに移動

投稿

4月, 2014の投稿を表示しています

PCに入っているフォントを一覧表示して比較できるサイト「Wordmark.it」

こんにちは、クリエイティブフレークです。

今回は文字について。





PhotoshopやIllustratorを使ったデザインでも、もちろんWordやExcelだって、文字を置くときは文字のスタイル1つで、印象はだいぶ違います。

こんな悩みが一目瞭然、解決できる便利なサイト wordmark.itです。



パソコン内にインストールされているフォントを一覧表示してくれるサイトです。





まずは画面の説明から。

中央部分、文字を入力する欄にプレビューしたい文字を入れて、Enter(エンター)キーを押すだけ。



オプションとして、

■positive/negative …… 白黒反転。指定をしなければ、文字色が黒、背景色が白で表示されます。

■aa/Aa/AA …… 大文字小文字の切り替え。aaがすべて小文字、Aaが先頭文字のみ大文字、AAがすべて大文字で表示されます。

■font size …… 数字のところにプレビューしたい大きさを入れます。指定がなければ32(単位はピクセル)で表示されます。

■filter selected …… 選択したフォントをズーム、文字間隔の調整(複数選択可)


こんなところがあります。





実際に「Science」と入力してみると、



このように一覧が表示されます。





その中で気になるフォントがあれば、クリックすることでマークしてくれます。

さらにチェックしたフォントを比較する場合は、オプション機能の「filter selected」を利用します。





枠内にカーソルを合わせると、「+」マーク(ズーム)、「<>」マーク(文字間隔調整)、「×」マーク(削除)が現れ、





ズームをすると、こんな風に虫眼鏡で見たような感じに、





文字間隔を変更したい場合は「tracking」をプラスまたはマイナスをクリックして変更します。





時間短縮にもなる便利ツールとしてブックマーク必須サイトです。



Written by Creative Flake

ゴールデンウイーク期間中の営業日のお知らせ

こんにちは、クリエイティブフレークです。



ゴールデンウイーク期間は、基本的にカレンダー通り営業・休業いたします。



4月30日は都合によりお休みをいただきます。



お急ぎの方、急な依頼の方もメールまたはお電話いただければ、対応できる場合もありますので、お気軽にご相談ください。



Written by Creative Flake

Open SSLで見つかった脆弱性、利用者も自分で安全性を確かめよう!

こんにちは、クリエイティブフレークです。



今回はSSLのセキュリティについて。

各ニュース、メディアでも大きく取り上げられたように、Open SSLのバージョン1.0系に脆弱性が見つかりました。

このバージョンは2012年3月にリリースされたOpen SSLのバージョンで、現在最新版です。

今回は自分が使っているサイトのSSLが、果たして安全なのかどうか、を調べるツールの紹介です。



SSL Toolbox(SSLツールボックス)
Symantec(シマンテック)版
GeoTrust(ジオトラスト)版
Thawte(ソート)版



▼例えば、amazon.co.jpの場合


こんな風に表示されます。





調べ方は


1.調べたいサイトのURLをhttps://から始まる形式で入力

2.SSLの情報が表示されます。SSLの情報には有効期限やシリアル番号、暗号化アルゴリズムの種類や鍵の長さなどが表示されます。

3.また、そのSSLがどういうCA(認証機関)を経ているのかという情報も見えます。





さらに、今回のOpen SSLの脆弱性問題を踏まえ、Heartbleed攻撃に対し安全なのかというのが見れるようになりました。


↓↓上記Amazonの例では安全ですが、こんな場合もあります↓↓





サイトを使う側も、安全性を見極めて使用するように、ですね。



Written by Creative Flake

リストの種類を用途に応じて使い分けよう

こんにちは、クリエイティブフレークです。

コーディングをしていると、リストをよく使用するのですが、リストの種類って気にしたことがありますか?



リストは大きく分けて3種類。

・<ul><li>を使用
・<ol><li>を使用
・<dl><dt><dd>を使用



↓↓何が違うのかというのがこちら↓↓





■<ul><li>のサンプル



HTML
<div> <p>試験当日持参するもの</p> <ul> <li>受験票</li> <li>筆記用具</li> <li>写真付き身分証明書</li> </ul> <p>持ち込み禁止物</p> <ul> <li>携帯電話(持ち込みの場合は電源をOFF)</li> <li>問題集、参考書</li> <li>飲食物</li> </ul> </div>
CSS
div {  color: #333333;  font-size: 12px;  width: 300px; } p {  background: #f1f1f1;  border-left: 5px solid #17aad8;  padding: 5px 15px; } ※リストの装飾については今回は省略します。



■<ol><li>のサンプル



HTML
<div> <p>当店人気フレーバーランキング</p> <ol> <li>チョコチップ</li> <li>ストロベリー</li> <li>抹茶ミルク</li> </ol> </div> ※CSSは<ul><li>のサンプルと同じです。
※リストの装飾については今回は省略します。



■<dl><dt><dd>のサンプル



HTML
&…

ホームページをリニューアルしました

こんにちは、クリエイティブフレークです。





このたびホームページをリニューアルしました。

とは言っても、テーマカラーはそのまま採用し、すべてはホームページに載せられなかったのですが、制作実績などもアップデートしました。

また、システム開発にも力を注いでいきたいと考え、「Web制作・システム開発のCreative Flake」として設立2年目、やっていきます。

そうは言っても制作開発は、よいもの、便利なものをさらに安価で、と考えています。

それでいて、電話一本でもメールでも、なんならLINEでもすぐに動けるのが、利点だと思います。

2年目もスタッフ一同、頑張ってまいりますので、どうぞよろしくお願いいたします。



Written by Creative Flake