俺の CSS リセット: 2011 冬
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違
Webサイト制作の終わりと始まり
12月10日に年末好例のイベント CSS Nite Shift が開催されました。Webサイト制作に関わる様々なキーワードに触れながら1年を振り返るこのイベントも既に5回目。今年は「我々が知る世界の終わり（けど大丈夫）」と題し、Web に関わるプロフェッショナル達が、今後クライアントや利用者に向けてどのような価値を提供できるのかというテーマで話をしました。 Webサイトを作ることが目的になっていないか いつの間にか、公式サイトを作って公開することが当たり前になっている今日。CMS が広く導入されるようになってきた頃から、「とりあえず作る」という傾向が強くなった印象があります。システムを上手く活用すれば、コンテンツはあとで後で流し込めるので、コンテンツが揃う前に作れる（装飾をする）という考えが定着したのかもしれません。作ることが目的になっているからこそ、Web サイト制作における価値も作るた
W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」:phpspot開発日誌
W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」 2011年12月07日- W3Clove :: site-wide markup validation tool W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便利なサービスのご紹介です 最初にトップページのURLを入力すると、サイトをクロールしてくれるのでしばらく待ちます。 まっていると結果が次のように出ます。 OKなものはグリーンデ表示され、赤でエラー、オレンジで警告といった具合に分かりやすくW3C Validatorの結果が閲覧できます サイト全体で多く見られたエラーのサマリも見ることができ、どこを集中的に改善すればいいのかが分かりやすいです 関連エントリ スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」
Perl製のシンプルなWebステータスチェッカー·mojo-checkbot MOONGIFT
mojo-checkbotは指定したURL以下のリンクについてステータスをチェックしてくれるクローラーです。 特定サイト以下のURLについて順次チェックしてステータスを取得してくれる、それがmojo-checkbotです。Webサイト運用に活かしてみてください。 結果画面です。URLとタイトル、そのURLのステータスが一覧になって表示されます。 更新は随時行われます。次々流れていくのは面白いです。 結果行をクリックするとフローティングウィンドウで詳細が表示されます。 サーバを起動しています。デフォルトでは3000番ポートで立ち上がります。 開発環境におけるURLチェックに便利そうです。もちろん運用サーバでも時々実行しておくと思わぬリンク外れが見つかるかも知れません。なおアクセスはGETのみなので、それ以外のメソッドの時には使えないのでご注意ください。 mojo-checkbotはクッキーを
mojo-checkbotを作ってみてる！- jamadam weblog2
Mojolicious::Liteでウェブサイトのリンクチェックをするmojo-checkbotを作ってみてます。動作は恐ろしくノーチェックです。 $ mojo-checkbot.pl daemon --start http://example.com --match http://example.com/ [Mon Oct 17 23:18:35 2011] [info] Server listening (http://*:3000) Server available at http://127.0.0.1:3000. startオプションにURLを指定してdaemonを起動するとクロールが始まり、http://127.0.0.1:3000にブラウザでアクセスすると、チェックしたURLとそのステータスコードが表示されます。 matchオプションでURLを限定することができるので、とりあ
Mojoliciousにウェブ制作をデプロイする- jamadam weblog2
「ウェブアプリ開発」と「ウェブ制作」って別のジャンルなのかなあ。主に受託のコーポレートウェブ制作を生業にしていると流行りのウェブアプリケーションフレームワーク的なものにあまり馴染めない。まるで別世界の出来事のようだ。これって何となくURLディスパッチに対する発想の違いな気がしたので、Mojoliciousのディスパッチャを豪快に差し替えて、ウェブ制作を「デプロイ」できるようにした。apache風のディスパッチャをMojoliciousに登録する「MojoX::Tusu」。 リクエストパスはサーバーのディレクトリ階層を意味する。 テンプレートもstaticファイルもpublic_htmlに突っ込む。 server-parsedの対象は拡張子で決める。 apacheのDirectoryIndexに相当する機能。 apacheのErrorDocumentに相当する機能。 otherのread権限
どこでも活躍できるテンプレートエンジン「Mustache」 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 世にテンプレートエンジンは多くあれど、 これ程多くの場所で活躍出来るテンプレートエンジンはなさそうです。 本稿はそんなテンプレートエンジン「Mustache」の試用レビューです。 Mustacheについて {{ mustache }} “Mustache”というのは口ひげを指す言葉で、「ますたっしゅ」とか発音する様です。 テンプレートタグに使用されている「{」が口ひげに似てるので、そこらへんが由来っぽいです。 公式を見れば分かるとおり、Mustacheは1言語にとどまらず、 様々な言葉で開発されているテンプレートエンジンです。 知らない言語も入ってたりしますね…。 Available in Ruby, JavaScript, Python, Erlang, PHP, Perl, Go, Lua, ooc, C++, Action
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
ソースでわかるSixapart転落の歴史 - メガマウスの日記、自壊あるいは無差別テロに至る道筋
【重要発表】 シックス・アパートは2月1日に、新しい体制に生まれ変わります！ http://www.sixapart.jp/news/2011/01/21-1700.html 早い話が身売りである。WordPressなどの競合を排して独自に日本市場を切り開く体力も技術的優位もないのがはっきりしたということだろう。 日本におけるSixapartと僕らの愛すべきMovableTypeの命運が絶たれたことを記念して少しばかり回想をしよう。 00年代の前半。MovableType2.2が「ブログ」という聞き慣れない言葉とともに日本にそれとなく入ってきたとき、当時駆け出しだった私はもちろん、日本のWeb業界でMovableTypeに度肝を抜かれなかったものはいなかったと思う。 垢抜けたインターフェース 洗練されたCSSベースのデザインテーマ トラックバック、RSSといった後にWeb2.0と称される斬
iPhone/Android向けOSS開発ツールのAppceleratorがOSS IDEのAptanaを買収
米Appceleratorは米国時間2011年1月18日、米Aptanaを買収したと発表した。米AppceleratorはiPhoneやiPad、Androidおよびデスクトップ向けのアプリケーションを開発できる「Titanium」をオープンソースソフトウエア(OSS)として公開している。AptanaはOSS IDE（統合開発環境）の「Aptana Studio」を提供している。 「Titanium」は、JavaScriptやHTMLでiPhoneやiPad、Androidのネイティブアプリケーション、Windows、MacOS XおよびLinux向けのデスクトップアプリケーションを開発できるツール。Appceleratorによれば、10万人以上の開発者がTitaniumを利用しており、1万以上のアプリケーションが開発されているという。 「Aptana Studio」はHTML、CSS、J
「Webサービスにテーマソングを」「目指せ紅白歌合戦！」 WEBライダー、戦いの記録
「Webサービスにテーマソングを」「目指せ紅白歌合戦！」 WEBライダー、戦いの記録（1/2 ページ） NHK紅白歌合戦への出場を本気で目指しているネットベンチャーがある。京都市の「WEBライダー」だ。社長の松尾茂起さん（32）はSEOコンサルタント、作曲家、ピアニストと多彩な顔を持っており、これまで4曲を制作、発表してきた。 2009年リリースの「恋のSEO！」は、恋愛をSEO（検索エンジン最適化）になぞらえた曲で、「恋のリズムはアルゴリズムさっ♪」と、とにかくノリノリ。10年リリースの「私の心の中の関数」は、ラブソングでExcel関数を覚える斬新さなどが受け、ネットで話題になった。 Webサービスの受託開発やWebプランニングのほか、自社サービスも運営している。「歌の力でWebに集客したい。今年は自社サービス全部にテーマソングを付ける方針です！」――松尾さんは真剣だ。 「IT戦士」にラ
UIや拡張性が強化された「Drupal 7」リリース | OSDN Magazine
Drupal Associationは1月5日、オープンソースのコンテンツ管理システム（CMS）「Drupal 7」を公開した。管理インターフェイスを一新し、拡張性も強化されている。DrupalのWebサイトよりダウンロードできる。 Drupalは、さまざまな導入事例を持つオープンソースのCMS。ホワイトハウスやNASAのWebサイトなどでも利用されている。約2年半の開発期間を経てリリースされたDrupal 7は、1000人近い開発者が貢献しているという。使いやすさ、コンテンツの柔軟性、拡張性をテーマに新機能追加や機能強化が図られている。 Drupal 7の改善点として、管理ユーザーインターフェイスの大幅な強化が挙げられる。管理画面から直接モジュールやテーマを更新できるようになったほか、見栄えやテーマが改善された。コミュニティ内で立ち上がったプロジェクトDrupal 7 User Expe
SEOにも強いクローラブルなAJAXコンテンツを作成するために :: 5509
AJAXコンテンツが増えるにつれて問題になるのは、SEOというか、検索エンジンにどうクローリング、インデックスさせるのか、という点ですよね。 この前JavaScriptの実装を担当した松本クリニックは、AJAXでほぼ全てのページを切り替えるっていうのが最大のポイントなんですけど、これの良いところはWordPressで全てのページを生成してて、JSオンでもオフでも見られるんですね。つまり、クローラはオフのコンテンツを見るような作りにしてあります。 で、こういうのって小規模～中規模なサイトならまだいいと思いますけど、大規模なサイトになってきたりするとページは存在しないでデータだけが存在したりする（ハンドラにリクエストをかけてJSONだけを返してもらって内容を入れ替える、など・・・）わけで、実現が難しくなるんですね。 この問題に対してGoogleが現在公表している方法は、HTML snapsho
synaptrixgroup.com - synaptrixgroup リソースおよび情報
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.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3 - Information and samples - robertnyman.com
リンクチェッカー「mojo-checkbot」がv0.24になった- jamadam weblog2
http://ryosblog.net/6682
jQueryテンプレートエンジンを改良してみた- jamadam weblog2
jQuery Playground for Markup Engineers [BETA Edition]
マークアップエンジニアのためのjQuery Playgroundを作った- jamadam weblog2