HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない

クリエイターが自分の作品や活動を公開しているポートフォリオサイト。仕事で制作されたサイトとは違い自由なデザインで作られていることが多く、見ていて楽しいですよね。海外のポートフォリオサイトまとめはよく見かけますが日本に絞ったものは少ないと感じ、今回は自分の勉強も兼ねて日本人クリエイターの方のポートフォリオを40サイト集めてみました。 1. Mana's Portfolio Website ロンドン在住のWebデザイナー、Manaさんのポートフォリオサイトです。Webクリエイターボックスの中の人としても有名ですよね。こちらの記事でポートフォリオサイトについて詳しく書かれています。 2. mouf design ウェブ、グラフィック、ゲームのUIデザイン制作などを中心に活動しているフリーランスデザイナー、勘村洋和さんのサイト。和風のWebデザインが素敵です。しばらく待っているとTwitterの青

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

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

平成27年12月15日現在の定義です。 プロパティの定義 スタイルシートで生成する内容。 定義のある水準 第二水準 (CSS 2) 以降。 第三水準以降は生成内容モジュールで。 WAP 2.0 での定義 無し。 対象メディア 視覚系メディア。 対象要素 :before 擬似要素 :after 擬似要素 ::marker 擬似要素 上位要素からの値の継承 無し。 第二水準でのプロパティ値 以下のいずれか： inherit 上位から継承。 none 何も出力しない。 normal 対象となる擬似要素に none を計算。 出力内容 出力したい値を、半角空白類で区切って列挙。 値は、以下のいずれか(詳細は本文で)： 文字列 改行は \A と書く。 url(URL) 画像など URL で指定されるリソース。 counter()函数 カウンタの値。 counters s()函数 カウンタの値。 op

（”追記”書きました。） 下にスクロールすると横にtopへ戻るボタンを表示させるjQueryのコードのチュートリアルが公開されていましたのでメモ。 チュートリアルページ→webdesignerwall チュートリアルdemo→demo 上記のページに設置方法も詳しくのっています。デモコードと画像のダウンロードもできます。 チュートリアルページに公開されているCSSのコードとjQueryのコードをヘッド内で読み込み、 下記の例のように、body内のスクロールさせたい要素に”back-top”とidをふり空のspanを入れます。 <p id="back-top"> <a href="#top"><span></span>Back to Top</a> </p> このspanの部分がスクロールボタンになります。 CSSをいじればスクロールボタンの位置やデザインなど変更できます。 ↓↓Demoを作

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

RSSとは？ 2007/6/20 RSS（アールエスエス）は、"Rich Site Summary"の略で、サイトの概要を記述する為のXML形式の文書です。 このRSSを提供したり、提供されたRSSのことをRSSフィード（RSS feed）といいます。 ニュースサイトやブログで、［XML］、［RSS］、［Atom］というリンクを見かけたことはありませんか？ これらのリンクは、サイト更新情報を知らせるRSSフィードを配布していることを意味します。 配布されているRSSを取得したり、購読するには、RSSリーダーというソフトウェアを使ってチェックします。 RSSリーダーを使えば、サイトやブログにアクセスしなくても、サイト更新情報を知ることができます。 RSS配信は個人サイトでも簡単に行えます。 XMLの知識がなくても大丈夫、RSSフィードを簡単に作成できる便利なフリーソフトがネット上で公開されて