やっぱり「お○前.com」さんは…

自社のWebサーバーをもっと大容量のものに変えようと思い、検討した結果、表題の某大手業者に決定。が、しかし…

やっぱりこの業者さんは…と思ったメモ

自社のWebサーバーをもっと大容量のものに変えようと思い、検討した結果、表題の某大手業者に決定。
決め手は容量(200GB〜)と独自SSL(たぶんSIN SSL?)標準搭載(一部プランでは100/月〜)、そしてサーバー同時申込みでドメイン1円(初年度)ってところ。

.jp属性も割引の対象なので、これを機に予ねてから取得しようと考えていたJPドメインも新規取得することに。

“やっぱり「お○前.com」さんは…” の続きを読む

HTML5のタグを整理してみる

今さらですが、HTML5の追加タグについて、解説書やブログ記事など人によって使い方がことなるので、もう一度整理してみることに。

DOCTYPE宣言や文字コード指定、IE旧バージョンやスマホ対応など、<head>タグ内の設定については割愛します。
当方で利用している headタグのテンプレはこちらでご確認を。

まずはややこしいセクショニングのタグについて。

main / article / section / aside

どう組み合わせてもだいたい正常に表示されますが、ブラウザや検索エンジンにページ構成を正しく理解させるためには、正しく使う必要があるらしいです。

“HTML5のタグを整理してみる” の続きを読む

標準CSSでの変数

通常のCSS構文で変数を使う方法。

SASS/SCSSやLESSなどでは、変数やif文・for文などが使えて便利そうだなとずっと思っていましたが、最近、ノーマルのCSSでも変数の記述ができるようになっていたのでメモしておきます。

ブラウザよってはまだ非対応なので、対応状況はこちらでご確認を。

“標準CSSでの変数” の続きを読む

Flex box

display:flex を使ったカラムレイアウト。

毎度のことですが旧ブラウザでは未対応です。各ブラウザの対応状況はこちらでご確認を。

Javascriptを使えばIE8・9にも適応させることもできますが、対応が必要なかたは以下の参考サイトでご確認ください。
【参考サイト】
IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利!

“Flex box” の続きを読む

アイコンWEBフォント(Genericons)

WEBフォントの「Genericons(ジェネリコン?)」を使ったアイコン表示。

「Genericons(以下ジェネコン)」とは、
WordPressのテーマで使われている記号用のWEBフォントで、
 」こんな感じや、
 」こんな感じのアイコンを
画像ではなく文字として表示するためのフォントです。

※【2017.04.30追記】現在「Generinons」は「Genericons Neue」に仕様が変わり、GitHubからSVGやCSS等のデータをダウンロードして使うようになっています。また、新仕様ではSNS等のロゴマークも無くなっています。
詳しくは本家 http://genericons.com/ にてご確認ください。

今回はこのフォントを通常のHTMLに組み込んで使ってみます。

“アイコンWEBフォント(Genericons)” の続きを読む

制作の参考になる?良いサイト?

「デザイナーから見て良いサイトはどこですか?」
という質問をよくいただくのでちょっとメモっときます。

私が良いと思う・・・というか・・・一番好きなサイトは・・・

こちらです。

“制作の参考になる?良いサイト?” の続きを読む