SitePoint Blogs » JSON-P output with Rails
Top Picks for the Best CPP Compiler: Enhance Your Coding Experience
Web Directions Conferences (and more)
Welcome to this detailed report from our first “State of the Web” survey of professional web designers and developers. It includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ. You can read all the questions, download the complete (anonymized) set of responses, see tabular results
warikiru: [駄訳] Understanding Progressive Enhancement
2008-12-16 [駄訳] Understanding Progressive Enhancement ラベル: translate WDEに行ってから個人的にProgressive Enhancementがブーム（謎）なので訳してみた。 原文: Understanding Progressive Enhancement 著者: Aaron Gustafson 2008年10月7日 Understanding Progressive Enhancement by Aaron Gustafson 1994年の頃からウェブ開発者のコミュニティはGraceful Degradation（以下、GD）を主張してきた。エンジニア業界から持たされたこのコンセプトの核心は、最新かつ高機能なブラウザを使う人にはフルコースの料理を振舞われたかのような体験を提供するとともに、 Netscape 4で満足し
新規でサイトを作るのに使えそうなの一式。Ver 3
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40kb） Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
プログラムのコードに色を付ける「google-code-prettify」-JavaScript Library Archive
プログラムのコードに色を付ける「google-code-prettify」 Check Tweet 配布元：google-code-prettify ライセンス：Apache License 2.0 google-code-prettifyはHTMLで表示されるプログラムのコードに色を付けるJavaScriptライブラリで、CやJava, Python, SQL, HTML, XML, CSS, Javascript,Ruby, PHP, Perlなど様々な言語に対応しています。 使い方 ダウンロードしたprettify.cssとprettify.jsを読み込みます。 <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"><
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
HTML/XHTMLマークアップ・CSSコーディングガイドライン | ciqlie（シクリエ）
HTML/XHTMLマークアップ・CSSコーディングを代行するコーディングサービス。ディレクトリ構成 html ├common/ │ ├css/ │ │ ├import.css [各CSSファイル読み込み] │ │ ├common.css [各ブラウザスタイル調整定義] │ │ ├structure.css [サイト構造定義] │ │ ├editorial.css [サイト構成定義] │ │ ├component.css [サイト共通パーツ定義] │ │ └editorial/ │ │ └category-name.css [カテゴリ別構成定義] │ └img/ │ │ ├接頭辞_連番.拡張子 │ │ └category-name/ │ │ └接頭辞_連番.拡張子 │ └js/ │ └common.js ├category-name/ │ └index.html └index.
ソースコード整形フォームを Version-Up! しました - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 たまにはコピペ用のエントリも書きたくなってきたので、以前、参照コードを<pre>で書くかって記事ら辺で作った整形フォームをバージョンアップしました。 ラジオボタンで<pre><code>タイプと<ol><li><code>タイプを切り替えてます。ホントは<ol>タイプ用に行頭の空白を数えるとこまでやっときたかったんだけど、力及ばず。JavaScriptの正規表現はまだよく掴めない＾＾； 以下、記録用にソースコードと関連リンクを貼っときます。今回は配布用じゃないので、あんま綺麗じゃないけど！ JavaScript var escape_html= { init: fun
ユーザビリティの高いタブナビゲーションを作る4つのポイント - Feel Like A Fallinstar
This domain may be for sale!
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Cheat Sheets for Front-end Web Developers
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for RevenueCloudFX and other key research and development projects at WebFX. Cheat sheets are helpful to have around
栞をみて来ましたか？ - (Japanese Translation) - WaSP Street Team
その栞 (PDF 0.2MB)には、プロの Webデザイナー・開発者として知っておきたい情報が含まれている書籍を読んでもらいたいというウェブスタンダードプロジェクト・ストリートチームのメンバーの願いが込められています。(ウェブスタンダードプロジェクトについて) 以下は、ひと昔の使えないノウハウや知識が入っていない、あなたの仕事に必要なスキルを保証する最新の情報が書かれている書籍のリストです。もちろん書籍の他に無料のオンラインコンテンツもいくつかあるので、詳しくはウェブスタンダードプロジェクトのLearn ページ (英語)をご覧ください。 もし他の書籍を提案したいという方は メールでご連絡ください。 １冊だけ買うなら (If you only buy one book…) Designing with Web Standards―XHTML+CSSを中心とした「Web標準」によるデザインの実
Webブラウザの検証！
複雑化するWebブラウザの検証 WebデザインのHTMLコーディングでは、複数のOSやWebブラウザ、またバージョン別による検証確認は必須です。OSやWebブラウザの種類によって見え方が違っていたり、時にはレイアウトが崩れたりすることもあるからです。 テーブルレイアウトでコーディングしていた時は、OSのフォントサイズの違いによる段落検証が中心でした。しかし、CSSレイアウトへ移行すると、WebブラウザごとにCSSの解釈が変わってくるため、検証がより複雑になってきます。今回はWebブラウザ検証方法と、その対処策をマスターしていきます。 現在、一般的に使用されている主なWebブラウザは、Internet Explorer（通称IE）のバージョン6と7、Firefox、Safari、Operaです。これらのWebブラウザシェアは日々推移していますが、ユーザ環境リサーチを行っているW3Counte
CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」:phpspot開発日誌
The Highly Extensible CSS Interface CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」。 デモサイトのようなリッチなUIを実現するためのサンプル集 Part I: The Foundation Part II: CSS Selectors & jQuery Part III: Adding Ajax Interactivity Part IV: Testing for Extensibility jQuery、Ajaxなどを活用してページを作成していく部分はページ作りにおいて非常に参考に出来る部分が多いです。 IE7, FireFox2, Safari2.x 以降が推奨環境となっているようです。
oreilly.co.jp -- ハイパフォーマンスWebサイト
米Yahoo!のパフォーマンス担当責任者が導き出した「高速サイトを実現する14のルール」を実例とともに紹介します。サイトの高速化と聞くと、サーバ負荷分散などバックエンドで実施する大掛かりなパフォーマンスチューニングを思い浮かべますが、じつは待ち時間の80％はフロントエンドの処理に費やされています。ここで紹介する明解なルールに従いさえすれば、この時間を大幅に削減できるのです。本書では、ブラウザとサーバの通信の仕組みからわかりやすく解説し、14のルールに従うことでなぜ高速化できるのかを論理的に解明しています。 翻訳者によるサポートページ。 訳者まえがき 本書に対する賞賛の声 推薦の言葉 まえがき A章 フロントエンドのパフォーマンスの重要性 A.1 ウェブページのパフォーマンスを追跡する A.2 時間はどこで使われたのか？ A.3 パフォーマンス改善の鉄則 B章 HTTPの概要 B.1 圧縮
fontやcenterなどの指定を無効化する方法
サイトの更新時に、管理者や制作者の意図せぬ使い方で、<font>や<center>などの要素を更新者に使用されてしまうことがあります。 それを防ぐ方法の紹介です。 Disabling Deprecated HTML Using CSS 上記サイトでは、<font>, <basefont>, <center>, <strike>, <s>, <u>, bgcolor, border, align, vspace, hspace, valign, width, heightについて、CSSやJavaScriptを使用して、それらの指定の一部を無効化する方法が紹介されています。 example: <font>, <basefont> <textarea name="code" class="css" cols="60" rows="5"> font, basefont{ color:inheri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.html5.jp/html5/?p=26
KU777-miễn phí,ku777 Ứng dụng;-TRÒ CHƠI
AgencyTool Web Design Dashboard WEB制作に必要な情報を網羅したリンク集
fl-2.com