[B! html] hrfmsdのブックマーク

GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

hrfmsd 2014/12/22

html
markup

リンク

WebサイトにもiPhone風の通知を実現·HTML iOS Notifications MOONGIFT

HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS Notificationsです。デスクトップ版。画面上部に通知が表示されています。しばらく経つと消えます。複数出すこともできます。レスポンシブに対応しています。 iPhoneで出す場合は画面幅いっぱいに広がるようです。 Webなので画像やメッセージ、クリックした時のアクションなどは自由に操作できます。スマートフォンに最適化されたWebサイトで使うとまるで本物のネイティブ風になるのではないでしょうか。 MOONGIFTはこう見る HTML iOS Notification

hrfmsd 2013/09/08

html
通知

リンク

Google HTML/CSS Style Guide

Revision 2.23 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTM

hrfmsd 2013/08/28

リンク

一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks

一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための

hrfmsd 2013/08/26

リンク

ヘッダ固定テーブルの最良解 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、記憶をた

hrfmsd 2013/03/05

リンク

Hamlで開発効率アップ｜Sublime text 2でビルドしてみました。 | DevelopersIO

先日、弊社で開催ししている勉強会:【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」のスピーカーを務めさせていただきました。人生初のスピーカーということで、緊張して時間を10分巻いてしまいました。。。さて今回はHaml with Sublime text 2と題しまして、ご紹介できればと思います。アジェンダ Hamlとは？ Hamlの書き方 Sublime text 2でビルド(ファイル出力) おまけ Hamlとは？ XHTML Abstraction Markup Languageの略称です。と言われましてもなんのことだ？？ってなるかと思います。日本Hamlの会というユーザーグループで以下のように、説明しれくれてます。 HamlはHTML/XHTMLを生成するためのマークアップ言語です。インデントや簡略構文によって簡潔な記述

hrfmsd 2013/02/19

リンク

【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO

IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。解決のきっかけ程度になれば良いと思いまとめています。 IEの現状一般的なブラウザと先進的なブラウザに対する手法と考え方ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理

hrfmsd 2012/12/26

リンク

CSSだけで作るtableデザインテクニックVer.02(おまけ付き)

今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML　テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top

hrfmsd 2012/06/25

リンク

HTMLやCSSでのプロトコル表記（http:、https:）の省略について

HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。埋め込みリソースからプロトコル表記（http:,https:）を省略する。  <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>  <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> １．プロトコ

hrfmsd 2012/05/12

リンク

人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life

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.