フレークの素 | Web制作・システム開発のCreativeFlakeブログ

こんにちは、クリエイティブフレークです。 今回は文字について。 PhotoshopやIllustratorを使ったデザインでも、もちろんWordやExcelだって、文字を置くときは文字のスタイル１つで、印象はだいぶ違います。 こんな悩みが一目瞭然、解決できる便利なサイト 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

こんにちは、クリエイティブフレークです。 今回はSSLのセキュリティについて。 各ニュース、メディアでも大きく取り上げられたように、Open SSLのバージョン1.0系に脆弱性が見つかりました。 このバージョンは2012年3月にリリースされたOpen SSLのバージョンで、現在最新版です。 今回は自分が使っているサイトのSSLが、果たして安全なのかどうか、を調べるツールの紹介です。 SSL Toolbox（SSLツールボックス） ・ Symantec（シマンテック）版 ・ GeoTrust（ジオトラスト）版 ・ Thawte（ソート）版 ▼例えば、amazon.co.jpの場合 こんな風に表示されます。 調べ方は １．調べたいサイトのURLをhttps://から始まる形式で入力 ２．SSLの情報が表示されます。SSLの情報には有効期限やシリアル番号、暗号化アルゴリズムの種類や鍵の長さなどが表示されます。 ３．また、その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>のサンプルと同じです。 ※リストの装飾については今回は省略します。

こんにちは、クリエイティブフレークです。 このたびホームページをリニューアルしました。 とは言っても、テーマカラーはそのまま採用し、すべてはホームページに載せられなかったのですが、制作実績などもアップデートしました。 また、システム開発にも力を注いでいきたいと考え、「Web制作・システム開発のCreative Flake」として設立2年目、やっていきます。 そうは言っても制作開発は、よいもの、便利なものをさらに安価で、と考えています。 それでいて、電話一本でもメールでも、なんならLINEでもすぐに動けるのが、利点だと思います。 2年目もスタッフ一同、頑張ってまいりますので、どうぞよろしくお願いいたします。 Written by Creative Flake