Google HTML/CSS Style Guide まとめ - Qiita
Google HTML/CSS Style Guide（2019年9月時点） より意訳とまとめ。訳が間違っていたらごめんなさい。 プロトコル imageやmedia、scriptなどを指定するときに、可能な限りhttpsを利用する。 <!-- 非推奨：プロトコルの省略 --> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <!-- 非推奨：httpの利用 --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <!-- 推奨 --> <script src="https://ajax.googleapis.com/ajax/libs/jquery
Web制作が楽になる！すごい無料HTML＆PSDテンプレート素材35個まとめ 2014年7月度
ウェブデザインの世界は、めまぐるしく変化を続けながら、新しいデザインで私たちを魅了してくれます。デザイントレンドを盛り込んで、ダウンロードしたらすぐに活用することができる無料HTMLファイルと、デザイン性に優れた無料PSDファイルをまとめて今回はご紹介します。 最近では、少し前にPSDファイルで公開されたフリー素材が、Bootstrapなどのフレームワークで構築したHTMLファイルとして無料ダウンロードできるケースが増えています。新しいプロジェクトに活用できる、新作テンプレート素材をチェックしてみてはいかがでしょう。 詳細は以下から。 無料HTMLファイルまとめ Starnight HTML 5 Template 先日まとめたPSDテンプレート素材の中でも印象的だったレイアウトが、Bootstrapフレームワーク製HTMLファイルで無料ダウンロードできるようになりました。 [button_
target属性の利便性 | kuruman.org
target属性はa要素や、link要素に指定する事ができた、ウィンドウを支配する属性です。 しかしながら、target属性はHTML4 Transitionalで非推奨、HTML4 Strictや、XHTML 1.1では完全に抹消されました。 何故でしょうか? その理由を他の文書も参考にしながら解き明かしてゆこうと思います。 これは非常に単純なリンクに *target属性* を指定したものです。 リンク集などで多くのサイトに利用されています。 また、target="_top"の指定はフレームを使用した文書の場合は必須となるはずです。 フレームに読み込まれた際に都合の良い様、target="_top"が元から指定されているCGIスクリプトもあるほどです。 それが良いかどうかは別として…。 定義されている仕様 フレームもtarget属性同様、HTML4ではFramesetのみで使用可、XHT
target=”_blank”問題にクライアント側で対処する - ナレッジエース
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) target=”_blank”に関する議論 - 徒委記の内容が、なかなか興味深いです。 以前はユーザの意図に反して新しいウィンドウがぽこぽこ開のはよろしくないという考えが一般的でした。 実際、タスクバーもすぐゴチャゴチャになりますし、新しくウィンドウが開く度にいちいち表示を最大化し直すのは面倒です。 しかし最近ではタブブラウザが普及して、新しいウィンドウ(タブ)を開くリスクが減り、むしろメリットが増えています。 「戻る」ボタンでページを再表示するよりは、遷移先ページのタブを閉じるだけの方がよほどスピードも速く、ストレスを感じません。 マウスジェスチャーの「閉じる」機能などを使えば閉じる動作も楽になります。 ただ
target="_blank"は非推奨? | Web標準Blog | ミツエーリンクス
W3Cにおいて、target="_blank"は非推奨なのでしょうか？というご質問をいただきました。 HTMLの仕様書では、center要素やfont要素などの文書内容を意味づけするものではなく、見栄えを表現する要素や属性が「非推奨 (deprecated)」と定義されています。しかしtarget="_blank"の場合は、この「非推奨」とはなっていません。ただし、HTML 4.0 やXHTML 1.0のStrict文書型では、target属性が定義されていないため利用できません。このためtarget属性を用いる場合は、Transitional文書型を選択する必要があります。 さて、target="_blank"があまり奨められないとされているのには、いくつかの理由が存在します。 ひとつは、リンクが新規ウインドウで開くと明示されていないページの存在です。ほとんどの場合において、新しいウイン
Tags of tumblr.
Text: Group Blog の記事に関する要素 Group Blog Posts {PostAuthorName} 記事投稿者のユーザー名を表示する。 {PostAuthorTitle} 記事投稿者のブログ名を表示する。 {PostAuthorURL} 記事投稿者のブログの URL を表示する。 {PostAuthorPortraitURL-16} {PostAuthorPortraitURL-24} {PostAuthorPortraitURL-30} {PostAuthorPortraitURL-40} {PostAuthorPortraitURL-48} {PostAuthorPortraitURL-64} {PostAuthorPortraitURL-96} {PostAuthorPortraitURL-128} 記事投稿者の portrait photo の URL を表示
Tumblr・HTML編集用独自変数タグ・日本語訳 | スタンダード・デザインラボ
TumblrHTML編集ヘルプ・詳細英語ページ、翻訳ツールを使うと、タグまで翻訳されてしまうので、こちらに翻訳後のを作ってみました。 とりあえず版なのでかなり歯抜けですが、実際に使ってみて翻訳を改善して行く予定です。また、英語表記のままの部分は、実際に使って何の役割をするのか後日調べます。間違いがあれば指摘いただけると助かります。 Creating a custom HTML theme | Tumblr はじめに テキスト、写真、リンク、引用、チャット、オーディオ、およびビデオ：Tumblrのは7つの重要なポストタイプを中心に構築されています。 テキストの投稿に外部画像や埋め込まれたメディアを投稿しないようにしてください。（テキストはテキスト投稿フォーム・写真は写真投稿フォーム、動画は…音楽は…ということ？） 変数・ブロック変数があり、使い方はFC2変数に近い感じっぽい。というか、ほとん
html2text: THE ASCIINATOR (aka html2txt)
(THE ASCIINATOR) html2text is a Python script that converts a page of HTML into clean, easy-to-read plain ASCII text. Better yet, that ASCII also happens to be valid Markdown (a text-to-HTML format). Also known as: html to text, htm to txt, htm2txt, ... Try Enter the address of the web page you'd like to convert. URL: Example sites: aaronsw.com, daringfireball.net. Bookmarklet: 2text Buy html2text
ayacnews2nd.com - このウェブサイトは販売用です！ - ayacnews2nd リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
classやidに-を使うとか使わないとか
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest logを見て、自分はいつも-を使ってるので、その理由を書いてみる。 結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照：The jQuery UI CSS Framework -を使う時は、名前空
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
[ThinkIT] 第3回：パラメータからの情報流出 (1/4)
これまで、Webアプリケーションの脆弱性は大きく5つのカテゴリーに分けられることを説明し、第2回では第1のカテゴリー「ファイル流出」を紹介した。今回はカテゴリーの2番目「パラメータからの情報流出」を解説する。 ※注意： この記事にはWebアプリケーションの脆弱性を解説する必要上、攻撃手口に関する情報が含まれています。これらの手口を他者が運営するWebサイトに向けて仕掛けると、最悪の場合刑事罰および損害賠償請求の対象となります。脆弱性の調査・検証は、必ずご自身の管理下のコンピュータシステムおよびローカルエリアネットワークで行ってください。この記事を参考にした行為により問題が生じても、筆者およびThinkIT編集局は一切責任を負いません。 「パラメータからの情報流出」とは、あるページから次のページへと場面を切り替える際に受け渡されるパラメータがもとで、別人の個人情報が読み出されるなどの問題が起
中里一日記: HTMLに「見た目ではなく意図を書く」という幻想
HTMLに「見た目ではなく意図を書く」という幻想 『Coders at Work』を立ち読みした。 Brendan Eichが10日間でJavaScriptを設計実装させられたと知り、ますます1994年のNetscape社を爆破したくなった。Netscape社がうまくいっていないことは製品からも見て取れたが（マイナーバージョンが上がるたびに同じバグをエンバグ→修正→エンバグ→修正と繰り返した事件を覚えている）、ここまでひどかったとは想像できなかった。アメリカのドキュメンタリー屋には、Netscape社がどんなクソの山だったかを証言するドキュメンタリーを制作してほしい。 私には想像もつかないレベルでプログラミングしているお歴々のありがたいお言葉を拝読しながら、私は疑問に思った。誰かのクソを食ってクソをひりだしてそれをまた別の誰かに食わせる、あの世界との接点がどこにもない、と。 誰かのクソを食
Big Sky :: めんどうな作業がわずか数十秒に！新人プログラマが知らないと一生後悔するVimを使ったHTML生成
« ExecuteExcel4Macro で CALL ワークシート関数使ってShellExecute呼んでそれでVimScript操作してHTMLを数秒で生成するの作った。 | Main | サラリーマンの為のメールが2倍速く書ける(気がする)vim補完書いた » こういう作業ってプログラマなら日常茶飯事で、やり方しらない新人プログラマはいつまでたっても新人なのだけど... めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ http://webrocke
<INPUT>−HTMLタグリファレンス
<INPUT>タグはテキスト入力欄や実行ボタン等、 フォーム（<FORM>～</FORM>）を構成する部品を作成するタグです。 type属性の値により、一行テキストボックス・チェックボックス・ラジオボタン・実行ボタン・リセットボタン等の部品となります。 各入力フィールドにデータが入力され、 <FORM>でデータが送信される際には、 <INPUT>タグのname属性で付けたデータ名とその値を一組にして、 <FORM>タグのaction属性で指定したサーバー上のファイルに、 <FORM>タグのmethod属性で指定した転送方法で送られます。 ■属性 type="text" 1行テキストボックスをつくります。通常のテキストを入力するフィールドです。2行以上にわたる長い文章を入力させたい場合には、<TEXTAREA>～</TEXTAREA>を使用します。 type="password" パスワード
Emacs で HTML
html-helper-mode とは Emacs で HTML を編集するためのマクロ（Emacs Lisp プログラム）としては， YaTeX に含まれる yahtml がありますが，ここでは，かの Marc Andreessen 作の html-mode に基づいて Nelson Minar が作った html-helper-mode があります。 現在は Gian Uberto Lauri が保守をしています（が私は Nelson Minar の最終バージョンを使っています）。 html-helper-mode (Nelson Minar) html-helper-mode (Jeff Covey によるマニュアル) HTML Helper Mode (Gian Uberto Lauri) インストール ここでは Nelson Minar の HTML helper mode be
emacsでHTMLを編集するモードを比較してみた。 « shortcut
もう5年以上使っているにも関わらず前々使い方を知らなかったりするemacsですが、ようやくきちんと勉強しようと言う気になったので調べてみました。 いままでも、HTMLとかCSSを書くときにもっとemacs使おうと思いつつ、テキストエディタのHTML編集モードやDreamWeaverといった分かりやすいエディタにフラフラ逃げていた訳ですが、今年はモヒカン度合いを高めようと思い、積極的に使って行こうと思います。 なぜviでないかというのはおいておいて。 という訳で、まずはHTML。 emacsでHTMLを書くためのモードはいくつかあり、 html-mode html-helper-mode psgml-mode(xml-mode or sgml-mode) nxml-mode nxhtml-mode といったあたりがよく使われているかと思います。 一つ一つ見てみましょう。 html-mo
HyperText Markup Language - Wikipedia
HTML[注釈 1]またはHyperText Markup Language（ハイパーテキスト マークアップ ランゲージ）[注釈 2]は、ハイパーテキストを記述するためのマークアップ言語の1つで、プログラミング言語ではない。主にWorld Wide Web（WWW）において、ウェブページを表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。 ティム・バーナーズ＝リーによってSGMLを元に開発された。1993年に最初のドラフトが公開され、最初期においてはIETFが、1996年以降はW3Cが、2019年以降はWHATWGが規格の策定、仕様公開を行なっている[3][4]。 特徴[編集] HTMLは木構造（入子構造）のマークアップ言語であ
Activating Browser Modes with Doctype
In order to deal both with content written according to Web standards and with content written according to legacy practices that were prevalent in the late 1990s, today’s Web browsers implement various engine modes. This document explains what those modes are and how they are triggered. Summary for the Impatient The main conclusion to draw from this article is that you should start all your HTML
<div>経済産業省のHTMLソースが糞過ぎる</div> : ゴールデンタイムズ
1 ： つらら(catv?) ：2010/12/14(火) 22:52:38.60 ID:j/W7w7dP0 問題のページ http://www.meti.go.jp/speeches/data_ed/ed041222-2j.html 平成１７年度予算復活折衝後大臣記者会見（於：当省会見室）の概要 4 ： ハクチョウ(東京都) ：2010/12/14(火) 22:53:23.74 ID:QXFmsrTe0 おまえらってHTMLまで監視してるの？ 12 ： 風邪ぐすり(dion軍) ：2010/12/14(火) 22:57:17.34 ID:Q4VyXP8pP 凶気に近い何かを感じた この<ｄｉｖ>の列はこの倍あるで 20 ： ほうれん草(愛知県) ：2010/12/14(火) 22:59:09.82 ID:2ezfgCdq0 >>12 見てみたらマジだった なんだよこれｗ 47 ： 風呂吹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
