WordPressテーマ制作チュートリアル
この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない
HTML5 Tutorial
新しい要素 新しい属性 CSS3 の完全サポート ビデオとオーディオ 2D/3D グラフィックス ローカル・ストレージ ローカル SQL データベース Web アプリケーション 各章における事例 このサイトにおけるHTMLエディタを使用すれば、HTMLの編集ができるとともに、 ボタンをクリックすることにより結果を表示することもできます。 <!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src="/images/movie.mp4" type="video/mp4" /> <source src="/images/movie.ogg" type="video/ogg" /> <source src="/images/movie.webm" type="vide
<FIELDSET>－HTMLタグリファレンス
<FIELDSET>はフォームの入力項目をグループ化する際に使用します。 グループの先頭には、<LEGEND>～</LEGEND>で入力項目グループにタイトルをつけます。 フォームの入力項目をグループ化することで、Tabキーなどでグループ間を簡単に移動できるという利点があります。 ■使用例 HTMLソース <form action="aaa.cgi" method="post"> <fieldset> <legend>個人情報</legend> お名前：<input type="text" name="name" size="20"> メール：<input type="text" name="mail" size="40"> </fieldset> <fieldset> <legend>ご感想</legend> 満足度<br> <input type="radio" name="manzo
<form>－HTML5タグリファレンス
<form>タグは、入力・送信フォームを作る際に使用します。 <form>～</form>の間に、 <input>・ <select>・ <textarea>等のタグで、 一行テキストボックス・サブミットボタン・ラジオボタン・チェックボックス・セレクトボックス・テキストボックス等のフォーム部品を配置します。 フォームに入力されたデータは、送信ボタンを押すことでウェブサーバーへ送信されます。 その際の送信先URLはaction属性で、データの送信方法はmethod属性で、送信するデータの形式はenctype属性でそれぞれ指定します。 ウェブサーバーへ送信されたデータのプログラム処理は、 HTMLやCSSではなくPHPやCGIなどのサーバーサイド・スクリプトで行います。 ■action属性は送信先URLを指定する action属性は、送信先URLを指定する際に使用します。 尚、<input>や
フロントエンドエンジニアの教科書 | SBクリエイティブ
HTMLコーダーからフロントエンドエンジニアにステップするために必要な知識と技術を解説。現場で求められる人材となるためには、何を知っていて、何ができなければいけないのか。Web制作の最先端にいるコーディング会社だからこそ教えられるノウハウが満載。 ■目次： Chapter１ 変わっていくWeb製作者の役割と責任 01 これまでの職種定義と作業範囲 02 フロントエンドエンジニアという職種 03 フロントエンドエンジニアに求められる知識と技術 Chapter２ フロントエンドエンジニアとして学ぶべきこと 01 JavaScriptでできること 02 HTML5でできること 03 CSS3でできること 04 スマートフォンサイトの作り方 05 WordPressでできること 06 レスポンシブ・ウェブデザイン 07 ソーシャルメディアと連動したコンテンツ Chapter３ フロントエンドエンジ
etc #008 ≪htmlファイル内での相対パスの基本≫
html ファイルの中で、別のファイルを参照する場合、URL の絶対パスで指定する方法と、 相対パスで参照する方法があります。 絶対パスとは、ルートディレクトリから順に全てのパスを指定してファイル名を書く方法です。 例： http://www.nurs.or.jp/~ppoy/access/index.html (Windows では、\ を使いますが、html に書く場合は、/ を使います) (UNIXでの絶対パスは、/ で始まり、自分のホームディレクトリまでを含んで全て書きます。) 相対パスとは、現在のディレクトリを起点として、該当するファイル名を書く方法です。 例： ./index.html 以下は、html ファイル内で IMG タグを使用した場合の、絶対パスと相対パスの指定例です。 ホームディレクトリの直下に [Myhtml] というディレクトリ (フォルダ) があります。
X-FRAME-OPTIONS によるクリックジャッキング対策
Web ページの透過表示機能などを悪用することで、ユーザに意図しないクリック動作をさせる「クリックジャッキング」と呼ばれる攻撃手法が知られています。この対策のひとつとして、Web サイト側があらかじめHTTP レスポンスヘッダに X-FRAME-OPTIONS ヘッダを含めておき、Web ブラウザがこの値を解釈することにより、クリックジャッキングを防止する手法があります。 Internet Explorer 8 をはじめとして Mozilla Firefox、Apple Safari、Google Chrome、Opera など多くの Web ブラウザの最新版が X-FRAME-OPTIONS ヘッダを認識するようになっています。 Web サイト側で X-FRAME-OPTIONS ヘッダを活用することで、クリックジャッキングへの対応が可能となる環境が整ってきています。ぜひ、Web サイト
WordPressテーマのカスタマイズとオリジナルテーマ作成への第一歩
この動画は、WordBench東京の勉強会の様子を撮った動画です。 WordPressの勉強会 - 11月26日（土）WordBench東京勉強会 WordPress3.3リリース直前＆WordCamp Tokyo 2011前日 http://tokyo.wordbench.org/2011/11/01/study-20111126/ http://atnd.org/events/21616 （３）「『CSSだけでも結構イケル』テーマのカスタマイズとオリジナルテーマ作成への第一歩」by うえぶるじょん PHPがわからなくても「CSSだけでも結構イケル」を合言葉にテーマのカスタマイズ方法を考えます。最後にはちょっぴりオリジナルテーマ作成にも挑戦してみたいと思います。 うえぶるじょん プロフィール フリーでWebなこととかそうでもないこととか。主にHTMLのコーディングやWordPres
HTML5＋CSS3講座入門 【CSS3編】 第1章
■WEBtantオンラインスクール↓ http://www.webtant.net/online/html5css3_/hc01.html 見よう見まねではなく、実習を通じて新しいCSS3プロパティを実装します。 CSS3で追加されたプロパティ、セレクタの中でも実務ですぐに使いたい角丸や各種シャドウなど、実用的なプロパティを実習して習得できます。 ■目次 1章 CSSの概要 2章 CSS3利用の注意点 3章 セレクタ（概要・属性セレクタ） 4章 セレクタ（疑似クラス・その他） 5章 border-radius 6章 text-shadow 7章 box-shadow 8章 border-image 9章 multipul background 10章 linear-gradient 11章 メディ
HTML5入門！超速でHTML5をものにするノウハウ
Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。 HTML5とは、WHATWGおよびW3Cが、HTML4に代わる次世代のWEB環境として、策定を進めている仕様です。 HTML5を簡単に説明すると、今まで複雑だった処理を簡単にし、HTMLデータの意味をより具体的に表現できるようになります。 現状ではHTML5非対応のブラウザもありますが、少しずつ非対応ブラウザもバージョンアップによって対応されていっているようです。 ここでは皆さんがHTML5を超速で学ぶのに、もっとも効率的なノウハウサイトや便利ツールを紹介しています。 ※HTMLの基礎はこちらから学べます→HTMLを学ぼう！ HTML5入門サイトHTML5, きちんと。 ５分～10分ぐらいでHTML５というものが何なのかを理解できるようになります。 HTML
ストレスやイライラにはセサミン
最近では若者の中でもストレスやイライラを抱えながら日常生活を送っている方が非常に多いのですが、もちろんそのような方が精神的な病気に掛かってしまったり鬱傾向になってしまう事は少なく有りません。 学校や仕事内で精神的にストレスやイライラを抱えてしまい、その事が体内の循環器系の疾患にまで発展する事も多いのです。 中には糖尿病や生活習慣病、更には高血圧と言う重度な病気にまで発展するケースも有るのですが、これらのリスクを解消するためには実はある成分を豊富に摂取する事で改善が見込まれているのです。 その成分こそが、セサミンなのです。 セサミンには糖尿病や生活習慣病、高血圧等の予防を期待できる効果が含まれており、直接的に自律神経に働く作用を持っているのです。 その事からセサミンを毎日摂取し続ける事によって、毎日ストレスやイライラを抱えずに済み、更には精神的な負担を軽減しながら日常生活を過ごす事も可能にな
Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
グラフィックデザイナーのためのCSSレイアウトメモTIPS「position : absoluteについて」
CSSレイアウト[TIPS] position : absoluteについて 「position : absolute」はpositionプロパティのなかの１つで、ボックス要素を絶対的な位置で配置する。 position:absoluteで指定されたボックスは、他の要素との関係は切り離され別物になる。親ボックス以外の他のボックス要素から影響を一切受けない。 position:absoluteには必ず「親」がいる。これが大事。 親にしたいボックスに「position：static」以外のposition指定をし（たいていはrelativeでOK）、そのなかに子を入れてposition:absolute指定をする。「top」「bottom」「left」「right」の値は、親ボックスからの距離。 親ボックスを指定しなければ「ブラウザウィンドウ」が親になる。 結論から言うと、親ボックスが「ブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - markmalek/Fixed-Header-Table: jQuery plugin for tables with fixed headers
HTML5＋CSS3講座入門 【HTML5編】 第1章
HTML5 CSS3 基礎編
html5入門
web/EC業界に強い転職。正社員・派遣求人情報 Fittio
LightBoxの使い方とカスタマイズ方法 | CSS Lecture