こんにちは（・∀・）
ラジオボタンやチェックボックスにチェックを入れたら有効になるリンク、こちらの【jQuery】チェックしたら有効になるリンクボタンの方で最初jQuery版のサンプルを作りました。
jQueryプラグインを使わないという最近のマイブーム、新たにネイティブ版でも作ってみようと思い立ち、JavaScript版のサンプルを作りましたのでここでご紹介します。
素直にjQueryを使った方が全然簡単ですが...
前月(3月)の人気記事トップ10
- ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
- ( 6 ↑) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
- (10 ↑) 【Mac】Macのユーザー名とアカウント名を変更する
- ( 2 ↓) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。
- ( 3 ↓) 【HTML5】スマホサイトの作成・基本編
- ( 5 ↓) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
- ( - ↑) 【決定版】レスポンシブデザインのブレークポイントはこれで決まり❗
- ( 9 ↑) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
- ( 7 ↓) 【Mac】iMovieの保存場所を変更する
- ( - ↑) 【Mac】MacにInkscapeをインストール
ブログ
Webデザインラボ管理人のブログ
* Web制作やネットに関連しない内容の投稿は別ブログへ移動しました。
Camera入門
カメラ初心者向け
css
GIMP入門
GIMP関連
Web制作ガイド
Web制作関連
html
iphone & ipad
iPhone・iPad関連
JavaScript入門
jQuery初心者向け
jQuery入門
jQuery初心者向け
Labs
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：レイアウト系のサンプルを探したい場合は「レイアウト」、スクロール系のサンプルを探したい場合は「スクロール」などなど。
ローカル環境
Webデザイナー・コーダーのための簡単にできるWeb制作環境の構築
各OSごとに掲載してあります。また、それぞれバージョンがありますが制作するコンテンツのサーバー環境にあわせると開発もスムースに進みますね。特に無ければApacheなら2.4、PHPなら5.6あたりが安定して利用できそうです。
ここでの解説はWebデザイナーやコーダー向けのローカル環境構築なので、セキュリティ的な事は考慮(りょ)しておりません。
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：Apache系のサンプルを探したい場合は「Apache」、PHP系のサンプルを探したい場合は「PHP」などなど。
Mac
Mac関連
webツール
Web制作に役立つツール類
【JavaScript】表示しているブラウザの高さを取得してCSSのheightに指定
こんにちは（・∀・）
当サイトの月間アクセスTop10で、ちょくちょくTop10に入って来るページがあります。
【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
タイトルの通りブラウザの高さを取得してCSSのheightに指定するというjQueryのスクリプトをご紹介しているページ。
そんな人気❓ページのjQueryスクリプトをネイティブ化してみようかなと思い立ち、動き的には同じですが、あえてjQueryプラグインを使わない方法でスクリプトを描いてみたという内容の投稿です。
- タグ：CSS, height, JavaScript
【JavaScript】addEventListenerの基本的な書き方 その3
こんにちは（・∀・）
今日はJavaScriptの「addEventListener」の基本的な記述方法 その3です。
前回の投稿【JavaScript】addEventListenerの基本的な書き方 その2と前々回の投稿【JavaScript】addEventListenerの基本的な書き方でaddEventListenerの基本的な記述方法についてご紹介しました。
今日もその続きになります。
【JavaScript】addEventListenerの基本的な書き方 その２
こんにちは（・∀・）
今日はJavaScriptの「addEventListener」の基本的な記述方法 その２です。
【jQuery】タブ移動もできるドロップダウンメニュー
こんにちは（・∀・）
ユーザビリティを考慮したタブ移動もできるドロップダウンメニューのサンプルをご紹介します。
- タグ：jQuery, タブ移動, ドロップダウンメニュー
【CSS3】CSS3のobject-fitで画像を簡単タイル表示
こんにちは（・∀・）
今日はCSS3のobject-fitで画像を簡単にタイル表示にする方法をご紹介します。
- タグ：contain, cover, CSS3, fill, none, object-fit, scale-down
【Flexbox】justify-content:centerで最後の行を左寄せ
こんにちは（・∀・）
Flexboxでjustify-content:centerを指定した要素の中央寄せで、最後に表示される行の要素は左寄せにしたい場合、どうしたらいい⁉️
【HTML5.1】HTML5.1で追加されたpicture要素を使って画像を表示する
こんにちは（・∀・）
今日はHTML5.1で追加されたpicture要素を使って画像を表示する方法をご紹介します。
【制作Tips】サイトマップ自動作成ツール
こんにちは（・∀・）
今日はサイトマップを自動で作ってくれる便利エディターサイトマップを作成-自動生成ツール「sitemap.xml Editor」をご紹介します。
- タグ：SEO, sitemap.xml Editor, サイトマップ
削除したコンテンツ
- WindowsXPにApache2.2をインストールしよう！
- WindowsXPにApache2.2のバーチャルホストを設定をしよう！
- WindowsXPにPHP5.2をインストールしよう！
- WindowsXPにActivePerlをインストールしよう！
- WindowsXPにMySQLをインストールしよう！
- WindowsXPにFileZilla(FTP)をインストールしよう！