KUZIRAって何？ KUZIRAは、グリッドシステムを簡単に実現出来る純国産CSSフレームワークです。Webサイト開発の効率化を目的に開発されました。 フレームワークって何？ 枠組み、構造という意味の単語。 ソフトウェアの開発する際、頻繁に利用される汎用的な機能を提供し土台として機能するソフトウェアの事。フレームワークを利用すると、独自な部分だけを開発すれば良く、開発効率の向上が見込めます。 KUZIRAはWebサイト開発で使い回せる基本のCSSを提供します。 KUZIRAの由来 名前の由来は鯨幕。 鯨幕とは弔事・慶事に利用される白黒2色で構成される幕の事。グリッドシステムの縦縞と鯨幕が似ていることから命名されました。 特長 Web標準準拠 クロスブラウザ対応 ブラウザデフォルトスタイルのリセット 文字サイズを簡単に制御する仕組み 16、20、24カラムのグリッドシステムの採用 パフォ

The YUI team is pleased to announce YUI 3.0 Preview Release 1. This preview is an early look at what we're working on for the next generation of YUI Library. Please review the API, play with the examples, and read the documentation on this site for details; download YUI 3.0 PR1 on the YUI project area on SourceForge; you can find us with questions or comments on the YUI 3.x discussion group. Pleas

ドットインストール代表のライフハックブログ

AndroidにできてiPhoneにできないこと カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2010/12/12(日) 01:37:13.81ID:oakjeq9c0 おしえてけろ 2：以下、名無しにかわりましてVIPがお送りします：2010/12/12(日) 01:38:46.36ID:kQDzyhbgP 有るかもしれないが無いかもしれない 3：以下、名無しにかわりましてVIPがお送りします：2010/12/12(日) 01:39:24.00ID:o7dMG54E0 長時間駆動 4：以下、名無しにかわりましてVIPがお送りします：2010/12/12(日) 01:41:52.06ID:lqxPTqR40 エミュ エロ エートック （ATOK） 3エといわれてる 以下、名無しにかわりましてVIPがお送りします：2010/12/12(日) 01:43:08.

仮想化技術を活用して、古くなったサーバーを統合したり、新しいサーバー環境を構築したりすることは、ごく当たり前になってきた。しかし、仮想化環境の設計、構築についてのノウハウは、広く広まっているとは言えないのが実情だろう。本連載では、仮想化専門コンサルタントが実務で培った設計、構築のノウハウを、これから仮想化に取り組むエンジニアにも分かりやすく解説していく。 第1回の今回は、仮想化技術のメリットとデメリットについて解説する。 なぜメリットとデメリットを検討するのか 仮想化技術が広がり始めたばかりのころは「仮想化技術には、一体どのようなメリットとデメリットがあるのか」ということを、よく質問された。そのころに比べると現在では、仮想化技術のメリットとデメリットが知られるようになってきたと言える。しかし、注意しなければならないのは、メリットやデメリットというのは相対的なものであり、対象となるシステムに

Firefoxのタブをチューンアップするアドオンといえば「TabMixPlus」が定番だが、Firefoxを重くすることでも知られている。Firefoxを軽い状態にキープしたままタブを自分好みにカスタマイズしたいなら「Tabberwocky」を利用しよう。 TabberwockyはFirefoxのタブ機能を拡張するアドオン。TabMixPlusほど詳細な設定に対応しているわけではないが、TabMixPlusよりもずっと軽い。TabMixPlusのユーザーでFirefoxが重くて困っている人は、Tabberwockyと入れ替えればマシになるだろう。 今回はTabberwockyを使って「タブの多段表示化」と「未読タブの強調表示」を設定する方法を紹介しよう。 ■ Firefoxのタブをチューンアップ Tabberwockyをインストールしよう。インストール方法は普通のアドオンと同じだ Fir

Firefoxを長期間使っていると動作が重くなってくる。「Vacuum Places Improved」でバキュームしてデータベースを最適化し、当初の速度を回復させよう。ワンクリックでバキュームを実行できるほか、自動バキュームの設定も行えるぞ。 Firefoxの「places.sqlite」には履歴やブックマーク情報が収納されている。このデータを最適化すれば、Firefoxの挙動を当初の軽さに戻すことができる。アドオン「Vacuum Places Improved」でバキュームが定期的に実行されるように設定しておこう。 ■ 重くなったFirefoxのデータベースをリフレッシュ 「Vacuum Places Improved」をインストール後、「ツール」→「Placesを掃除」をクリックしよう 画面右下にポップアップでバキュームの完了が表示される ツールバーを使わなくても、Firefoxの

このドメインを購入する。 gkbr.me 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

■編集元：ソフトウェア板より「ファイルバックアップ比較お勧め総合スレッド Part6」 1 名無しさん＠お腹いっぱい。 :2010/03/04(木) 16:17:12 ID:kpVMzmE70 ファイルバックアップについて語るスレッドです。 前スレ ファイルバックアップ比較お勧め総合スレッド Part5 http://pc12.2ch.net/test/read.cgi/software/1231707102/-100 イメージでのバックアップに関しては、以下のスレでどうぞ ▲▽バックアップソフト徹底比較スレ△▼ No.13 http://pc11.2ch.net/test/read.cgi/software/1225206470/ 名無しさん＠お腹いっぱい。 :2010/03/04(木) 16:17:26 ID:kpVMzmE70 市販、シェア ・B's ラク～だ！

ホーム / アプリ / 『gReader (Google Reader | RSS)』～Google Readerを好みにカスタマイズ！～

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。 HTML 3カラムの例です。カラムの数にあわせて、div要素を配置します。 <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back

最近リリースされた高品質なフリーのデザインフォントを紹介します。 HERO 個人・商用利用無料。 ROKE1984 個人・商用利用無料。 Spatha Serif 個人・商用利用無料。 [ad#ad-

商用でも無料で利用できる、ひらがな・カタカナ・英数字・記号、JIS第二水準漢字、シフトIBM拡張漢字を収録した日本語フォントを紹介します。 たぬきフォント たぬき油性マジックフォントのダウンロードページ [ad#ad-2] 先日「漢字も使える手書き風の日本語フォントのまとめ」を記事にした際に作者様から紹介をいただいたもので、普通紙に油性極太マジックで一文字一文字手書きして作成した渾身のフォントとのことです。 これから年賀状を準備する人は、宛先に使うのもよさそうですね。

RubyDropはRuby製のオープンソース・ソフトウェア。個人的にDropboxはとても便利に使っている。これなしの生活は考えられないくらい便利だ。有料であれば50GBまで使えるが、無料版の2GBでは物足りないと感じる人も多いだろう。だがお金は払いたくないという人もいるだろう。 サーバ起動中 そこで考えたいのが自分だけのDropbox構築だ。重要なのは自動的に同期されるシステムであること、バージョン管理されること、複数のコンピュータ間でデータが同じ状態に保てることだろう。それらを実現するのがRubyDropだ。 RubyDropはRuby1.9系で動作するソフトウェアだ。簡単に言えば、特定のフォルダに関してRubyDropが監視を行う。そして変更があると内容をリモートのGitリポジトリにアップデートする。Gitリポジトリ側で変更があれば、Pullする仕組みだ。 自動的に同期されている G

Egg-On-Egg Corporationのリチャードさんから、AIRアプリケーションの自薦がありましたので紹介します。 シンクロニシティ:GMail アドレス帳 エディタ(ダウンロード) GMail アドレス帳の編集ソフトで、厄介な写真登録もカンタンにできるそうです（こちらでは動作未確認です）。 GMailとシンクロさせている端末(iPhon/iPad/Android/Blaskberry/etc)を持っているなら、編集結果が各端末で共有できて、とても便利だそうです。 全文を読む...

大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワ

今年（2010年）は、日本でも技術系コミュニティのAdvent Calendarが流行していますね。 PHP関連だとCakePHP（明日書きます！）やSymfony、OpenPNEなどはあるのですが、PHP単体が無かったので作ってみました。 PHP Advent Calendar jp 2010 Advent Calendarについては、下記リンクが詳しいです。これを書いている段階では、まだ参加枠があるので、どんどん参加して下さい。みんなのちょっとしたPHPネタを書いていきましょう！ 技術系Advent Calendarについて 他の Advent Calendar というわけで、まず初回（12/2に始めたので、Day1は空席で）のネタは、最近自分の中で流行中のPHPのシリアライズデータ（serialize()/unserialize()）について。 シリアライズデータのデータ型 Cake

トップ > GXEB > GXEB（画像×エンジニアリング勉強会）がめちゃくちゃ面白いどころじゃなかった いしたにまさきの新刊：HONDA、もうひとつのテクノロジー　～インターナビ×ビッグデータ×IoT×震災～　01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー　02　～インターナビ×GPS×ラウンドアバウト～　運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー　03　～インターナビ×災害情報×グッドデザイン大賞～　通行実績情報マップがライフラインになった日 2010.11.29 画像×エンジニアリング勉強会（なんでも半分は抽選外れたらしい）に、先週末参加してきました。 リンク: 画像 × エンジニアリング勉強会やります - 海老かつ日記. 事前に予告された通り！ リンク: 画像 × エンジニアリング勉強会(GXEB)でグラビアアイドルについて発表

全てのプログラマが読むべき本 まとめ は、2010 年 11 月 23 日に投稿された 全てのプログラマが読むべき本ベスト10冊 - とみー を発端とする、多くの技術者（ソフトウェアエンジニア） が「全てのプログラマが読むべき本」や「プログラマにおすすめする良書」と言うテーマで執筆した記事の中から、 プログラミングやソフトウェア開発に役立つ推薦書籍を集計してランキング形式でまとめた Web サイトです。 独学でプログラミングを勉強しようと考えている初心者、初学者等が、書籍を選ぶ際の参考としてご利用下さい。 尚、上記期の間以外に公開された記事でも、同様の趣旨で執筆されたものについては集計の対象としています。

サイトやブログ作り・デザインを考えている時に参考になる記事や影響力の大きいブログやサイトをまとめてみました。 IT関係やデザイナーは絶対に読むべきブログ・サイト 僕も多分、皆さんもお世話になっている方も多いと思いますが 改めて、僕がよく参考にしたり、楽しませてもらったりしているブログやサイトをまとめてみました。 2つのブログを追加させてもらいました。 「ホームページを作る人のネタ帳」さん jQueryやWebデザインと様々な幅の広い話題で毎日を飽きさせてくれないブログです。 なにより、多くの人から愛されているブログだと感じます。 「photoshop vip」 Photoshopのチュートリアルなどを豊富に紹介しています。 Webデザイナー関係の人は、ぜひ見ましょう。 「コリス」さん フリーな素材からJavascriptやCSSなど紹介しています。 更新頻度ま高いので必見です!!! 「We

昨夜、突如としてあのNozbeが日本語化された。新機能を追加するたびにユーザー宛に届くマイケルCEOからの自慢げなメールがまだ来ていないということは、ベーター版、いやアルファー版の色合いが強いのかな？ なんにしても、Nozbeは拙著『iPhone×iPad クリエイティブ仕事術』の中心を占める重要なサービスだけに、やっぱりうれしい限りです。というわけで、やや地味に盛り上がりながら、今日はNozbeを便利に使うためのTips＆Tricksをお届けしたいと思います！ NozbeはいわゆるToDo管理やタスク管理と呼ばれるサービスの1つだね。最大の特徴はGTDとものすごく親和性が高いということ。日本語版のトップページにデカデカと「GTDをカンタンに！」と書かれているのを見ても、彼らがいかにGTDを意識してこのサービスを創ったかがわかるよね。 さらに、オレがもっとも気に入っているのは、Everno

ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、各ポイントを意訳したものです。 (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i

今日は2010年度版のフリーソフトまとめ です。今年、ブックマークした無料のソフト を整理しました。結局残ったのは16個と まとめ記事がいくつか。折角整理しました のでついでにまとめてご紹介してみます。 かなり主観が入っていますので内容は 偏っていると思います。 という訳で、2010年度版・無料でDL出来る素敵なソフトのまとめです。試してみて凄いなーと思ったもの、まだ試していないものなど混在していますがご了承下さい。 日本語で紹介してくれている記事にリンクしていますので詳細はそちらでご確認下さい。 順不同です。 【追記・当方WinユーザーでMac持ってないです。このまとめもそんな感じです】 複数のパソコンで簡単にiTunesを同期できる『MediaRover』 これはなかなか便利そう。試す機会がまだ無いので試していませんが、いつかテストしてみたいです。 複数のパソコンで簡単にiTunesを

FacebookのPhotoは、Web上の最大の写真共有サービスであり、二位以下を大きく引き離している。人気の理由の一つが、フレンドの名前と、その人が写っている写真を結びつけるタグの機能だ。Facebookによれば、写真のタグは1日に1億作られている。びっくりするような数字だが、でもタグ付けはけっこう面倒くさい。そして今日（米国時間12/15）は、それを楽にしてくれるような機能が登場してきた。 10月にFacebookは、写真中の顔を検出する新しい機能を立ち上げた。同じアルバム内の複数の写真にある人が写っていると、Facebookはそれをグループとしてまとめ、その人の名前をユーザに尋ねる。それによって、その複数の写真に一度でタグが付く。そしてその機能が今回改善され、顔を自動的に認識して、フレンドの写真などに基づいてそれが誰かを推測する。 しかし、”顔認識”とかけてFacebookと解く、そ

「Visual LightBox」は数回のクリックでLightbox（一度開くと閉じるまで他の操作をできなくするタイプのダイアログボックス「モーダル・ダイアログ」を使って大きいイメージを表示するためのJavaScriptアプリケーション）スタイルのフォトギャラリーを簡単に作ることができるソフトウェアです。 わかりやすくシンプルなユーザーインターフェイスと、ドラッグ＆ドロップでウインドウの中へ写真を追加できるなどの直感的な操作が特徴で、WindowsとMacに対応したソフトウェアとなっています。なお、日本語化も可能です。 使い方などの詳細は以下から。 Visual Lightbox JS: Free Visual Generator for Lightbox 2 Script for jQuery or Prototype. jQuery Lightbox. http://visual

こんにちは、EDGE担当の櫛井です。 社外勉強会などで発表しておりました 「画像のサムネイルを動的生成できるApacheモジュール」 をGoogleCode上で公開いたしました。名前は SMALL LIGHT といいます。 一般的にwebサービス側で画像の処理を行う際は、画像がアップロードされたときに 非同期に裏側で何種類かのサムネイル処理をしておくなど「事前に」生成しておくことが 多いのですが、SMALL LIGHTを導入すれば事前に「どのようなサイズのサムネイルを生成するか」 をURL内に記述しておくことで、そのURLにアクセスされた時点で指定のサイズに変換された 画像を表示することが出来るようになります。画像容量でお悩みの方は是非ご利用ください。 また、あまり必要じゃないかも知れませんが画像にエフェクトをかける機能もつけておきました。 ・枠をつける ・ぼかす ・くっきりさせる ・切り

2010年12月26日11:03 Git まだ使っていない人にこれだけは伝えたいgitの便利機能 ということで、今更ですけど git は便利ですね〜。もう subversion には戻れません。気が向いたので、個人的に気に入っていることをちょっと書いてみます。 1) 直前のコミットに対して、コミットし忘れたものを追加できる よくありがちなパターンですね。一通りコミットしたあとに「あっ！○○をコミットし忘れた！」とか、「××を一カ所修正し忘れていた」みたいなことってあると思います。subversion だとそういうのでコミットが増えて履歴が汚くなってしまうものですが、git だと簡単に直前のコミットに忘れてたものを追加して隠蔽(笑)することが可能です。 例えば hoge というファイルをコミットし忘れた場合を考えてみます。 $ touch hoge fuga foo $ git add fu

Thank you for being patient. We are doing some work on the site and will be back shortly.

CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-

Firefox にて、ディレクトリを指す chrome URL から、そのディレクトリ以下の全ファイルの URL を返すサンプルコードを書きました。 ChromeFiles.get("chrome://browser/content/"); /* => [ "chrome://browser/content/NetworkPanel.xhtml", * "chrome://browser/content/aboutDialog.css", * ..., * "chrome://browser/content/browser.css", * "chrome://browser/content/browser.js", * "chrome://browser/content/browser.xul", * ... ] */ 特徴として、実際のファイルが (.jar または .xpi に) パッ

Site、Files、Databases、Reportsの4つのワークスペースを切り替えるシンプルなインターフェイス 米Microsoftは1月13日(現地時間)、Web開発ツール「WebMatrix」の提供を開始した。Webサイトの構築、管理、公開まで、あらゆる開発作業に必要な機能を兼ね備えたシンプルな無償ツールだ。Webサイトを気軽にすばやく開発できる効率的な環境であり、また入門者に適したツールでもある。 WebMatrixは、プログラミングフレームワーク、Webサーバー、データベースが1つの統合型エクスペリエンスにまとめられているのが大きな特長。Web開発の基本的な作業をこなすために複数のツールを使い分ける必要はなく、デスクトップ上で開発環境から実稼働環境へシームレスに移行できる。 手軽にWebサイト構築を進められるようにテンプレートと、DotNetNuke、Umbraco、Word

サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」 2011年01月20日- Embedded Help System サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」。 これはかなり便利かもしれません。クリックすると、その場でマウスポインタが現れ、アニメーションと吹き出しでサイトの使い方を教えてくれちゃいます。 普通は、こうして次にああして、と文書での説明になりますが、これだとビジュアルに視覚的に分かるということで非常に分かりやすいものが作れますね。 デモページで左カラムの「How to...」の下にあるメニューをクリックで確認してみましょう。 更に、アニメーションだけではなく、ＵＩの上に、[ 1 ] [ 2 ] [

複数のコンテンツをサムネイルで配置し、ローテーションで打ち出しエリアに拡大表示するフィチャーボックスを実装するチュートリアルを紹介します。 Rotating Feature Boxes デモページ [ad#ad-2] デモでは右側に配置されたサムネイルのコンテンツをクリックすると、打ち出しエリアにアニメーションでスライド移動して、全文が表示されます。 ※アニメーションはCSS3で実装されているためChrome, Safariのみで、非対応ブラウザはアニメーション無しです。 デモページ 2番をクリックして、2番が打ち出しエリアに。 [ad#ad-2] ローテーションするフィチャーボックスの実装 HTML 3つのコンテンツはdiv要素で実装されており、それぞれidとclassを付与し、全部をdiv要素で内包します。 <div id="rotator"> <div id="block-1" cl

ブラウザのスタイルを初期化するCSS Resetのスタイルシートとドキュメントをまとめたポータルサイトを紹介します。 CSS Reset.com [ad#ad-2] 現在、登録されているCSS Resetは下記の7つです。 Eric Meyer's "Reset CSS" Eric Meyer's "Reset CSS"のドキュメント HTML5 Doctor CSS Reset TML5 Doctor CSS Resetのドキュメントメント Yahoo! CSS Reset (YUI 3) YUI 3のドキュメント Vanilla CSS Un-Reset Vanilla CSS Un-Resetのドキュメント Tripoli CSS Reset – David Hellsing Tripoli CSS Resetのドキュメント 'undohtml.css' – Tantek Celik

Javascript has already taken the world by surprise with its endless and unmatchable possibilities in scripting web-pages. Apart from being very light weight, Javascript also enables the web developers to show their artistry and sense of creativity in their work. Below are discussed 5 such vibrant and magic-filled websites developed and designed with Javascript. So just sit back, relax and treat yo

一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文：http://blog.whatwg.org/faq/ （2011 年 1 月 21 日版） 翻訳日：2011/01/25 最終更新日：2011/01/25 概要 WHATWGが公開しているHTML5のFAQです。HTML5の目的や存在意義といった大枠の話から、要素の記述方法といった細かい話まで、さまざまな方面

いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか：「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微

Webのエンジニアにはどういうスキルが一番必要か？という話を考えてみた。 例えば、C言語やUnixの経験が長く、オブジェクト指向も理解していたとしたら、PHPから始まり、Rubyなどの理解は決して難しくないだろう。 では、それだけの経験で一線級のWebエンジニアとしての信頼が置けるかというと、ちょっと違うような気がする。 考え方のベースは、 「Webは、要するにテキスト処理であることが多い。だから難しい」 ほとんどの事がHTTPプロトコルを通じてテキストデータとして情報が、なんのネットワークの制約もなく流通する。つまり、HTTPヘッダを含むテキストの操作でセキュリティホールを作り、それが世界のどこから攻撃されるかわからない。 また、 同様に世界中からアクセスが集まることがありうるので、回りくどいテーブル設計をしてしまうと、あっというまに破綻してしまうこともある。 そして、 基本的にマルチア

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 この章で

画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック（スクリプトオフ時）が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>

【2011シーズン始動！ニューカマー・レコメンド】気骨のファイター：河合竜二（横浜FM→札幌）（11.02.04） ★2011シーズン始動！ニューカマー・レコメンド ---------- 速さや巧さでアピールする選手が大半の中、気持ちの強さが心に響くプレーヤーは数少ない。好漢・河合竜二。攻め込まれ追い込まれる状況でも、怯むことなく相手オフェンスに食らいつく。一度で止められなければ、二度、三度。ドリブル突破の壁となり、届きそうもないパスにも懸命に足を投げ出す。彼の奮闘が、流れを引き寄せた試合は少なくなかった。 横浜Ｆ・マリノスでは、技術をスピリットで補うタイプが、意外にレギュラーを奪って活躍している。テクニカルな計算の前に身をさらして窮地を救ってやろうとする献身。そんな男気が、ポテンシャルに定評ある集団にあって、格好のスパイスとなるのだ。 河合は、その代表格。2003年にチームの一員

僕がWordPressを勉強するのに普段 から見ているブログやWebサイトが あったら教えてほしいとお問い合わせ を頂いたので記事にしてみます。僕自 身、大した技術も知識も無いのでさほ ど参考になるとは思えませんが、一人 にでも役に立てたら幸いです。 そういうわけで普段からWordPressの情報収集に利用させて頂いているブログやWebサイトのまとめ。 多くの場合はテーマのカスタマイズの際に情報を探すのでそういった情報を配信してくれるサイトをご紹介します。存在自体は沢山ありますが、個人的に相性の良いサイトに絞っています。順不同。 WPBeginner ブログ名に反して、かなり濃い情報を得られます。チュートリアル記事あり、まとめ記事ありと、コンテンツバランスも良く、僕もかなりお世話になっています。記事は上部メニューの「Sections」からお探しください。 WPBeginner CatsWh

IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラｰビリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用

moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の

新しいことを勉強して、久々に心底感動しました。 Facebookである方が「もうすぐCodeIgniterカンファレンスが開催される」といったつぶやきをしているのを拝見し、この時初めてその存在を知りました。。 PHPのフレームワークで、習得が早く、動作速度が爆速だということだったので、ちょっと触ってみるかとダウンロードしてドキュメントを読みながら Hello World!を作ってみる。すると・・・ こ・・これはすごい・・ なにがすごいって、これまで私は「CakePHP」を超愛用していました。CakePHPは、もちろんそのほとんどがすごくいいのですが、若干だけ不満があったのです。しかし、codeIgniterではCakePHPの好きなところはそのままに、不満が全部吹っ飛んでいたのです。 では、その全貌をご覧入れましょう。 モデル・ビューが不要 CakePHPもcodeIgniterも、MV