Flightradar24 is the best live flight tracker that shows air traffic in real time. Best coverage and cool features!
PHPカンファレンス2012@東京 ( http://www.ustream.tv/recorded/25414614 )
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切
OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。 Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使えるのがOpauthです。 デモです。 Facebook認証です。 問題なく認証できました。各種データも取得できているのが分かります。 こちらはGoogle認証です。 こちらもユーザプロフィール含めて取得できています。 最後はTwitterです。 はい、問題ありません! OpauthはRubyの認証ライブラリOmniauthにインスパイアされて作られており、認証部分を抽象化することでプロバイダーを切り替えて容易に様々なサービスに対応できるようになっています。技術的にはOpe
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません(実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……)。今後もう少し機能が追加されて
IE6,7,8,9, Firefox, Google Chrome, iPhone, iPadで動く!(たぶんAndroidも) このシステムは非常に奇妙なアーキテクチャで、いろんなプラットフォームで動きます。 プラットフォームごとに動作モデルが異なります。(ここが奇妙な点です。) IE6,7,8,9で動かす場合 PCローカルにHTMLファイルをダウンロードして、それをIEで開いてください。 (セキュリティレベルを下げる必要があるかもしれません。自己責任でお願いします。) IEでの動作モデルは前作 JSWikiMini と同じです。 データはテキストファイルとしてPC内に保存されます。 USBメモリや共有フォルダに置いて使うこともできます。 (逆に、Webサーバ上に置いた場合は使えません) windows環境では、一種のネイティブアプリとして振る舞います。 この仕組みはActiveXObj
ますだっくすさんが curlのエントリ書いてたのでおいらも1つだけ追記しませう。 Webサイトのボトルネック調査 あるサイトでアクセスが遅いなぁ、って話になったときにまず当たりをつけるために遅い部分を調べたい。 って時のcurlの使い方。 実際の手順 基本的には、前述のますだっく(@masudak)さんの、「その3. レスポンスの出力を加工する」であるのですが、詳細な項目を設定することで問題の切り分けにも使用できます。 出力フォーマット用のファイル。 cat <<'EOF' >/tmp/curl_env.txt url_effective\t\t: %{url_effective}\n http_code\t\t: %{http_code}\n http_connect\t\t: %{http_connect}\n time_total\t\t: %{time_total}\n time_
ヤフーは4月中旬から「Yahoo! JAPAN」の主要サービスとFacebookの連携を開始した。Facebookとの連携は4月17日から徐々に開始し、4月24日には「Yahoo!ニュース」「GyaO!」「Yahoo!ショッピング」「Yahoo!オークション」などをFacebookに連携させる予定で、約1週間で14サービスが連携する見込みだ。 連携する機能はサービスごとに異なり、たとえばYahoo!ニュースには「いいね!」ボタンとコメントボックスが、Yahoo!ショッピングとYahoo!オークションには「いいね!」ボタンが設置される。 ヤフーによれば、今後も30~35のYahoo! JAPANのサービスがFacebookと連携する予定。「これからも“爆速”で対応していく」(ヤフー広報)。
Lavishは任意の画像を解析してカラーパターンを抽出し、それをBootstrapに適用するソフトウェアです。 Bootstrapは便利なデザインフレームワークですが、色のバランスが特徴的なのでかなり臭いが残ってしまいます。そこで色合いをがらっと変える際に使ってみたいのがLavishです。 トップページです。右側に画像が表示されていますが、その画像を色分析して特徴的な色をピックアップ、Bootstrapのテーマに合わせています。 別な画像を指定してみました。ぐっと色合いが変化しているのが分かります。 こんな色合いも。 ちょっと落ち着いた感じ。 Googleロゴで試してみました。あまりらしくないかな? Lavishは画像をベースにカラーテーマを設定してくれます。気に入った写真からWebサイトのデザインを決めるというのはなかなかユニークです。取り込んだ後、個別に調整もできるので色々試してみると
ちょっと気が早いですが、そろそろGWの計画を立てたい時期。GWみたいなまとまった休みにやりたいことの一つが以下。 Web漫画を読む! 先日話題になってた裏サンデーもWeb漫画作家さん主体で、いよいよ4/18から開始される予定ですね。 てことで、これから熱くなってきそうなWeb漫画ですが、一年前に整理した以下の内容を整理しつつ、新たなWeb漫画を追加したりしてみました。 GWだからこそiPadで読みたいWeb漫画を100選してみました オススメWeb漫画リスト まずは個人的に面白かった漫画から。 ワンパンマン戯画バイト読解アヘン真実の魔法少女発狂するエラーのび太の人類補完計画「震災7日間」/「槻月 沙江」の漫画 [pixiv]DUDS HUNT オーシャンまなぶ(伝説のきりかぶ) ヒトクイWeb漫画 胎界主toyblog:ドラゴンボールAF漫画ENOKIX(琴浦さん漫画) by enoki
ソーシャルファッションコーディネートの「iQON(アイコン)」が好調だ。iQONは、ECサイトなどで販売されているファッションアイテムの画像を組み合わせて、オリジナルのコーディネートを作成できるサービス。iOS向けにアプリをリリースした後、ウェブ版では1年半かかった1万のコーディネートをわずか2週間で達成。投稿数も20倍に跳ね上がり、月間のユニーク訪問者数も100万を超えた。 急速に成長を始めたiQONはどうやってスタートし、どのようなゴールを目指しているのか――同サービスを運営するVASILYの創業者であり、代表取締役兼最高経営責任者(CEO)の金山裕樹氏に話を聞いた。 --iQONのiOSアプリが好調です。 iOS版のアプリをリリースするまでは参加者が増えていることは実感してましたが、なかなかページビュー(PV)やユニーク訪問者数に反映されませんでした。2011年末に当初計画してた数%
「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック その...他...全10件
既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。(「意味」って言っちゃうと語弊がありますよ)
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く