Plain JavaScript - Functions and Helpers
Select DOM elements by CSS selectorquerySelectorAll - a CSS selector method like the one provided by jQuery. jQuery: $(selector), $(selector, context) Select elements by class namegetElementsByClassName - a fast way of selecting DOM elements by class name in modern browsers. Does not work in IE 8 and below. jQuery: $('.foo') Select elements by tag namegetElementsByTagName - a fast and cross browse
Web フォントでアイコン表示。 Font Awesome 使ってみた
Blog のデザインをリニューアルしました報告でもちょっと書いたんですが、アイコン関係を Web フォントを使ってやってみました。その時に利用させてもらったのが 「Font Awesome」 でして、今回はその簡単な使い方について書いてみようと思います。 Font Awesome, the iconic font designed for use with Twitter Bootstrap Font Awesome は簡単に言ってしまえば、Twitter Bootstrap のアイコンを Web フォントで扱えるようにしたもの。Twitter Bootstrap のアイコンは CSS Sprite で利用できるようにひとまとめになった 「画像」 として提供されていますが、Web フォントとして提供されることで、よりサイズ、カラーなどを柔軟に扱えるようになっています。 Font Aweso
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
SlideFinder -Web開発者向け日本語スライドまとめ-
The requested URL was not found on this server. 您要找的内容已被删除
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
CSS Color Keywords
CSSでは色の値として#RRGGBBやrgb(r, g, b)等の他にキーワードでも指定できる。CSS3では大幅に拡充され、140種類のキーワードのサポートが明記された。今まであまり使ったことがなかった上に、英語力の欠如からDarkOrangeやLavenderとかならまだしもBlanchedAlmondとか言われてもどんな色か想像すらできないので、一覧してクリックで背景色としてプレビューできる簡単なツール、CSS Color Keywordsを作った。DarkOliveGreenとかRGBで考えるとなかなか大変だけどキーワードなら簡単！ ページを開くと色のキーワードを背景色としたブロックが並ぶ。最初のbodyの背景色はランダムに決定されるが、その後はそれぞれの色のブロックをクリックするとその色が背景色になり、プレビュー出来る。 見出しや色のキーワードのフォントはYanone Kaffee
Markdown の記法
Skip to: Content | Navigation | Footer Location: Hg's / Markdown の記法 Language: ja Hg's Now Loading... http://daringfireball.net/projects/markdown/syntax が英語でめんどくさい。 unmovabletype.org に Markdown 記法の日本語での解説があったらしいんだが、残念ながら今は閉鎖されている。まじっすか。 というわけで、このエントリは、ヲレ用 Markdown 記法メモ。っつーか上のリンク先の用例をコピペしただけという噂も。 追記:05/06/07 目次を追加。あと、チェック用にDingusへのリンクも追加しとこう。 Block Element Paragraph Header Blockquote List Code B
HTML5 における HTML4 からの変更点
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
Accueil
Les Sociétés Civiles de Placement Immobilier (SCPI) se sont imposées comme une solution d'investissement de choix, attirant un nombre croissant d'investisseurs en quête de diversification et de rendements potentiellement plus élevés. Dans un contexte économique en constante évolution, où les investisseurs cherchent à optimiser leur portefeuille tout en minimisant les risques, les SCPI représentent
git コマンドと git-vim コマンド一覧 : Serendip – Webデザイン・プログラミング
git init リポジトリの作成をする。 リポジトリを作りたいディレクトリに移動してコマンドを実行する。 公開リポジトリは bare リポジトリとして作成する。（bare リポジトリは通常 .git 拡張子を付ける） $ git init --bare /home/hoge/project.git git clone <複製元リポジトリのURL> リポジトリの複製をする。 リポジトリを作りたいディレクトリに移動してコマンドを実行する。 公開リポジトリは bare リポジトリとして作成する。（bare リポジトリは通常 .git 拡張子を付ける） $ git clone --bare /home/hoge/project.git git status 変更されたファイルの表示をする。 git-vim コマンド :GitStatus 編集中のファイル・リポジトリの git status を表
WOMO :: github を使うためのメモ。 :: 2010/03/04
Posted at Thu, 04 Mar 2010 in computer 流行に盛大に乗り遅れていますが github のアカウントを取得してみたので、その備忘録的なメモです。 git とは分散型バージョン管理システムで、要するに CVN とか SVN に似たプログラムのソースコードなどをバージョン管理してくれるものですが、これらが中央集権型なのに比べて git は分散、つまりローカルにリポジトリの履歴を持つために中央サーバが落ちていてもリビジョン間の履歴が調査可能。（以上 Wikipedia より。もとは Linux カーネルのソースコード管理のために、リーナス･トーパルズによって開発されたらしい） で、github はその git を用いたプロジェクトのホスティングサービス。と、はてなキーワードには書いてありました。要するにみんなが使える git のサーバという感じなのでしょうか。
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
The Current State of HTML5 Forms · Wufoo
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
Livedoor ReaderのAPIを探して全部まとめてみた。 - ガジェカツ～在宅SEのガジェット活動ブログ～
はじめに LivedoorReaderのAPIを利用したアプリケーションを作りたいのでAPIとその利用方法をまとめて見ました。 ここのページの情報は大部分が http://d.hatena.ne.jp/nTeTs/20060422/1145637483とhttp://d.hatena.ne.jp/takef/20070216/1171635948から引用です。 またApiKeyに関する情報はhttp://d.hatena.ne.jp/snaka72/20090517/1242519412から入手しました。 （こんな情報を公開していたid:nTeTsさん、id:takefさん、id:snaka72さんには大感謝です！） Livedoor Reader APIを利用する前に ここに乗っているAPIは公式には発表されていません、よって突然の仕様変更などがあるかも知れません。 またここに乗っている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deliciousにポストできない · Issue #52 · to/tombloo
スクエニ メンバーズ -SQUARE ENIX MEMBERS-
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Chrome Extensions API リファレンス