CSS 簡単・キレイ・軽い ウェブアイコンはとっても便利! フォントの感覚で気軽に使えるウェブアイコンはかなり便利。 テキストや見出しの前にちょっとしたデザインを加えたり、シンプルなデザイン素材としておおいに使える。 その昔はアイコン画像を配置するしかなかったが、ウェブアイコンの登場で画像配置の... CSS
CSS CSSでアニメーション【ボタンを動かそう編】 ウェブサイトで動きのある表現をしようとすると、ひと昔前ならFlash、そしてJavascriptなどが必須だったが、今やCSSでも色々な表現が可能となった。 そこで今回は、ボタンにアクションをつけてみた。 見た人にインパクトを与える「動... CSS
javascript/JQuary 意外とシンプル!モーダルウィンドウを実装してみよう 動きのあるウェブサイト制作を目指して、クリックすると背景が暗転してコンテンツが浮かび上がるモーダルウィンドウを実装しよう。 モーダルウィンドウとは モーダル(modal)ウィンドウは、元のウィンドウの上に別枠で表示されるウィンドウの... javascript/JQuaryヒントいろいろ
CSS PCとスマホで表示させる画像を切り替える ウェブサイト制作で当たり前となっているレスポンシブwebデザイン。 ユーザーの環境によって最適化されて見やすいウェブページを目指しているが、そもそもPCの画面とスマホの画面は縦横比が全く異なる。 同じ画像を配置しようとしても絶妙な縦横比... CSSホームページ制作レスポンシブwebデザイン
CSS レスポンシブwebサイトを作ろう! スマホの普及とともに、今や常識となったレスポンシブwebデザイン。 パソコンやタブレット、スマホと、異なるデバイスでも見やすいページを表示させるべく、基本をおさえて一挙両得なウェブサイトを作ってみよう。 レスポンシブwebデザインと... CSSホームページ制作レスポンシブwebデザイン
ブログ・ワードプレス ワードプレスでオリジナルブログに挑戦【実践編】 ブログ運営の定番と言えばワードプレス。 当サイトもワードプレスで構築されています。 「オリジナルブログなんて初心者には難しいのでは?」などの疑問もあるかもしれないが、意外と簡単! ウェブ制作の知識がなくても基本だけ理解すればあなたもブ... ブログ・ワードプレスホームページ制作