https://github.com/RelaxedJS/ReLaXed/blob/master/README.md
コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 コーディングをしていて、クラス名に迷うことってありませんか？ ボタンや見出しといった、比較的単純なコンポーネントなら「.button」「.headline」など、すぐに思いつくかもしれません。 しかし、それが複雑なコンポーネントだったりすると、なかなか思いつかないものです。 そんな悩みを解消したいと思いまして、いろいろなサイトのソースコードを見て、開発者がどんなクラス名をつけているのか調査してみました。 今回は、その中からよく使われていたクラス名と、「これはナイスネーミング！」と思ったクラス名をピックアップしたいと思います。 thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブ
ベストなHTMLの書き方が分かるドキュメント「HTML Best Practices」 | ソフトアンテナ
現在のインターネットに欠かすことができない技術としてHTMLが挙げられと思います。Webブラウザは大抵のHTMLを解釈してくれるので、普段はあまり厳密な書き方を意識していない方もいるかもしれませんが、開発者やデザイナならば仕様にのっとった正確なHTMLを書きたいところですよね。 そんなときに役立つ情報が「HTML Best Practices」です。スケーラブルでメンテナンス可能なHTMLドキュメントの書き方を解説したドキュメントで、どういう書き方が望ましいのかざっと確認することができます。 悪い例と良い例がタグごとに比較可能で分かりやすいです。なぜ悪いのか、なぜ良いのかという理由が書かれていないのが残念ですが、確認用には使えそうです。
HTMLにて終了タグがいるたぐいらないタグ
この記事の著者サイト HTMLにて終了タグがいるタグいらないタグ・・の話とか 終了タグが存在しないタグ（終了タグをつけるとエラー） br, img, hr, meta, input, embed, area, base, col, keygen, link, param, source 終了タグのみ省略できるタグ（次のタグの開始と共に自動的に終了タグがはさまれるので） li, dt, dd, p, tr, td, th，rt, rp, optgroup, option, thread, tfoot 開始タグ終了タグ共に省略してよいタグ（タグが無ければデフォルト値が使われる） html, head, body, tbody, colgroup HTML5から廃止されるタグ（廃止はされるが使うことは出来る） center, font, blink, strike, s, u, bgsound,
HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜
ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116
そのHTML5のタグは合ってますか？間違えやすいタグ15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、HTML5カルタ大会という大会で優勝させていただきました。 いやあ、実に光栄です。 そこで今回は、HTML5ネタ繋がりで、“間違えて使ってしまいがちなんじゃないかと思うややこしいHTML5タグ”をまとめてみました。 あ、でも皆さん誤解しないでくださいね。 この記事は大会前にカルタの準備がてら執筆したものなので、決して「このキング・オブ・HTML5こと俺様がレクチャーしてやんよ！」なんてことは1mmも考えておりません。 どうか、一Web制作会社の端くれエンジニアが戯言ほざいてやがるな、まあ暇だし読んでやるかくらいのノリでお付き合いくだされば幸いです。ありがとうございます。 【こちらもおすすめ】 その使い方合っていますか？間違えやすいタグ15選（HTML5対応） “定義”に関わるタグ <dt>,<df
とても効率的になった！HTML5に関する「役立つ」まとめ
作成：2013/12/16 更新：2014/11/01 Web制作 > サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML５のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイントだけおさえてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ HTML5 タグ一覧 １．フォーム（input ）関連の便利な新要素 ２．基本要素一覧 動画／音楽再生 ３．video タグ ４．audio タグ アプリケーション向けの機能／API ５．位置情報を取得する ６．ローカルストレージ ７．サーバー双方向通信 ８．バックグラウンド処理 ９．ファイル操作 サンプル １０．ソースコードつきのサンプル テンプレート １１．テンプレート＋作成ツール HTML5
ブラウザでストレージ？ Web Storageを使いこなそう
連載目次 ■Web Storageの概要と活用例 旧来（＝HTML 4.1以前）のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。
D89 Web標準HTMLタグリファレンス ─ デザインハック＠IT
GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12） 資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10） HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】 PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26） 素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文
HTML5の登場で、XHTMLは結局どうなったの？
HTML5の登場で、XHTMLは結局どうなったの？：HTML5“とか”アプリ開発入門（3）（1/2 ページ） 最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします XHTMLは、まだまだ健在だ！ 前回の「HTML5でWebページをマークアップするための基礎知識」では、HTML5の文法（HTMLシンタックス）について説明しました。 今回は、連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」から続く、HTML5に関する基礎知識を締めくくる話題として、XHTMLとの関連についてお話ししたいと思います。 XHTMLの立ち位置を、もう一度確認しておこう
canvas グラフ - Google 検索
2023/10/10 · Canvasで棒グラフを作るには？ グラフ自作のプログラミング手法. ライブラリによるグラフ自作. グラフ作成ライブラリを導入しよう; 棒グラフを作成する ...
別ウインドウで開くリンクにアイコンを付加 [ホームページ作成] All About
そこで、「新規ウインドウで開くように記述されたリンク」にだけ、新規ウインドウが開かれるという意味を表すアイコン「」が表示されるようにしてみましょう。 とはいえ、対象のリンク1つ1つに対して画像を表示するよう追記するのは面倒です。 そこで、HTML側を修正することなくスタイルシートだけの記述で、新規ウインドウを開くリンクすべてにアイコンを一括表示させる簡単な方法をご紹介いたします。 この方法だと、1つスタイルシートを記述するだけで、すべての「新規ウインドウを開くリンク」に対して装飾できるので楽です。 「属性セレクタ」で装飾対象を限定、 「after疑似要素」でアイコンを付加 『新規ウインドウで開くように記述されたリンク』にだけアイコンが付加されるようにスタイルシートを記述するには、 「属性セレクタ」と「after疑似要素」の2つを使います。 それぞれの意味は以下の通りです。（詳しくは次のペー
![別ウインドウで開くリンクにアイコンを付加 [ホームページ作成] 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)
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.28 / htmllint.pm ver3.58 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述するか、ローカルにあるHTMLファイルを選択して、[チ
HTMLタグ/フォームタグ - TAG index
フォーム全体の指定 <form action=""> 入力フォームを作る <form method="" action=""> データの送信形式と送信先を指定する <form method="" action="" target=""> 結果が表示されるウィンドウを指定する <form method="post" action="" enctype=""> 送信時のデータ形式を指定する <label> 部品とラベルを関連付ける <fieldset> フォームの部品をグループ化する <legend> 部品グループにラベルを付ける <legend align=""> ラベルの表示位置の指定する フォームの部品 <input type="text"> テキストの入力欄を作る <input type="password"> パスワード形式の入力欄を作る <input type="radio"> ラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kennethreitz/requests-html: Pythonic HTML Parsing for Humans™
CSS Game
WebアプリをElectronに乗せる
Liquid Particles - spielzeugz.de canvas experiment