CSS3で影をつける際に役立つ、ドロップシャドウバリエーションいろいろCreating Different CSS3 ... / CSS drop-shadows without... / 12 Fun CSS Text Shadows ...他...全3件
Internet Explorer 10 の quirks モードは今までの quirks モードではない
Internet Explorer 10 Compatibility Cookbook http://msdn.microsoft.com/library/hh801219.aspx Internet Explorer 10 では Web 標準への準拠や他のブラウザーとの相互運用性の向上が Internet Explorer 9 以上に強化されています。これは Web 全体の進化と将来的なユーザー利益には問題なく大きな前進ですが、その反面、古いバージョンの Internet Explorer の挙動に依存していた Web サイトや Web アプリケーションでは、深刻な互換性の問題が生じる可能性もあるという事です。 その中でも注意すべきだと考えているのが、Quirks モードの動作の変更です。 Internet Explorer における quirks モードは、Internet Explo
ゲームから立ち返る利用者のためのデザイン
ゲーム要素がゲーミフィケーションではない 2012年3月24日に Android Bazaar Conference 2012 Spring が開催されました。今まで Android コミュニティとの接点がもてなかったので、今回のようなビックイベントで講演できるのは、またとないチャンスだと思いました。 今回は「人間中心遊戯設計」と題して人に注目したゲームデザインの取り入れ方について話をしました。ゲーム、特にオンラインゲームは私の得意分野。オンラインゲームとデザインに関する話題は 2006 年から取り上げていますし、講演でも何度か取り上げています。 昨年から日本でも頻繁に耳にするようになったゲーミフィケーション。Oxford Dictionary にも定義が書かれてるので、造語というよりかは、ひとつ確立した言葉になってきているのではないでしょうか。昨年末 BigDoor がゲーミフィケーショ
LESS.jsでブラウザ上からlessファイルの更新をwatchして変更を自動で反映する
LESSファイルの更新を監視＆反映 お手軽にLESSを使うときは、HTMLにLESS.jsを直接読み込んで、オンブラウザで実行すると便利です。リモートに仕込みをする必要もありませんし、ローカルでコンパイルしてからアップロードするといった手間からも解放されます。 そいで今回は、あまり知られていない（と思われる）ブラウザ上のLESS.jsでlessファイルの更新をwatchする方法について。 後日の追記 以下に色々書いてありますが、lessファイルにLast-Modifiedヘッダが付いてるとwatchしても、developmentでもlocalStorageにキャッシュされたり、XHR監視されても反映されなかったりうまく動かない。 nginxであれば、例えばadd_header Last-Modified "";等の記述を加える必要が。HTTPヘッダ関わらず、フロント側のみで、ちゃんと適用さ
Apache 2.4.1のmod_luaでApacheに介入する（mod_rewriteの終焉？）
人間とウェブの未来（旧） 「ウェブの歴史は人類の歴史の繰り返し」という観点から色々勉強しています。2014年までの人間とウェブの未来の旧ブログです。 といいつつも、そこまで大したことはしていない。 luaという高速に動作する組み込み系のスクリプト言語で遊んでみたかったのと、それだったmod_luaで遊んでみればいいなと思っただけである。で、実際にmod_luaをコンパイルして遊んでみた。コンパイルオプションは以下。 ./configure --prefix=/usr/local/apache2.4 --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --enable-modules=all --enable-mods-shared=all --enable-mpms-shared='prefork worker event' -
nginxの優雅な再起動 « NAVER Engineers' Blog
こんにちは開発チームの崔珉秀と申します。 今回はnginxというウェブサーバーについて話をさせて頂きます。 nginxは最近数年の間けっこう人気が高くなっています。特によく使われているApacheやLighttpdなどのウェブサーバーと性能の面で比較することがよくありまして、優れた性能で単純なstaticファイルを転送するウェブサーバーからCGIサーバー、reverse proxyサーバーなどの様々なウェブリクエスト処理に関わる分野で導入されています。 今日はnginxの性能の比較よりもサーバーの開発者(nginx module)もしくはサーバーの運営者としてのnginxにある仕組の中で一つを紹介したいと存じます。 サーバーの開発や運営をする場合ロジックや設定などの変更により配布の後、サーバーを再起動することがあります。 その再起動の時にウェブサービスとしてリクエストの処理を続けなが
WebサイトをiPhone,iPadのホーム画面に追加したときに表示されるショートカットアイコンの作り方＆指定方法
まぁ、「これ以上大きくてもおｋ」とは書いてありますが、iPhoneに表示されるアイコンのサイズは決まっておりますので114×114pxで作成するのが無難でしょう。 画像が用意できたらアップロード、そしてheadタグ内に [html]<link rel="apple-touch-icon" href="画像パス" /> [/html] を追加します。 これだけ。 ちなみに、「apple-touch-icon」の部分を「apple-touch-icon-precomposed」とすると、iPhoneアイコン特有のつや出し効果を拒否することもできます。（角丸効果は防げません） Webサイトのホーム画面への追加方法 さて、早速アイコンを設定した自分のブログをiPhoneでホーム画面に設定してみました。 ホーム画面にショートカットを追加したいページをSafariで開いて下部真ん中のアイコンをタップ。
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
Posted: 2011.06.20 / Category: javascript / Tag: Ajax, HTML5 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
Ajaxコンテンツを検索エンジン(Google)にクロール・インデックスさせる方法
[対象: 上級] Ajax利用したコンテンツをGoogleにクロール可能・インデックス可能にさせるための設定方法を今日は取り上げます。 すでにAjaxを理解している人向けなのと自分へのメモを兼ねているのでAjaxに対する細かな説明や用語解説は省きます。 「#」（ハッシュ）がURLに含まれている場合、#以下のURLをGoogleを含む検索エンジンはインデックスしません。 A. http://www.suzukikenichi.com/ajax.html#abc B. http://www.suzukikenichi.com/ajax.html#xyz 上のAとBはどちらも、http://www.suzukikenichi.com/ajax.html というURLをクロールしてインデックスするだけです。 #付きのURLをインデックスすることはありません（終わりに補足説明あり）。 Ajaxでは、
38 Useful and Effective jQuery Plugins for Responsive Web Design - Designbeep
If you are familiar with web design for the last 12 months or more then you might just heard of responsive web design.Well,responsive web design or mobile friendly web design is basically the concept of building a website that allows the layout and elements adapt itself according to the device people are viewing. In today’s post we have gathered jQuery plugins for responsive web design.I know you
WordPress on Amazon S3 - サーバーワークスエンジニアブログ
こんにちは、CSチームの坂本です。 MovableTypeでは静的なHTMLページを生成する機能がありますが、WordPressの場合はデフォルトではそういった機能はありません。 WordPressでも静的なHTMLページを生成できれば、信頼性の高いS3を利用することができると思い方法を調べてみました。 その結果「Really Static」というWordPressのプラグインの利用で静的なHTMLページの生成が可能でしたので、今回は「Really Static」を利用してEC2上のWordPressをS3で公開するまでの流れを説明したいと思います。 ▼ S3で公開したWordPressのトップページ 今回利用したプラグインとプログラム Really StaticMovableTypeのように、静的なHTMLページを生成してくれるWordPressのプラグイン S3Sync.rbEC2から
Wind Map
An invisible, ancient source of energy surrounds us—energy that powered the first explorations of the world, and that may be a key to the future. This map shows you the delicate tracery of wind flowing over the US. Wind map prints are available from Point.B Studio. Read more about wind and about wind power. The wind map is a personal art project, not associated with any company. We've done our bes
15 Stunning jQuery Lightbox Plug-ins for Your Upcoming Designs
15 Stunning jQuery Lightbox Plug-ins for Your Upcoming Designs If you see a website built on jQuery using images, they must have played with a lightbox in that context. That’s the power of the lightbox, it can transform any simple image library into an attractive and effective gallery. It’s an important and popular contribution from the jQuery side to the design community. Thanks to the awesome jQ
HTML5 (と関連WD) 更新 - fragmentary
もうWDだそうと思っても出せないんじゃないかなあ、と思ってたんだけど、(まあまあ)無事に出せたようです。 Ten HTML5 Drafts Updated The HTML Working Group has published ten updated working drafts: the HTML5 specification HTML5: Edition for Web Authors HTML5 differences from HTML4 HTML+RDFa 1.1 HTML Microdata HTML Canvas 2D Context HTML5: Techniques for providing useful text alternatives Polyglot Markup: HTML-Compatible XHTML Documents HTML to Platfor
レガシーからモダンまで。Webブラウザによって配信方法を変更する動画プレーヤ·FlareVideo MOONGIFT
FlareVideoはvideoタグ、Flash、動画のフォーマットをWebブラウザに合わせて変更する動画プレーヤです。 レガシー、モダンなWebブラウザ両方に対応した動画プレーヤがFlareVideoです。それぞれの環境に応じて適した配信設定を自動的に行ってくれます。 再生中です。 画面いっぱいまで広げられます。 フルスクリーンにも対応しています。 テーマも3種類用意されています。 FlareVideoはvideoタグ、Flashでの再生両方に対応しています。そのお陰でIE7から利用が可能です。さらにFirefoxの場合はOggになったり、SafariはMP4/MOVと選択ができます。テーマはデフォルトの他、Vimeo、Spotify風が用意されています。 FlareVideoはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
A Node in Nodes
日本通信がLTE対応SIM「カメレオンSIM」発表 - 対応無線LANルーターも提供