某女優が舞台挨拶で「別に…」とダンマリしたり、「そんなの関係ねぇ」と水着1枚のお笑い芸人が話題に上がった2007年の1月、大型食品ブームのさきがけとなったメガマックの高カロリー同様に、高いセキュリティ性能を謳った新しいW […]
2017年4月
管理者必見、連休の予定の前に対策を
5月といえば大型連休!ゴールデンウィークですね。今年は5/1~5/2にもお休みを取って、9連休なんて方もいるのではないでしょうか。 取れる余裕と環境があるなんて嬉しいですよね!今から連休が待ち遠しいのではないでしょうか。 […]
写真が2枚ある時は2列に、1枚の時には中央に寄せる方法
画像をいつでも中央配置にするには ホームページを制作していて、コンテンツへ入る画像の枚数がまちまちになる事はありませんか? その都度、HTMLを書き換えていますよね?連続して更新出来るときは困りませんが、少しでも間が空く […]
あなたは大丈夫?各種SNSのロゴの扱いや表記について
実は制限が多い!ロゴの使用について twitterやFacebookの登場によって、爆発的に広がったsocial networking service(ソーシャル・ネットワーキング・サービス)ことSNS。 利用されている […]
レスポンシブWEBデザインに対応させるtableレイアウトCSS
表組みはレスポンシブWEBデザインでは難しい ホームページの制作でよく使われる表組み。価格表やお問い合わせフォームなど、表を使って配置したほうが見やすく、わかりやすいレイアウトにできる場面はよくありますよね?私もホームペ […]
意外と知らない?コピーライト表記に必要な3つの要素
コピーライトって? ホームページの最下部によく見かける「Copyright」 当たり前のように書いてあって、あまり気にした方も少ないのではないでしょうか。 いろいろなホームページを見比べると、年号があったりなかったり、表 […]
新着一覧などに使えるul・li要素を使ったリストデザインテンプレート
ul要素を使ったスタイリング 新着情報一覧を組むときにどのHTML要素を使うかを考えてみると、リスト状になるのでdl要素かul要素か迷うところですね。 dl要素にすればdt要素で日付を入れ、dd要素へ内容を入れられます。 […]
Googleアナリティクス 基本用語編
サイトに設置したGoogleアナリティクスでアクセス解析を見てみよう!と意気込んでGoogleアナリティクスにログインして 色んな項目をクリックして、数値をみてみたものの…「??????????」となった人はたくさんいる […]
dl dt ddを使ったホームページレイアウト作成
dl要素を使ったスタイリング dl・dt・dd要素を使ってデザインをする時、tabel要素の様に表組みにしたいと思う事はありませんか? 私も実際にホームページを作成していると、レスポンシブWEBデザインで作る関係上tab […]
youtube動画をホームページへ設置しよう(レスポンシブWEBデザインにも対応
動画の効果は絶大 動画ってすごいですよね。興味のある物が写った写真や説明している文章よりもパワーがあります。 画と音で表現できるので人間の五感の内、視覚と聴覚の2つを刺激できます。なので人の感覚へ訴えかける効果が増えるの […]
ホームページ構築に使える便利な「結合子」4つ
結合子はとても便利 ある要素の子要素を指定する事ができる「結合子」 ホームページを構築する時にかなりの頻度で使う場面がでてきます。 覚えておくとHTMLへのclass・idの指定を減らす事ができ、CSSの記述もシンプルに […]
windows10で入力モード切り替え時に中央に出る通知を非表示にする方法
windows10の大型アップデートが先日4月11日から開始になりましたね。みなさんはもうアップデートされましたか? 私は昨日13日の夜にアップデートしました。 色々な機能が追加されているようなので、いろいろと使いながら […]
PC・スマートフォンに対応させるデザインの考え方
レスポンシブWEBデザインには相対的な値を使う PC・スマートフォンに対応したデザインを作ることは割と増えてきています。 スマートフォンの普及率が増したり、タブレットの様に使えるパソコンが出てきたりと、閲覧する画面幅がユ […]
CSS3を使ってグラデーションをつくる方法
グラデーションはCSSで作れる グラデーションの付いたボタンや背景など、ホームページにはグラデーションを付けて装飾したい部分がありますよね。 特にボタンはグラデーションをうまく付ける事で盛り上がって見えるので、ボタンらし […]
ホームページのアイコン”ファビコン”を作ろう
ファビコンはホームページを示すアイコン ファビコン(favicon)って聞いたことないですか? インターネットブラウザーでホームページを見た時、アドレスバーの付近やタブに出る小さなアイコンの事です。 ファビコンは単なる飾 […]
CSS3を使って角丸を表現する方法
四隅にRを付けて丸くするデザインは大変? 普通にHTMLとCSSだけで装飾をしていくと、要素は四角になって角が直角になりますよね。 角ばったデザインが作っているホームページの雰囲気やイメージにピッタリ合うこともありますが […]
Webユーザビリティに関する3つの間違い
ユーザビリティの高いページにしよう!と思ってユーザーの声を聴いて反映させればよい物になると思っていませんか? 実はそれは間違いかもしれません。 どんな方でも使えるようにするのはアクセシビリティ アクセシビリティとユーザビ […]
※や・などの付いた文章全体をインデント(字下げ)する方法
字下げして、整った文章を成形する 段落が何文字分か下げることを「インデント」といいます。 文章の先頭に「・」や「①」など、記号があるとき、その段落は全て先頭を1文字分インデントして先頭をそろえたいですよね。 […]