ユーザビリティの高いページにしよう！と思ってユーザーの声を聴いて反映させればよい物になると思っていませんか？ 実はそれは間違いかもしれません。 どんな方でも使えるようにするのはアクセシビリティ アクセシビリティとユーザビ […]
中の人コラム
2017.04.07
Webユーザビリティに関する３つの間違い
Web制作スタッフのブログ
htmlとcss
2017.04.06
※や・などの付いた文章全体をインデント（字下げ）する方法
字下げして、整った文章を成形する 段落が何文字分か下げることを「インデント」といいます。 文章の先頭に「・」や「①」など、記号があるとき、その段落は全て先頭を1文字分インデントして先頭をそろえたいですよね。 […]
htmlとcss
2017.04.05
CSS3を使ってボックスに影を付けて装飾する
ボックスに影をつけるには ボックスに影を付ける事で少し浮いたような表現をすることができます。 特にリンクボタンに付けると押し込める様に見えたり、他と差別化できるので目立たせることができます。 こういった影の事をドロップシ […]
ホームページの更新
2017.04.04
メールアドレスを掲載する時に気を付けたい事
メールアドレスを掲載すると迷惑メールが増える原因になる お問い合わせの受付で何かと便利なメールアドレスの掲載。 今ではメール送信は当たり前になりました。送信したら1分も待たないで受信ができるような環境が整って、とても身近 […]
htmlとcss
2017.04.03
CSS3を使って文字に影を付けて装飾する
文字に影を付けるには 文字に影を付ける事で読みやすくしたり、見出しのような文字を目立たせたりできるので、付けたいと思う場面はありませんか？ 特に背景に写真を配置して、その上の文字を載せると文字が読みにくくなってしまいます […]
htmlとcss
2017.03.31
inline要素にして並べた時にできる謎の空白を消すには
inline-blockにした要素同士を並べると隙間が生まれる inline-blockを使うと、全体を中央や右へ寄せる事ができるのでとても便利です！ 例えばul・li要素を使ってリストを作成して、中央寄せにする場合 & […]
htmlとcss
2017.03.30
CSSを使ってアニメーションさせる方法
アニメーションはCSSで作れる ボタンにマウスを載せた時に背景色を変える、文字色を変えるなどの変化を加える際、普通に作りこむとパッ！っと一瞬で色が変わりますよね。 例えばこんな感じ・・・ リンクボタン CSS a{ ba […]
ホームページの更新
2017.03.29
h1要素の位置はどこがベストなのか
ロゴをh1にするのはもったいない h1～6の見出しを明記するHTML要素は、ページの構造をわかりやすくする上で重要な項目で、中でもh1要素の重要度は一番上になります。 これらの見出しタグはSEO（検索エンジン対策）を考え […]
中の人コラム
2017.03.28
レスポンシブWEBデザインはスマートフォンを優先
レスポンシブWEBデザインでホームページを作成する時、ついパソコン画面での表示に目がいってしまいます。 パソコンの様な大きな画面への配置を優先した「PCファースト」のデザインになってしまうんです。 もちろんWeb戦略的に […]
デザイン
2017.03.27
画像ファイル形式の違いについて
「JPG」「PNG」「GIF」「BMP」「TIFF」の5つの代表的な画像ファイルについて 写真や絵を画像にするには画像ファイルにして保存しなければなりません。 でも形式がいろいろあって迷うことはありませんか？ 保存する画 […]
htmlとcss
2017.03.25
本当に使える！CSS疑似要素3つ
CSS疑似要素とは CSS疑似要素とは、HTMLではなくCSSを使って疑似的に作成した要素をページの指定した部分へ挿入することのできる便利なものです！ ・・・よくわかりませんね。 実際にどんな事ができるのか見てみましょう […]
中の人コラム
2017.03.24
WDB形式との遭遇～JPG形式への変換
先日PowerPointで作成したファイルを頂いて、そこから画像を書き出したときに「.wdb」なんて拡張子の画像ファイルが出てきました。 WordやExcel、PowerPointから画像を抜き出すと「.jpeg」という […]
ホームページの更新
2017.03.22
JPGやPNGを軽量化しよう
画像をさらに圧縮して、ページ全体の軽量化を図るメリット ホームページの大部分が写真やグラフィックといった画像ファイルになります。これは画像を埋め込んだ方が、デザインが伝わるからです。 画像を多用すればその分1ページ全体の […]
ホームページの更新
2017.03.21
1ページのファイル容量はなるべく抑えよう
ページを表示させる速度は1ページに使われているファイル容量に依存する ホームページを検索して、しばらく待ってもページが表示されない・・・ 気になる画像を見つけたのに、なかなか表示されない・・・ こんな時はありませんか？「 […]
デザイン
2017.03.17
メールフォームのカナ入力欄について
カタカナ変換は難しい メールフォームを作るとき、まず最初に思い浮かぶ項目として「氏名」「フリガナ」「住所」「電話番号」「メールアドレス」「お問い合わせ内容」なんて内容があると思います。 でもちょっと待ってください！ カタ […]
デザイン
2017.03.16
ホームページに人の顔を掲載する事で得られる効果
自分たちの顔を掲載しよう ホームページを見ていて、本当に信用できるのか不安になる事はありませんか？ 実はそれ、人の顔が載っていないからかもしれません。 常識として「個人を特定できる顔と名前をインターネットに掲載してはいけ […]
htmlとcss
2017.03.15
人をダメにするエディタ、見つけました
入力を簡略化してくれる「VSCode」 HTMLの入力って、「<」「>」を入力するのが面倒だったり、開始タグと閉じタグで同じ文言を書く事が二度手間に感じたりしませんか？ 実際にHTMLを入力していると、閉じタ […]
中の人コラム
アクセス解析, ホームページ制作, 新潟, 長岡, Googleアナリティクス
2017.03.14
アクセス解析ツール「Googleアナリティクス」導入と設置について
自分のサイトのアクセス数が気にならない人なんていない！！ 自分（企業）のホームページを作って公開したのはいいけれど、誰もがふと疑問に思うこと 「どれくらいの人が見に来ているんだろう・・・」 一度気になりだしたら止まりませ […]
