ホームページ制作

CSS

簡単・キレイ・軽い ウェブアイコンはとっても便利!

フォントの感覚で気軽に使えるウェブアイコンはかなり便利。 テキストや見出しの前にちょっとしたデザインを加えたり、シンプルなデザイン素材としておおいに使える。 その昔はアイコン画像を配置するしかなかったが、ウェブアイコンの登場で画像配置の...
CSS

CSSでアニメーション【ボタンを動かそう編】

ウェブサイトで動きのある表現をしようとすると、ひと昔前ならFlash、そしてJavascriptなどが必須だったが、今やCSSでも色々な表現が可能となった。 そこで今回は、ボタンにアクションをつけてみた。 見た人にインパクトを与える「動...
javascript/JQuary

意外とシンプル!モーダルウィンドウを実装してみよう

動きのあるウェブサイト制作を目指して、クリックすると背景が暗転してコンテンツが浮かび上がるモーダルウィンドウを実装しよう。 モーダルウィンドウとは モーダル(modal)ウィンドウは、元のウィンドウの上に別枠で表示されるウィンドウの...
CSS

PCとスマホで表示させる画像を切り替える

ウェブサイト制作で当たり前となっているレスポンシブwebデザイン。 ユーザーの環境によって最適化されて見やすいウェブページを目指しているが、そもそもPCの画面とスマホの画面は縦横比が全く異なる。 同じ画像を配置しようとしても絶妙な縦横比...
CSS

レスポンシブwebサイトを作ろう!

スマホの普及とともに、今や常識となったレスポンシブwebデザイン。 パソコンやタブレット、スマホと、異なるデバイスでも見やすいページを表示させるべく、基本をおさえて一挙両得なウェブサイトを作ってみよう。 レスポンシブwebデザインと...
ブログ・ワードプレス

ワードプレスでオリジナルブログに挑戦【実践編】

ブログ運営の定番と言えばワードプレス。 当サイトもワードプレスで構築されています。 「オリジナルブログなんて初心者には難しいのでは?」などの疑問もあるかもしれないが、意外と簡単! ウェブ制作の知識がなくても基本だけ理解すればあなたもブ...
タイトルとURLをコピーしました