湘南乃風「睡蓮花」の歌詞
睡蓮の花のように 朝日に向け今日も歌う 睡蓮の花のように この思い水面に光る 花びらが流した涙 貴方は笑えていますか? 上がりまくる季節が来た ヤバくなれるのは誰… 俺!俺! 俺!俺!Ole!Ole! Ah 真夏の Jamboree レゲエ＜砂浜＜＜Big Wave!! Ah 悪ノリの Heartbeat めっちゃゴリゴリ Welcome Weekend Ah 灼熱の Jamboree 暴れまくってイイぜ!! Ah 冷めないで Summer Dream ｢濡れたまんまでイッちゃって!!!｣ 夏だぜ (Yeah!!) 夏風 (Fuu!!) 夏晴れ (Yeah!!) 夏バテ (Boo↓↓) またコイツで決まりだ Summer Again 青く晴れた日を 笑う太陽 溢れる希望 むすぶ靴ひもに期待のせて 風を連れて 夢の種植えるため 今走り出そう 黄色いバス越え江ノ島方面 スゲエ混み合ってる ひま
7594591200220899443 on Twitter: "ひえーFacebook、Aタグの上でマウス押下した瞬間にhref書き換えてんのか！で次の瞬間マウスクリックするとその書き変わったURLを踏む https://t.co/7r8ZccLLnk"
ひえーFacebook、Aタグの上でマウス押下した瞬間にhref書き換えてんのか！で次の瞬間マウスクリックするとその書き変わったURLを踏む https://t.co/7r8ZccLLnk
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー｜TechRacho by BPS株式会社
会員登録フォームなどで、たまにクリップボードからのペースト（貼り付け）が禁止されているサイトがあります。 これは不便なので、強引にペーストしてしまおうという内容です。 注意点 本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。 一般論として、「開発者ツールでこう操作すると良いよ」「このJavaScriptを貼り付けると良いよ」という記事を理解せずに鵜呑みにすることは、高いセキュリティリスクを伴います。利用の判断は慎重にお願いします。 なぜ困るのか パスワードは通常パスワードマネージャや適当なジェネレータで生成すると思います。 英数記号を含む20文字以上の文字列を、1文字ずつ I と l と 1 を間違えないように気をつけながら心を込めて打ち込むのも趣がありますが、忙しいときにはそんなことはしたくありません。パスワードマネージャのauto type機能を使え
FireFoxのスクロールバー分のズレをとるCSS
FireFoxのスクロールバー分のズレをとるCSS 2006年9月26日 FireFoxで表示したときページが縦方向にきっちり収まっているとき、スクロールバーの分だけスクロール時で表示されている時と比べてズレてしまいます。 デザイン自体には問題はありませんが、コンテンツが縦にきっちり収まっているページからコンテンツの長いページにページ移動する際にカクっとズレの動きが生じてしまいます。 な～んか気持ち悪いなぁと思ったときは body { overflow-y:scroll; } とするとページ移動の際のズレの動きがなくなります。 しかし、ＩＥ6、IE7ではブラウザ自体のスクロールバーとは別にもうひとつ内側にスクロールバーができてしまいます。 そこで対処法としてＩＥ６用CSSハックの*htmlとＩＥ7用CSSハックの*+htmlを利用して *html body { /*IE6だけに適
HTML5で注目！インラインSVGの使い方 (1/5)
HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG（インラインSVG）がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは？ SVG（Scalable Vector Graphics）は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています（Photosh
CSSによる日本語組版の実装はここまできた――EPUB最新動向
イーストと日本電子出版協会は、国際的にも注目されている電子書籍ファイルフォーマット「EPUB」の最新動向として、HTMLレンダリングエンジン「Webkit」で日本語組版の実装が進んでいることを紹介した。 Webの技術でここまでできる イーストと日本電子出版協会（JEPA）は1月19日、2011年5月には最終仕様が確定するとみられる電子書籍ファイルフォーマット「EPUB 3.0」についての最新動向としてWebブラウザなどでの実装が進んでいることを紹介した。両社は、総務省の平成22年度「新ICT利活用サービス創出支援事業」の「EPUB日本語拡張仕様策定」を受託している。 XHTMLやCSSといった国際標準をベースとするEPUBは、グローバルでは電子書籍の標準的なファイルフォーマットとして採用が進んでいるが、アジア圏の言語で必要になる縦書きやルビ、禁則処理、行調整）、圏点（傍点）といった機能が現
マークアップ時によく利用する丸数字など文字参照＆実体参照の個人的まとめ
HTMLのコーディングの時に丸数字とかローマ数字とか使うケースがあるのですが、これをそのままいれていると、サーバーや案件によっては文字コードの関係で表示されなかったり、いろいろ不具合をおこすので、必ず実体参照して入力をしているのですが、毎回検索して使っていたりします。。。 でもよく使う文字くらい、まとめておけば今後便利じゃん！なんて思ったので、個人的利用のためにまとめておきます。 実体参照とは？ 文字実体参照は、特定のキーワード文字列によって文書文字集合における該当文字を指定する方法である。 文字 - ウィキペディア 案件によっては、原稿通り作成しなければならない場合、丸数字や特殊文字などが原稿中に入っていてそのまま保存できない！なんて時があったりするので、そんな時のため用。
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の立ち位置を、もう一度確認しておこう
HTML Named Special Symbols
HTML Named Special Symbols Characters with Special Meaning in HTML <<less than >>greater than &&ampersand ""quotation mark Punctuation non-breaking space: ' '  em space: ' '  en space: ' '  thin space: ' ' ——em dash ––en dash −−minus --hyphen ‾‾overbar space Interesting Characters and Symbols ¢¢cent ££pound €€euro §§
文字数の違う複数の項目をliタグを使って綺麗に並べるTIps
フォームの選択項目をliタグとcssのfloat、min-height、white-spaceを使って綺麗に並べるTipsです。 登録フォームを動的に作っていると、選択項目がとにかく多い！という事態に遭遇します。 静的なら1つずつtdで切って、文字が長ければcolspanで〜とできるわけですが、 動的に出してるとそういう細かい芸当は無駄にややこしいので、 できるだけ手軽に、できるだけ見栄えよく並べるために、リストタグを活用します。 並べたい項目は以下の通り。 たぬきうどん きつねそば 天丼 鶏ガラしょうゆラーメン 特選月見そば みそラーメン 明太子スパゲッティ ざるそば もりそば ナポリタン 森のきのことじゃこの和風スパ ざるうどん ペペロンチーノ 縦に並べるとページが長くなってしまうので、横に並べる事にします。 cssはこんなカンジ。 li { float: left; mar
Polyglot Markup: HTML-Compatible XHTML Documents
Polyglot Markup: A robust profile of the HTML5 vocabulary W3C Working Group Note 29 September 2015 This version: http://www.w3.org/TR/2015/NOTE-html-polyglot-20150929/ Latest published version: http://www.w3.org/TR/html-polyglot/ Latest editor's draft: http://dev.w3.org/html5/html-polyglot/html-polyglot.html Previous version: http://www.w3.org/TR/2014/CR-html-polyglot-20140717/ Editors: Eliot Graf
ヘッダ固定テーブルの最良解 Pushpin Header - penultの日記
HTMLで、ヘッダを固定してボディを縦方向にスクロール可能にしたテーブルを作る方法はいろいろあって、テーブル ヘッダ固定 でぐぐると百花繚乱、群雄割拠という感じだけれども、個人的には http://codylindley.com/CSS/249/pushspin-header-a-simplified-data-grid-with-a-stationary-header に載っていた方法が HTML+CSSのみで動作。JavaScript不要 IE6, IE7, IE8でも動作*1 tableタグとその中身は全く普通の構造。tableの分割もしない 「ヘッダ部分だけを、CSSの絶対位置指定で無理矢理スクロール領域の外に固定する」と一行で説明できる単純で理解しやすい動作原理 と、ベストだと思う。 ところが、最近上記ページを見直してみたらなんか消えていて確認できなくなっていたので*2、記憶をた
Cody Lindley | Front-end/Client-side/JavaScript Engineer | Boise,Idaho
Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (25+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design, Design Systems, and Component UI systems. When not sittin
株式会社ジラフィー(Giraffy)
会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhone や iPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名
画像にキャプションを入れたい - ホームページテンプレートのdecoweb
画像の下にキャプション（説明文）を入れる方法を教えます。 ※当サイトでの方法は多数あるやり方の中の一つとお考え下さい。 Step1 【画像左寄せの回り込みにキャプションを入れる】 このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。 上の画像の下にキャプションを入れてみましょう。 imgを<div>で囲み、<span>でキャプションを囲みます。最後に回り込みを解除します。 （class名はご自分でわかりやすい名前にしてもOKです） <div class="imagebox_left"> <img src="my_images/picture1.jpg" alt="イメージ画像"><span>画像のキャプション</span> </div> <p>このように画像の
Perlで壊れたHTMLを補完する
タイトルの問題ですが、自分はよく以下のような関数でやります。 HTML::TreeBuilderのas_HTML()がうまいことやってくれます。 (実際にはHTML::Element::as_HTML()ですが) sub _complement_html { my $broken_html = shift; my $html = do { no strict 'refs'; no warnings 'redefine'; local *HTML::Entities::encode_entities = sub {}; local *HTML::Entities::decode = sub {}; my $tree = HTML::TreeBuilder->new; $tree->parse( $broken_html ); $tree->as_HTML; }; $html =~ s#<ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Web標準HTMLコーディングのHomeWeb-coding｜パンくずリストをどのように表現する？
IDEA * IDEA
