重要　====================================================== 当サイトで配布しているプログラムはすべて以下のサイトに統合いたしましたので、お手数ですが今後は以下のサイトにてダウンロードをお願い致します。当サイト内のプログラム配布ページはいずれ削除させていただきます。 またご質問やその他お問い合わせにつきましても下記PHP工房にてお願い致します。 （ブログ記事と共存しているため、ページ構成が複雑になってしまったため） ページ内容はこちらとまったく同じです。 ※ただし、むしろこのページの記事のほうが古い可能性もありますので、記事、ダウンロードも含め以下サイトにてお願い致します。 PHPプログラム配布サイト　PHP工房→ ========================================================== 1フ

知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し

右下に 「ページ先頭に戻る」 リンクを常に表示 【 ありのごとくあつまりて 】 この記事に含まれるタグ （Keyword） : 先頭に戻る  テンプレート 右下に 「ページ先頭に戻る」 リンクを常に表示 2010/03/08 (月)  カテゴリー： FC2共有テンプレート ページ右下などに常に 『ページ先頭に戻る』 リンクが表示されるもの。 これまで、「少しぐらい無駄な動きをしてもらう というのも逆にいいんじゃない？？」 という思いもあり、設置してはいませんでしたが．．． ちょっと遊んでみたくなり 実装してみました。 画面右端ではないですが、外枠の右下にピタッとくっついて表示されます。 Sleipnir2， Firefox3， Opera9， （IE8）， IE7， IE6， （IE5.5）， Google Chrome4 で動作確認済みです。 （IE6 と IE5.5 では ページ一番下

こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea

これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ

「インターネットで服は売れない」 そんな過去の常識を大きく覆したといわれるのが、スタートトゥディが運営するECサイト「ZOZOTOWN」です。若者に絶大な人気のセレクトショップやアパレルブランドがこぞって出店するZOZOTOWNは、オープン当初から、サイトデザインの面でも注目を集めました。 注目されたのは、ZOZO“TOWN”の名のとおり、セレクトショップが軒を並べる“町”をイメージしたデザイン――トップページのアニメーションや店舗ページのCGなど――ですが、もちろん優れた面はそうした見た目の部分だけではありません。ナビゲーションの面でも、モールとしての統一感を図りながら、使い勝手を高める工夫がされています。今回はこのZOZOTOWNのUIをお手本とさせてもらいましょう。 今回のお手本サイト：『ZOZOTOWN』 2004年のオープン以来、急成長を遂げているアパレルECサイト。スタートトゥ

ブログ Google ヘルプフルコンテンツアップデートの回復に寄与した5つの要因（と寄与しなかった3つの要因） 2024年12月05日

美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。