SitePoint Blogs » JSON-P output with Rails
Top Picks for the Best CPP Compiler: Enhance Your Coding Experience
CSSやJavaScriptファイルを連結、圧縮·Minify MOONGIFT
jQueryやPrototypejs、YUIなど様々なJavaScrptライブラリが登場している。また、CSSもフレームワークが出てきており、便利な反面、表示されるまでのコネクション数やダウンロードサイズが肥大化している。 CSSやJavaScriptを連結＆圧縮 それを解決する手段として、サイズの縮小や複数のファイルをまとめてしまうという方法がある。それを自動化してくれるのがMinifyだ。 今回紹介するオープンソース・ソフトウェアはMinify、JavaScript/CSSの連結、圧縮ソフトウェアだ。 MinifyはPHPで作られており、Webベースで動作する。Minifyにファイルのパスを渡すことで余計な改行や空白を圧縮してサイズを小さくしてくれる。そして複数のファイルを渡すことで連結してくれる機能もある。 生成されたファイル 作成するのは同一ドメイン内のファイルに限られる。また、グ
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"><
50 Must-read Books on Web Development | Envato Tuts+
As web developers, it only makes sense that we find learning resources on our preferred medium, the Internet. However, there are definite pluses to the Old School method of learning; the print book. They've been through rigorous editing cycles, and you can trust solid publishers like O'Reilly. Also, you can trust the user ratings and comments that are on sites like Amazon. You can make an informed
Creating a jQuery Dashboard
The ‘Dashboard’ feature on a Mac looks great, and the menu allowing you to add/remove widgets is a well designed feature. A similar effect can add a whole new level of functionality to a website, providing a simple slide-down menu at the top of a page. This tutorial will walk you through the process from beginning to end. Before getting started, you may like to check out the demo, or download full
Using jQuery for Background Image Animations
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
Label element secret powers | maratz.com
In web forms, label element plays an important role. It describes the corresponding form field, whether it’s a text field, radio button, checkbox or a drop-down. The label is an essential interface element for challenged people. If labels are properly set, user agents attach a behavior: when a label is clicked with a mouse — in most browsers — the related field gains focus. The behavior is quite u
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
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.
JavaScriptによるCSSの操作 | 暴満館 ～The House of full Violence～
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する {#deleteRule} function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.html5.jp/html5/?p=26
diaspar.jp
http://devsnippets.com/reviews/use-the-jquery-ui-to-control-the-size-of-your-text.html
Courses and Tutorials in CSS | Envato Tuts+
[CSS]ドロップダウン型ナビゲーションを作成するフレームワーク | コリス
http://fall.tnvacation.com/fall-contest/
http://www.jesusencounter.org/blog/2008/24-web-design-blogs-in-my-rss/