JavaScript記述方法
また、W3Cの規定ではJavaScriptは以下のように記述します。W3Cの書き方ではバージョンは指定することはできません。 ●デフォルトの言語として指定する場合 <meta http-equiv="Content-Script-Type" content="text/javascript"> ●<script>タグ内で指定する場合 <script type="text/javascript"> JavaScript命令および関数... </script> 2004年現在では<script>タグ内にlanguage属性とtype属性を併記して古いブラウザ（Netscape Navigator 4など）に対応させる場合もあります。この場合は以下のように記述します。 <script language="JavaScript" type="text/javascript"> JavaScript
col／colgroup 要素で有効なスタイルと無効なスタイル。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 「ある列だけを改行なしにしたい」というときが結構あります。 確実なのは「その列のすべての td タグに class を付けていく」という方法ですが、あまりスマートとは言えません。 ソースの見栄え的にもいただけない感じ。 そこで、col や colgroup が使えるんじゃないかと思い、事あるごとに試していました。 が、どうしてもうまくいきません。 col と colgroup の組み合わせ方を変えてみたり、CSS の設定を工夫してみたり、いろいろ試しましたが結果は同じ。 ただ、設定したスタイルの中でも適用されるものと適用されないものがあり、その違いがよく分からないままだったので、どうもしっくりこない状態なのでした。 んで今回も似たような場面に遭遇したので改めて調べ
『HTML5/CSS3モダンコーディング』 - DESIGNMAP
Internet Explorer9以上と他のモダンWebブラウザを前提としたHTML、CSSのコーディング本。 2016年以降のWeb制作のコーディングを先取りした内容になっている。 文字サイズの単位はremを採用。bodyに%で文字のサイズを指定して、残りはremでサイズ指定をする。セレクタはタグセレクタとIDセレクタはほとんど使わない。基本クラスセレクタを採用。クラス名の名前のつけ方もクレバーですぐにでも参考にしたいスタイル。 ３つのサンプルはどれも実践レベル。 各サンプルともまったくのゼロからハンズオン形式でつくる構成になっている。 特にPART3が圧巻 特にPART3のシングルページレアイウトが圧巻。 画像の縦横比率を利用して、marginを割り出したり、display:table;をつかった可変型の段組みレイアウトをくんだり、::afterで画像をいれて、transformプロ
HTML や CSS を書くのがめっちゃ捗る Emmet を Atom でも使う
Emmet という HTML や CSS の記述がめっちゃ楽になるツールがあります。以前は Zen Coding と呼ばれてたのだけどいつのまにか名前が変わったみたいですね。 Emmet Documentation 例えばエディタ上で nav#menu>ul>li*3 という文字列を <nav id="menu"> <ul> <li></li> <li></li> <li></li> </ul> </nav> と展開できます。簡単なとこでも覚えておくと HTML 書くのがはかどります。 Zen-Coding は Vim では使ってたのですがもちろん Atom でも使えます。 emmet 使い方は簡単、html や PHP ファイルを開いている状態で HTML へ展開する用の文字列を打ち込んだら tab を押すだけです。 Tab キーは keymap.cson ファイルで以下のように設定可能
[Java]テンプレートエンジン `Mayaa`
ビュー技術の mayaa のメモ…こやつはテンプレートからロジックを完全分離するための Seasar2 系だけど Seasar2 に依存しないテンプレートエンジンです。まやーは沖縄語で猫を意味する。Java では他に Tapestory とか Wicket なんてのがあるらしいけど勉強不足ゆえ知らない。 リンクDocumentation - JavaServer Templates "Mayaa" とりあえずココを読んで覚えた。4-1. Mayaa core プロセッサ リファレンス : Documentation - JavaServer Templates "Mayaa" リファレンス。ひと通り目を通した。m:write 要素を指定したテキストで置換する
idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回
![idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
ActionView::Helpers::TextHelper
Ruby on Rails 7.1.3.2 Module ActionView::Helpers::TextHelper actionview/lib/action_view/helpers/text_helper.rb Action View Text Helpers The TextHelper module provides a set of methods for filtering, formatting and transforming strings, which can reduce the amount of inline Ruby code in your views. These helper methods extend Action View making them callable within your template files. Sanitization
vertical-alignの使い方【css tips】[to-R]
vertical-alignの使い方【css tips】 vertical-alignは正しく理解していないと使いにくいプロパティである。 特にtableレイアウトからcssレイアウトに移行する際に混乱が発生しがちだ。 テーブルレイアウトでよく使う以下のようなコードがある。 <table width="200" height="200" bgcolor="#39FF6B"> <tr> <td valign="middle" align="center">中央に表示したい文字</td> <tr> </table> サンプル このコードをcssレイアウトに変更する際に HTMLを <div> <p>中央に表示したい文字</p> </div> CSSを div{ width:200px; height:200px; background:#39FF6B; text-align:center; v
![vertical-alignの使い方【css tips】[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
GETとPOSTの使い分け - フォームデータの送信 -- ごく簡単なHTMLの説明
ブラウザからのデータデータは、特別な形式でエンコードされて送信されることになっています。画面に表示されるフォームのコントロールで入力する以外にも、隠されたデータの情報を送ったり、フォームを使わずに送信するなど、いくつかの方法があります。 目次： 作者の設定したデータを送る データ送信とURLエンコード フォームから直接メール送信 エンコードのタイプとファイル送信 GETメソッドとPOSTメソッド GETを使って直接データを送る 作者の設定したデータを送る input要素などで用意する「コントロール」はユーザーがそれを操作してデータを入力するためのものです。しかし、場合によってはHTMLの制作者が指定したデータをプログラムに送信したい場合もあるでしょう。このようなデータはユーザーが操作する必要はなく、ユーザーの目に触れないほうが都合がよいものです。そのために、input要素のタイプの一つとし
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装:phpspot開発日誌
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 2007年11月12日- Javascript htmlspecialchars Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装するコード。 JavaScript でも HTML エスケープをしたい場合が結構あったりします。 PHPに慣れている方は htmlspecialchars 関数があったら使いやすいかもですね。 function htmlspecialchars(ch) { ch = ch.replace(/&/g,"&") ; ch = ch.replace(/"/g,""") ; ch = ch.replace(/'/g,"'") ; ch = ch.replace(/</g,"<")
PHPでファイルをダウンロードさせる方法 - hogehoge foobar Blog Style Beta
サイトからファイルをダウンロードさせるには、「<a href="ダウンロードさせたいファイル名"･･･」のようにファイルに直接リンクさせることでも可能ですが、以下の2点が気になります。 ダウンロードさせるファイルは公開ディレクトリ(htdocsとかhtml以下)におく必要がある。 ブラウザによっては「右クリック→名前をつけて保存」など操作がちょっと面倒。 これを解消するために、PHPを通してファイルをダウンロードさせる方法をやってみました。 PHPのちょっとしたTIPSさんのページの様に「try/catch」を使わなくても実装出来るのですが、今回はあえて「try/catch」を使用した実装を試してみました。 エラーハンドラの設定 まず、ダウンロードをさせるにあたってファイル操作を行うので、ファイルオープン等の例外をキャッチするためにエラーハンドラを設定します。 ユーザー定義のエラーハンドラ
PHP: htmlentities - Manual
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
Posted: 2012.02.03 / Category: javascript / Tag: jQuery jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){ e.preventD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
キトー君の悪い口コミ・失敗談と効果・販売店舗情報・安全と危険性・代用自作方法
Home
Htmlの基礎
第19回html5とか勉強会 PJAX ～HTML5時代のAJAXサイトプラクティス～
一人HTML5ワークショップ
The W3C Markup Validation Service