タグ

2011年4月26日のブックマーク (90件)

  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
  • ついウトウトしてしまうあなたに 春の「眠気」をシャキッと解消する方法 - はてなブックマークニュース

    春はぽかぽかした陽気に誘われて、ついウトウトしてしまう季節です。会社や学校で、なかなか眠気が抜けないという人はいませんか?シャキッと気持ちを切り替えるためのヒントを集めました。 ■ 朝起きられないときは まずは「朝なかなか布団から抜け出せない…」というときの対処法です。 ▽ “ついつい二度寝”をやめるには?寒い朝でもスッキリ目覚める方法 - はてなニュース 朝起きるのが苦手という人は、“自分が起きられない原因”が何なのか考えてみましょう。「目覚ましを止めてまた寝てしまう」なら目覚ましはすぐ止められないように遠いところに置く、「朝寒くて起きられない」なら起きたい時間の少し前に部屋を暖めておく、というように、思い当たる原因を1つずつつぶしてみてください。「早起きしやすい環境」を整えましょう。 ■ 仕事中に眠くなったら? 仕事中や授業中など、大事な場面で眠気におそわれた場合はどうすればいいのでし

    ついウトウトしてしまうあなたに 春の「眠気」をシャキッと解消する方法 - はてなブックマークニュース
  • WordPress 初心者にも分かるデフォルトテーマ twentyten の functions.php を解体して学ぶ基本設定編

    WordPress の次世代デフォルトテーマを網羅するために解体しました。 ビジュアルエディタに StyleSheet を設定する ビジュアルエディター内に editor-style.css が適用されます。

  • 研究者マンガ「ハカセといふ生物」

    研究者マンガ「ハカセといふ生物」2012.2.3発売!! お馴染みの4コママンガの他、エッセイ・読み切りマンガなど盛りだくさん!! 論文形式になっていますので 「論文ってこんな感じなんだ~」 という雰囲気は体験できると思います(笑) マンガを楽しみたい人だけでなく ・博士になりたい学生 ・研究者ライフにあこがれている方 ・大学生・大学院生 ・ポスドク の方々にもおススメです! のサンプルはこちらからどうぞ! 只今各書店・通販サイトなどで絶賛発売中! 充実のフルカラー!!お楽しみに!! 研究者マンガ「ハカセといふ生物(いきもの)」 [単行(ソフトカバー)] 実 験太朗 (著), 立花 美月 (著) 内容紹介: 博士号をもっているのに、どこかさえない主人公・北大路君。 大学院を卒業し、研究所に・・・ ↓↓続きは以下からどうぞ!

    研究者マンガ「ハカセといふ生物」
  • 会社で新しくWebサービスを立ち上げる前に必ず考えないといけないこと。 │ モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高です。 今年は去年と違い、Webサービスを作る前にちゃんと考えてからやりましょう!というのが恥ずかしながら当社内でのスローガンのようになりつつあります。 今回はWebサービスを立ち上げる前に考えるべきことをまとめてみました。 これだけWebサービスがあふれている中で、今から画期的なサービスを作って売れるようになるのはすごく大変です。 ITで一攫千金というと、Webサービスを作ろうという発想に行きがちですが、みんなおんなじこと考えてますので一筋縄では行きません。 未だにスマッシュヒット出せていませんが、作っていくうちに考え方にも変化が出てきました。 量産することでWeb制作の受託案件を取ろうというのであれば、量産OKだと思いますが、Webサービスだけできちんと収益を取ろうと思ったら、よく考えないと、作ってみた

  • 基礎から分かる、Facebookアプリの作り方

    基礎から分かる、Facebookアプリの作り方:無料クラウドでできるFacebookアプリ開発入門(1)(1/5 ページ) FacebookでWeb開発者/デザイナは何ができるのか 「Facebook」とは、「全世界で5億人を超える」といわれているユーザーが参加しているSNS(ソーシャル・ネットワーキング・サービス)/ソーシャルネットワークです。2008年5月にはインターフェイスも日語化され、現在は日国内でも約700万人以上のユーザーが利用しているといわれています。 Web開発者/デザイナから見た場合、Facebookをアプリケーション・プラットフォームとして利用することで、さまざまな付加価値をユーザーに提供できます。 SNSをプラットフォームとする動きとしては、国内でも「mixi(ミクシィ)」「GREE(グリー)」「モバゲータウン」などが「OpenSocial」の仕様に沿って進んでい

    基礎から分かる、Facebookアプリの作り方
  • Microsoft、インストール不要無償のウィルススキャナを公開 | エンタープライズ | マイコミジャーナル

    Microsoftから無償のセキュリティスキャナツール「Microsoft Safety Scanner」が公開された。ウィルスやスパイウェアなど、悪意あるソフトウェアを検出したり削除する機能を提供する。32ビットおよび64ビットの双方の環境に対応。32ビット版で68MB強、64ビット版で70MB弱ほどのサイズ。 Windows 7 64ビット版で動作するMicrosoft Safety Scanner スキャンの種類として「クイックスキャン」「フルスキャン」「カスタムスキャン」を選択可能 Microsoft Safety Scannerにてスキャン中 ウィルスやスパイウェアなどが検出されなかった場合の表示 Windows XPにてMicrosoft Safety Scannerで実行した場合 ウィルスやスパイウェアなどが検出されなかった場合の表示 「Microsoft Safety Sc

  • iPad2の生産が止まる前に設備投資を | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 石原慎太郎東京都知事が東京上野公園での花見の自粛を呼びかけたことに、蓮舫節電啓発大臣が「権力による介入は好ましくないと」噛みつきました。東京ドームでのプロ野球ナイター開催に事実上の中止要請をした人の発言とは思えませんが、岩手県の酒蔵が「被災地岩手から『お花見』のお願い」と題したメッセージ動画をYouTubeに投稿したことも話題となり「反自粛論」も増えてきました。 過度な自粛は被災地域にとって好ましくありません。

    iPad2の生産が止まる前に設備投資を | 企業ホームページ運営の心得
  • スマホでダウンロードするアプリ、20代女性の6割が「ゲーム」

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    スマホでダウンロードするアプリ、20代女性の6割が「ゲーム」
  • 大容量データを効率よく送る--ファイル転送サービス9選 - CNET...

    メールに添付できない大容量のファイルを相手に送る際に重宝するのが、いわゆるファイル転送サービスだ。クラウド上にファイルをアップロードし、そのURLを相手にメールで通知する。メールを受け取った相手は指定されたURLにアクセスし、必要に応じてパスワードなどを入力してファイルをダウンロードするというものだ。メールサーバに負荷をかけることもなく、また都合のよい時に受け取れるというメリットがある。 こうしたファイル転送サービスとしては、国内での草分けにあたる「宅ふぁいる便」や「データ便」「firestorage」、有料サービスの無料プランとしてはリコーが運営する「quanp」などが有名だが、それ以外にもさまざまなサービスが存在する。マイナーながら息が長いサービスから、新顔のサービス、さらには海外のサービスまで、顔ぶれ豊かな9つのファイル転送サービスを紹介しよう。 複数のファイル転送サービスを使い分け

    大容量データを効率よく送る--ファイル転送サービス9選 - CNET...
  • サブディレクトリの検索順位の変動は激しい | パシのSEOブログ

    先日、「同一ドメイン内ページの検索順位とサブディレクトリ型の無料ブログ」と言う記事で、アメブロ内のブログの順位変動について述べましたが、その後も順位を観察していたところ、藤田氏のブログの順位が戻っていました。 Google Chromeでパーソナライズを無効にしてチェックしています。このブログはここが定位置だと思うのですが、なぜ圏外にすっ飛んでいたのでしょうか?アメブロ側で何か修正でもしたのでしょうかね。 ただ、気になるのは、この間2位にいた「別れさせ屋の社長ブログ」さんが、今度は圏外にすっ飛んでいます。やはり社長ブログの2位の順位は、それぞれのブログが評価されて獲得していた順位ではなく、ameblo.jpが評価されていたという事ですね。 元々は藤田氏のブログが獲得した順位なのですが、サブディレクトリ型のブログの場合、他のブログに順位を奪われる可能性があると言う事になります。でもなぜ2位

  • 日本語ドキュメント - Apple Developer

    語ドキュメント 日語に翻訳されたiOS/watchOS/tvOSのドキュメントです。 英語版の方が新しい場合がありますので、更新日を確認して下さい。 エンタープライズ環境での運用に関するドキュメントはこちらに移動しました。 App Store Connect ヘルプ タイトル 日付

  • 『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ

    中小企業がITを活用して売り上げにつなげるにはどうしたらいいか?WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者:中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン(以下iOS_HIG)」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き

    『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ
  • jQueryベースのWebフォームライブラリ「jFormer」

    WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta

    jQueryベースのWebフォームライブラリ「jFormer」
  • [JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js

    CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量(894bytes)のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左:ファイル名、右:スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ

  • Visual Studioユーザー必見! 最新Windowsインストーラー作成 再入門

    はじめに Visual Studioのユーザー様の多くは、作成したソフトを配布する際にVisual Studioに付属のインストーラー作成ツールを利用していると思います。 一方、インストーラー作成の専用ツールである「InstallShield」を使うと、Visual Studio付属のツールでは作成できない独自のアクションやユーザーインターフェイスなど、様々なカスタマイズが可能になります。 そこで稿では、InstallShieldとVisual Studioに付属しているインストーラー作成ツールを比較しつつ、InstallShieldを利用したインストーラー作成の基と特徴的な機能を紹介します。 対象読者 Visual Studioで開発を行っているユーザー インストーラー作成の自動化に興味のある開発者 InstallShieldを利用している方 「インストーラー作成ツール」とは Win

    Visual Studioユーザー必見! 最新Windowsインストーラー作成 再入門
  • YahooがGoogle化した後のアクセス数の変化 | パシのSEOブログ

    Yahooの検索エンジンが完全にGoogleに切り替わってから4ヶ月弱経過したわけですが、以前と比べアクセス数が増えたサイトや減ったサイト、ほとんど変化が見られないサイト等、色々なパターンがあると思います。 今までGoogleからのアクセス数が多かったサイトは、YahooGoogle化によってアクセス数が大幅に増えると期待していた人もいると思いますが、実際にはそうなっていないサイトも多いと思います。 そこで、今回はGoogle比率が高かったサイト、比率が1:1だったサイト、Yahoo比率が高かったサイトに分けて、アクセス数の変化を見ていきたいと思います。 Google比率が高かったサイト Y:3,700 ⇒ 4,500 G:19,000 ⇒ 16,800 当ブログのデータですが、Googleからのアクセスがほとんどだったので、Yahooからのアクセス増を期待していたのですが、微増にとどま

  • 起業したい方必見! - 起業して成功するための会社設立ステップ - EC studio 社長ブログ

    4月14日にEC studio のグループ会社となるEC studio アカデミーを設立しました。 創業して10年のEC studio がこれまで蓄積してきた情報やノウハウをフル活用して グループ会社を設立したステップを公開したいと思います。 ここで紹介するサービスはEC studio で精査された間違いのないもののみ 紹介していますので、これから起業する方が周りにいらっしゃったら ぜひこの記事を紹介してあげてください。 ■会社を設立する 会社を設立するには登記手続が必要ですが、設立代行手数料がもったいないからと 自分で設立を試みる方もいらっしゃいますが、お勧めできません。 なぜなら会社の設立は基的に一回きりなので、そのために起業前の大切な 時間を登記手続に使うのはもったいないからです。 そこでお勧めなのが「ファーストステップ」という設立代行会社です。 設立代行手数料はなんと100円!

  • 画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン·CSSS MOONGIFT

    CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。 CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせてスライドを動かす類のものだ。 奇麗なHTMLプレゼン コンテンツがHTMLベース、つまりテキストで作れるのが大きな魅力だろう。そして最新のWeb技術を盛り込んで作られたのがCSSSだ。 CSSSは矢印キーによるスライドと切り替えと、Ctrlキーと組み合わせたキーボードショートカットをサポートしている。Ctrl+Hでスライドのサムネイル一覧を作ることもできる。矢印を押すたびに文字が追加表示されていくと言ったアクションも実装できる。 スライド一覧 良いと思ったのは、スライドの

  • 小悪魔女子大生のサーバエンジニア日記 » Blog Archive » 情報発信者としての責任のお話

    26.04.11 / こあくまベリサイン訪問記 / Author: aico SSLサーバ証明書による実在性証明は、証明書を発行されているページを運営する企業の犯罪の抑止をしたり、 そのページを見るユーザに安心感を与えるという役割がありました。 一般にSSLというと、暗号化をするためのものというイメージがありますが、 実在性証明をメインで使っているページもあります。 1つ目は、早稲田大学の合格発表のページ。 大学の合格発表は、受験者にとってとても大事な情報です。 そのため早稲田大学では、合格者の番号は確かに大学側が出したものであるという証明のために合格発表のページには実在性証明が使われています。 2つ目は東京証券取引所の適時開示です。 会社の出す情報は株価に影響を及ぼします。そのため、東京証券取引所が運営する適時開示のページには実在性証明が使われています。 3つ目はマーケティングデータを取

  • シニア層のためのWebサイトユーザビリティ

    2013年3月23日 ユーザビリティ 以前「笑っていいとも!」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代~60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います! ↑私が10年以上利用している会計ソフト! 上記「笑っていいとも!」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし

    シニア層のためのWebサイトユーザビリティ
  • 「Multi-Channel Funnels」、コンバージョン経路を解析するGoogle Analyticsの新機能

    Google Analyticsの新バージョンが、ベータテストに申し込んだ一部のユーザーを対象に限定公開されています。 レポートの種類は以前のバージョンとさほど変わらないというようなことを書きました。 しかしそんなことはなくて、絶対に使いたいイベントトラッキングと目標設定の連携やきっと使わないだろうなと思えるキーワードクラウドなど、多くの新しい機能が追加されるようです。 今日紹介する、「Multi-Channel Funnels」(マルチ・チャンネル・ファンネル)も新しく追加予定の機能になります。 「Multi-Channel Funnels」では、コンバージョンに到るまでの経路を分析できます。 コンバージョンは、必ずしも初回の訪問で発生するとは限りません。 検索からやって来た最初の訪問では商品を購入せず、翌日に知り合いがブログでたまたまその商品についておすすめ記事を書いていて、「友だちが

    「Multi-Channel Funnels」、コンバージョン経路を解析するGoogle Analyticsの新機能
  • 世界最高位のトップセールスマンが教える、営業で一番大切なこと

    私は技術畑をずっと歩いてきたので、営業と聞くと拒否反応がでます。しかし、書を読んで、営業には、セールストークのテクニックを磨くとかよりも、もっと大切なことがあることを知りました。以前よりも営業に親しみを感じます。 世界最高位のトップセールスマンが教える 営業でいちばん大切なこと トップ営業マンの秘訣とは、物を売り込むのではなくて、●●●●を売り込むことだと知って、腑に落ちました。何事にも通じるマインドだったからです。 結果はコントロールできないことを知る 自分がいくら頑張っても、相手の出方次第で結果が変わってしまう。どんなに誠意をもってクロージングをかけても、お客様が首を立てに振るか横に振るかわからない。 結果は「神のみぞ知る」というと大げさかもしれませんが、実際に「買ってくれるはずだ」と疑わなかったお客様から、最後の最後で「ノー」を突きつけられることもあるわけです いくらプロ中のプロの

    世界最高位のトップセールスマンが教える、営業で一番大切なこと
  • 海外で感動(と若干の笑い)を呼んでいるドコモCM「森の木琴」(動画)

    海外で感動(と若干の笑い)を呼んでいるドコモCM「森の木琴」(動画)2011.04.19 23:006,230 satomi 「こんな苦境のときもやってくれるね日!」 と、ドコモのシャープ製携帯のCM「森の木琴」が海外で大変な反響ですね。 福岡県嘉麻市古処山の樹間に間伐材で44mの木琴を組み上げて玉を転がし、バッハの「主よ、人の望みの喜びよ(Jesu, Joy of Man's Desiring)」を奏でる3分のCMなのですが、既に各所で取り上げてる通り、NYタイムズ、CBS、エンガジェット、Neatorama、NYMagなど、紹介した媒体には大変な数のRTと「いいね!」がついてて、コメント欄も ・なんという禅! ・オンリー・イン・ジャパン! ・究極のクリエイティビティ ・他の大企業もこういうCMもっと作るべき と絶賛の嵐。良いものに国境なしですねー。 「映像撮って音楽重ねてるんじゃない

    海外で感動(と若干の笑い)を呼んでいるドコモCM「森の木琴」(動画)
  • GNU Parallelがすごすぎて生きるのがつらい

    皆さん今日もたくさんのサーバを相手にされていることかと思いますが、いくつかのサーバにアクセスして 1 秒間の統計情報(例えばvmstat 1 2)を集めてパッと表示したい時ってどうやってますかね?shell script を学びはじめたばっかりの僕はこんな感じで書いてました。 $ for i in host1 host2 host3; do ssh $i "vmstat 1 2 | tail -1"; done 0 0 0 329004 210836 14275360 0 0 0 2424 1410 1828 0 0 100 0 0 0 0 0 3716112 587704 25921684 0 0 0 488 1643 2026 0 0 100 0 0 1 0 0 555440 265560 14015548 0 0 0 4204 1534 2392 1 0 99 0 0 vmstatと

    GNU Parallelがすごすぎて生きるのがつらい
  • カセット挿して持ち歩く携帯スーパーファミコン登場 6600円 ←安い! : はちま起稿

    カセット挿して持ち歩く携帯スーパーファミコン登場 6600円 ←安い! 2011年04月19日21:10 ゲームハード コメント( 73 ) Twitter はてなBM オワタ・・・NGPオワタ・・・ ついにスーファミポータブルが登場 1 名前:おじいちゃんのコーヒー ◆I.Tae1mC8Y @しいたけφ ★[] 投稿日:2011/04/19(火) 18:50:48.58 ID:???0 ゲームボーイのように持ち歩けるスーパーファミコン「SUPABOY」が 近日中に発売されることが明らかになりました。 海外の製品ではありますが日のスーパーファミコンのカートリッジとも互換性があり、 捨てるに捨てられずためこんでいたスーファミのソフトを使って、いつでもどこでも遊ぶことが可能です。 また、AV出力やコントローラーの接続もできるようになっているため、 据え置き機と同様の使い方もでき

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • テレビから頻繁に流れる「緊急地震速報」の仕組み--デジタル放送ならではの工夫とは

    「関東地方で強い揺れを感じる恐れがあります。まずは身の安全を確保してください」――3月11日の東日大震災発生以降、こうした緊急地震速報をテレビで目にした方は多いはず。まずは警戒音とともに赤で白文字を囲った字幕スーパーが表示され、少し遅れて地域を示すスーパーとアナウンサーから前述のような注意喚起コメントが出される。不思議な時間感覚を覚えるこのデジタル放送サービス、一体どのような仕組みで行われているのか。NHKに聞いた。 地震予知を担当するのは気象庁。各地に配置した震度計がP波(地震初期に起こる縦揺れの微小震動)を検知した段階で放送局ほか関連機関に通知し、S波(その後に起こる横波の大きな揺れ)到達前に地点や震度を予測するという仕組みで、2007年より一般向けにも導入されている。 気象庁からの情報を受けた放送局側は、デジタル放送波に緊急信号を乗せて送信する。線映像や音声よりも伝送速度の速い信

    テレビから頻繁に流れる「緊急地震速報」の仕組み--デジタル放送ならではの工夫とは
  • Re:犯してはいけないHTMLタグの過ち10個

    Re:犯してはいけないHTMLタグの過ち10個 ネタ元:犯してはいけないHTMLタグの過ち10個 基的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない <a href="#"><h2>これは間違いです</h2></a> aタグのようなインライン要素の中にhタグのようなブロック要素を入れてはいけません、となってるけどこれはHTML5的にはこれはあり。 a要素は基的にフロー・コンテンツが記述できる場所に記述できます。ただ、他のほとんどのインライン要素はフレージング・コンテンツしか内包できないのでNG。 <span><h2>これは間違いです</h2></span> HTML5だとコンテンツモデルの概念が変わっているので要注意。 参考:コンテンツ・モデル - HTML5タ

    Re:犯してはいけないHTMLタグの過ち10個
  • 犯してはいけないHTMLタグの過ち10個

    【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を

    犯してはいけないHTMLタグの過ち10個
  • CSS3を使ったフォームチュートリアル10選 | Web活メモ帳

    CSS3を使ってフォームを作成したい。 そんな時におすすめなのが「Top 10 CSS 3 forms tutorials」。 スライダや日付処理などのHTML5のフォーム要素を取り入れつつ デザインされたフォームを作る方法が紹介されています。 以下のようなフォームを作る方法がまとめられています。 IE9が出てくる事でこういった実装も普通になってきそうですね。 興味のある方は下のリンクからどうぞ。

    CSS3を使ったフォームチュートリアル10選 | Web活メモ帳
  • 在宅勤務を検討する全ての人たちへ 【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNSLINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間:2分] 東日大震災を受け多くの企業が自宅待機状態となりました。大企業を中心に多くの企業が自宅勤務支援を実施するという報道もあります。果たして自宅で仕事はできるのでしょうか? 結論から言いますと、自ら考えたり生み出す職種でしたら可能などころか、

  • 世界で最も人気がある国、ニッポン しかし、日本人が一番この国の良さを分かっていない | JBpress (ジェイビープレス)

    人が日人であることの誇りを失ったのは、戦後GHQの占領政策にまんまと嵌った左翼的な教科書作りに負うところが大きいと、『日はなぜ世界でいちばん人気があるのか』の著者、竹田恒泰氏は言う。 同書では、英国BBCの世論調査で日が2006年から3年連続「世界に良い影響を与えている国」第1位になったことが紹介されている。 一方、日人の自国に対する評価は、他の国と比べて肯定(良い影響)の割合が極めて低い。 この自虐的な自己評価の原因は何か、なぜ日人は日の良さに自信が持てないのか、竹田氏に聞いた。 神話も、建国の経緯も教えないのは日だけ 竹田 恒泰(たけだ・つねやす)氏 作家。慶應義塾大学講師(憲法学)。1975年、旧皇族・竹田家に生まれる。明治天皇 の玄孫に当たる。2006年に著書『語られなかった皇族たちの真実』(小学館)で山 七平賞を受賞。その他著書に『ECO.MIND【エコ・マイ

    世界で最も人気がある国、ニッポン しかし、日本人が一番この国の良さを分かっていない | JBpress (ジェイビープレス)
  • アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」:phpspot開発日誌

    Speedometer | Jacob King アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」。 何かが高いスピードが出ているのを示したいようなケースにすぐ実現できます。レアなケースかもしれませんが、サイトのスピードが速くなったとか、なんらかのスピードが高まったのを分かりやすく伝えたいような場合に使えそう。 あんまり使わないかもしれないけれど、レアなパーツなんかをまとめておくと便利かもしれませんね 関連エントリ jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」

  • デザインの現場でも使えるチャットサービス「チャットワーク」

    デザインは一人で黙々と創り上げる作業も必要ですが、商業デザインの場合、様々な人とコミュニケーションをとり、情報を共有しながら、創り上げていくことも必要になります。そんな時に便利なのが、メールやスカイプなどのWEBを利用したサービス。すでに様々なWEBサービスを駆使して仕事をしているという方も多いと思います。 普段は私も、スカイプEvernote、Gmailなど複数のサービスを利用して社内外のコミュニケーションを取りながらデザイン業務を行っていますが、今回は「メールの時代は終わった」と銘打ったWEBサービス「チャットワーク(ChatWork)」を紹介したいと思います。 詳しくは以下 チャットワークを利用する前の印象 まず「チャットワーク」を使う前に思ったことは正直、スカイプで十分なのではという印象でした。普段からスカイプを利用しているので、ファイル共有や情報共有、音声通話も可能ですし、不便

  • 編集可能な50種類の無料ウェブサイトテンプレートまとめ | Web活メモ帳

    編集可能なウェブサイトのPSDテンプレートを探す時に良さそうなので、シェアです。 無料でダウンロードできるPSDテンプレートをまとめた記事「50 High Quality Web Layout PSD Templates Available For Free」をご紹介。 50個の無料ダウンロード可能なウェブサイトテンプレートがあります。 それぞれフォトショップのPSD形式で配布されていますね。

    編集可能な50種類の無料ウェブサイトテンプレートまとめ | Web活メモ帳
  • YouTube人気急上昇

    【ゆっくり実況】ゆっくりレジェンズ ほーっほっほっほ・・・ブチ切れましたよ!!メカフリーザ様ガチャ!!

    YouTube人気急上昇
  • メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌

    40 Javascript Menu Plugins and Scripts | AJAX | TutsList メニューに困ったら参考にできる40個のプラグインやスクリプト。 便利そうなナビゲーション用のUIがジャンルごとにまとまっていて、それぞれ使えそうです。 自分で作ると超大変そうなものもあり、気になるものはブックマークしておいてもよさそう。 ツリービュー アイコン付きツリービュー ドロップダウン 階層付きドロップダウン アイコン付き階層ドロップダウン RSSメニュー タブ 縦横にタブ iPodスタイルメニュー Dock風メニュー 素晴らしいですね。こういうのを10年前のWEBで出来るなんて誰が想像したか?というところなんでしょうが、次の10年どうなっているか楽しみです。 関連エントリ カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigatio

  • これは要チェック!豊かなユーザエクスペリエンスを与えるナビゲーション集

    ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビゲーションはたいていの場合、ダイナミックなものよりユーザフレンドリーなものです。ここではダイナミックでクリエイティブなナビゲーションの素晴らしいインタラクションと若干の欠点をSmashing Magazineから紹介します。

  • [CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid

    1280px以上の大きなモニター対応、iPhoneなどのスマホ対応、単調になりがちなグリッドのバリエーション、IE6への配慮など、最近のウェブ構築には欠かせない要件を備えたCSSのフレームワークを紹介します。 The 1140px Grid · Fluid down to mobile [ad#ad-2] 以前、Twitter(@colisscom)で紹介した時からバージョンアップしたようなので、改めてブログでご紹介。 The 1140px Gridは、1280のモニターには1140pxのグリッド、スマホなどのそれより小さいモニターにはその幅に可変したリキッドタイプのグリッドを提供するスタイルシートのフレームワークで下記にその特徴的なポイントを紹介します。 1140pxで12カラムを採用した理由 12という数字は非常に便利で、二等分、三等分、四等分、六等分して利用することができます。また、

  • 実は「バッテリーは空にしてから充電した方が長持ちする」はウソだった | ライフハッカー・ジャパン

    スマートフォンやノートパソコンのバッテリーについては、色々な説が出回っていますが、中には間違った情報もあります。ここでは、バッテリーをできるだけ長持ちさせる、正しい取り扱い方法についてお教えしましょう。 Photo by Andy Melton. バッテリーの情報サイト「Battery University」では、バッテリーの寿命と充電の関係における隠れた真実について説明しています。最近のスマートフォンやノートパソコンで使われている、最も一般的なバッテリーはリチウムイオンバッテリーです。この寿命を伸ばすには、毎回フル充電しない方がいいとよく言われます。ところが、実際はこれとは反対なのだそうです。 機械系のデバイスはどれも同じようなもので、使えば使うほど早く消耗していきます。また、放電深度(バッテリーの放電状態の数値)によって、寿命までのサイクルが決まります。放電深度が小さければバッテリーは

    実は「バッテリーは空にしてから充電した方が長持ちする」はウソだった | ライフハッカー・ジャパン
  • RAIDレベルの話: 1+0と6はどっちが安全か? - たごもりすメモ

    仕事でちょっくら12台のHDDを使ったRAIDアレイを組むんだけど、その折にちょうどTwitterで「RAID-1+0にしないとRAID-6とか怖くて使えませんよ!」というウソ八百な内容のWebページのURLを見掛けたので、いいかげんそのような迷信が消え去ってもよかろうと思って書くことにした。 1重ミラー設定のRAID-1+0は安全性においてRAID-6に劣る。ただし、正しく運用されている場合に限る。*1 知っている人はずっと前から知っている事実ではあるんだけど、某巨大SIerなんかでも高い方が安全に決まってる的な残念な脳味噌の持ち主がいっぱいいて「いやあデータの安全性を考えるとRAID-1+0」とか考えもなしにクチにし、そっちの方がディスクがいっぱい売れて嬉しいストレージベンダーもニコニコしながら否定せず売りつけて去っていくといううわなにをす(ry まあそんな感じで。ちなみに正しくない運

    RAIDレベルの話: 1+0と6はどっちが安全か? - たごもりすメモ
  • jQuery Listfolderプラグイン v0.0.4(折りたたみマーク表示機能追加)

    jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 1.変更点 次のように折りたたみマークを設定できるようにしました。これにより、Listfolderプラグインだけでサイドメニューの色々な折りたたみが実現できるようになります。 折りたたんだ状態 開いた状態 折りたたみ状態はクッキーで保持されます。 2.設定方法 折りたたみマークは、予め次のような(X)HTMLマークアップを追加します(赤色部分)。a要素のclass属性に対し、デフォルトの値と「mark」という値の2つを設定してください。このa要素の次の要素(ここではul要素)が折りたたみ対象になります。 <dd class="side" id="categories"> <ul> <li><a href="cat1/" title="">お知らせ</a> [4] <a href="

    jQuery Listfolderプラグイン v0.0.4(折りたたみマーク表示機能追加)
  • ウノウラボ by Zynga Japan: I love spacer

    携帯向けXHTMLを書いているとバッドノウハウばかりが身について行くのですが、その中で私が愛してやまないspacerのことについて熱く語ってみようと思います。 私が個人的に見つけたバッドノウハウばかりですので、これら以外にもっとスマートな方法がありましたら是非ご教示ください。 一般的な使い方 <br /><br />での改行するなんてとんでもない、でも3キャリ対応しようと思ったらline-heightも使えないし。。。そんなことでお悩みの方が良く使っているのがこのspacer。

  • 【これはすごい】Twitter検索を3倍高速化した記事の翻訳 - nokunoの日記

    これはすごい! というわけでTwitter検索を3倍高速化したという記事を翻訳してみました。Twitter Engineering: Twitter Search is Now 3x Faster2010年春。Twitterの検索チームは、我々の増え続けるトラフィックに対応し、エンドユーザにとっての遅延を減らし、我々のサービスの可用性を向上させ、新しい検索の機能を素早く開発できるようにするため、検索エンジンを書きなおす作業を始めた。 その努力の一部として、我々は新しいリアルタイム検索をリリースし、検索のバックエンドをMySQLからLuceneのリアルタイム版に変更した。そして先週、我々はRuby-on-Railsに取って代わるフロントエンドをローンチした。我々がBlenderと呼ぶJavaサーバーである。我々はこの変更によって検索のレイテンシが3分の1になり、検索機能の開発を促進できるよう

  • 失敗を繰り返そう : could

    言葉 失敗を繰り返そう スタートアップの世界には「Fail often. Fail quickly (失敗を早くたくさんしろ)」という言い回しがありますが、これはデザインや開発にもいえることだと思います。失敗しない方法を学ぶより、失敗したことによって学べることのほうが圧倒的に多いです。 読みにくい記事がある理由 記事ごとにレイアウトや装飾を変えるようになってしばらく経ちます。中にはおもしろいもの、うまく表現されたものもありますが、読みにくい記事も少くないと思います。文章のフローが変則的すぎて読みにくい、色の使い方が読み難くしているものなど様々だと思います。Twitter や はてブにコメントを残す方もいらっしゃるので、どれが評判が良くなかったのかも多少わかります。 なぜ読みにくいのか?なぜそんな記事を作っているのか?それは単純に私が失敗しただけです。 雑誌では奇抜な背景や色を使ったり、変則

    失敗を繰り返そう : could
  • [WordPress] WordPressをマルチサイトで運用するときにあると便利そうなプラグイン18選+4個 |Nullyのぶろぐ

    WordPressをマルチサイトで運営するときにあると便利そうな18個+3個のプラグインまとめ このブログも実はマルチサイトで運営されていたりします スパム対策 akismet 言わずと知れたWordPressでは有名なスパム対策プラグイン スパムの捕獲率が高く、管理画面でも見やすいグラフを表示してくれます 解析系 FireStats WordPressの中では有名なFireStatsというアクセス解析プラグイン 自鯖に解析用のテーブルを持ち、管理画面からアクセス元、アクセスページがわかります。 マルチサイトで有効にするには、FireStatsの管理画面(ダッシュボード→FireStats)にアクセスし「データベース」タブを開き、「WordPressの設定を利用する」ボタンを押すことでマルチサイト毎に適用出来ます。 Google Analytics Google Analyticsのトラ

  • evernoteのテキストをevernote社の管理者にも見えないように暗号化する - ockeghem's blog

    このエントリでは、evernoteクライアントを使って、evernote社にも復号できない状態でテキストを暗号化する方法について紹介します。 昨日、EvernoteのXSS問題に関連して、「Evernoteの開発者も徳丸読んでいたらよかったのにね」などとつぶやいていたら、「EvernoteCEOが徳丸さんに会いたがっている」という連絡をもらいました。こういうのは異例のことでちょっと悩みましたが、行くっきゃないだろうということで、Evernote社の日法人でmalaさんと一緒にCEOにお会いしました。 XSSやポリシーについては非常に誠実な対応をお約束いただいたのでよいミーティングだったと思います。僕が指摘した脆弱性についても、当日の夜のうちに直っていたようです。米国時間では深夜から早朝という時間帯で、迅速な対応だったと思いますが、題はこれからです。 その場で、malaさんが「Eve

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • IDEA * IDEA

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

    IDEA * IDEA
  • 3D風に飛び出すフォトギャラリーをjQueryで実装する方法 | Web活メモ帳

    jQueryを使った面白い画像ギャラリーを見つけたのでご紹介。 画像にマウスオーバーすると、3D風に飛び出すようになっています。 デモ IE系だとうまく動作しないようですが、こういったエフェクトはインパクトがありますね。 一味違うエフェクトを実装したいという方、下のリンクからどうぞ

    3D風に飛び出すフォトギャラリーをjQueryで実装する方法 | Web活メモ帳
  • IDEA * IDEA

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

    IDEA * IDEA
  • 【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ

    こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強:スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が

    【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
  • デザインの柔軟性が売り。HTML/CSSを使ったPDF作成ライブラリ·dompdf MOONGIFT

    dompdfHTML/CSSを使ってPDFを生成するPHPライブラリ。 dompdfPHP製のオープンソース・ソフトウェア。業務システムやレポートを出力する系統のWebアプリケーションで問題になりやすいのが帳票のフォーマットだ。システム的にはCSVまたはHTMLでの出力が楽だが、ユーザが望むのはPDFになりやすい。 HTMLPDFの比較デモ PDFは設計が面倒で、さらに出力するライブラリに癖があるものが多いのが難問だ。だがdompdfを使えばデザインの柔軟性を維持しつつ、高度なPDFを作成できるようになる。 dompdfが使っているのがHTMLCSSだ。この二つを組み合わせてPDFを出力するので、帳票設計がとても柔軟に行えるのは間違いない。CSSは2.1または3に対応し、@importや@mediaを使うこともできる。HTMLは4.0に従っている。さらに外部スタイルシートにも対応し

  • Yahoo!知恵袋WebAPIを使用したQ&Aサイトの作成パート1

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R&D統括部の望月です。 「Yahoo!知恵袋に質問や回答を投稿できるAPIを公開しました」で紹介させていただきましたが、2011年2月24日よりAPIを使用してYahoo!知恵袋に質問や回答が投稿できるようになりました。 今回はYahoo!知恵袋APIをもっと気軽に利用していただけるように、APIを使用したサンプルコードを用い、パート1とパート2の2回に分けて質問の表示から回答の投稿までを行える簡単なQ&Aサイトを作成していきます。 パート1ではYahoo!知恵袋の新着質問リストの表示から、質問詳細情報の表示まで対象に説明します。 このたびの東日大震災以降、Yahoo!知恵袋でも地震に関する質問が増えております

    Yahoo!知恵袋WebAPIを使用したQ&Aサイトの作成パート1
  • UIも含めて手早く組み立てられるPHP用Webフレームワーク·Agile Toolkit MOONGIFT

    Agile ToolkitPHPのフレームワーク。jQueryを取り込み、UI部分にも力を入れているのが特徴。 Agile ToolkitPHP製のオープンソース・ソフトウェア。Webのシステムは自由度が高すぎる。そのためWebデザインを考える時は常に一から考えなければならない。テンプレートを用いたとしても、それは初期のフェーズのみで、細かな作り込みは必要だ。 テーブル表示 Webデザインとシステムは密着に絡んでいる。システムを手早く組み上げるにはもっと縛りがあった方が良いのかもしれない。それを実現するフレームワークがAgile Toolkitだ。 Agile ToolkitPHPのフレームワークだ。他のフレームワーク同様にMVCを基としている。最も大きな特徴としてWeb UIに関しても規則をもって組み上げることを目指しているということが挙げられる。ボタンやメニュー、テーブル等も一

  • インスピレーションを刺激するhtml5で作られたサイト集25 | Web活メモ帳

    いいものを作るには、いいものをたくさん見ているべきだ。 「25 Amazing HTML5 Portfolio Web Designs For Inspiration」では、HTML5を使ったアイデアが盛りだくさんのサイトが紹介されている。 video、Canvas、ドラッグ&ドロップなどを使用しているサイト集です。

    インスピレーションを刺激するhtml5で作られたサイト集25 | Web活メモ帳
  • 遅いネットワーク対策に、サブブラウザを導入するための10の方法 | ライフハッカー・ジャパン

    モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

    遅いネットワーク対策に、サブブラウザを導入するための10の方法 | ライフハッカー・ジャパン
  • 現在閲覧しているページへのリンクをハイライトできるjQueryプラグイン「currentPage」:phpspot開発日誌

    これは必見のCSS3のBox Shadow等を使って描画されたオブジェクト描画例い... 次の記事 ≫:フレッシュなWordPressテーマ100 MagicEdit - currentPage: A jQuery plugin to add "current" to nav links 現在閲覧しているページへのリンクをハイライトできるjQueryプラグイン「currentPage」。 一般的なナビゲーションの場合、現在いるページにハイライトをすることで、どこにいるか、分かりやすく表示することが多いですね。 これをサーバサイドでやると分岐が増えてソースが見にくくなってしまう。 例えばphpなら次のような処理がリンクごとに発生して超めんどくさい。 <?php if ($_SERVER['REQUEST_URI'] == "aaa.php") { ?> <em>aaa</em> <?php

  • FLASHぽいメニューを簡単導入「jQuery flashy navigation」

    twitter facebook hatena google pocket メニューにマウスオーバーした時にFLASHっぽくアニメーションさせられるjQuery flashy navigation with easing and hoverIntentを紹介します。 sponsors jQuery flashy navigation with easing and hoverIntentからファイルをダウンロード。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.hoverIntent.minified.js" type="text

    FLASHぽいメニューを簡単導入「jQuery flashy navigation」
  • これは必見のCSS3のBox Shadow等を使って描画されたオブジェクト描画例いろいろ39:phpspot開発日誌

    39 Box Shadows これは必見のCSS3のBox Shadow等を使って描画されたオブジェクト描画例いろいろ39 CSS3のテクニックをかなり駆使したテクニックが39個凝縮されて掲載されています。 こんなこともできるという可能性を見るという意味で一度見ておくとよさそう。ソースを見て勉強もできます なんでも出来るCSS3に乾杯。 関連エントリ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」 ブラウザごとのCSS3プレフィクスを自動で付与できるWEBサイトツール「prefixMyCSSCSS3のよく使いそうな10個のテクニックのまとめ

  • .htaccessで旧ドメインから新ドメインにリダイレクトさせる方法 – creamu

    ちょっとメモ。 ドメインを新しくするために一定期間旧ドメインと新ドメインで同じ状態で運用していて、旧ドメインから新ドメインにリダイレクトさせる場合、.htaccessで以下のように記述します。 旧ドメイン:old.com(wwwありなし統一されていない) 新ドメイン:new.com(wwwありなしをwwwありに統一する) RewriteEngine On RewriteCond %{HTTP_HOST} ^old.com RewriteRule ^(.*)$ http://www.new.com/$1 [R=301,L] RewriteCond %{HTTP_HOST} ^www.old.com RewriteRule ^(.*)$ http://www.new.com/$1 [R=301,L] 新ドメインのwwwありなしをwwwありに統一するには、以下を追記。 RewriteCond %

  • [CSS]雑誌風のレイアウトがきた、どう実装する -解答編

    昨日のエントリー「雑誌風のレイアウト、さぁどう実装する?」の解答編です。 雑誌風のレイアウトは、下記のように2カラムのテキストの真ん中上に画像を配置したものです。 [ad#ad-2] まずは、HTMLから。 画像を二つに切るとかは、無しですよ。 HTML 各パラグラフをdiv要素で内包し、画像とそのdiv要素をdiv要素で内包して実装します。 <div id="page-wrap"> <img src="http://placekitten.com/250/250" id="logo"> <div id="l"> <p>左のテキスト</p> </div> <div id="r"> <p>右のテキスト</p> </div> </div> これに、フロートと疑似要素を使用して、実装します。 まず、画像を絶対位置で配置します。 そしてフロートを使いますが、ポイントとなるのは下3行です。疑似要素に

  • IDEA * IDEA

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

    IDEA * IDEA
  • シンプルにTODOが管理できるサービス「ZenToDo」 | ライフハッカー・ジャパン

    「ZenToDo」は、シンプルなTODO管理ツールです。ショートカットキーで簡単にTODOを作成でき、並び替えはマウスでドラッグするだけ。ワンクリックで完了フラグをたてられます。また、フォルダ分けも可能です。 以下に使ってみた様子を載せておきます。 まず、ZenToDoへアクセスしましょう。ユーザ名とパスワードを入力して、新規登録します。 「Add ToDo」をクリックして、TODOを入力します。ショートカットキー「Ctrl+A」でも同様の動作が可能。 チェックマークをクリックすると、完了フラグになります。また、並び替えはドラッグするだけでOKです。 右欄からフォルダの作成もできます。用途に応じてTODOを分けることも可能です。 比較的シンプルで使いやすいTODO管理ツールとなっています。 ZenToDo (カメきち)

    シンプルにTODOが管理できるサービス「ZenToDo」 | ライフハッカー・ジャパン
  • モバゲーが退会しても個人情報を削除してくれない 2 - babie, you're my home

    「モバゲーが退会しても個人情報を削除してくれない」の続きでございます。 多分、今日の昼間に会議があったと思うので、先のメールでこっちの提案を書いとけば良かったなーと後悔しつつ。「退会してから90日後にメールアドレスと携帯電話番号部分だけNULL埋め」が、モバゲーも開発コストがそれほどかからず(簡単なスクリプト書いて1日1回走るcronセットするだけ)不正を防げて、元ユーザーも安心で一番いいかなーと思っていたんですが。 モバゲー事務局から私への返信: 差出人: support <support@mbga.jp> 件名: お問い合わせについて[スマートフォン] 日時: 2011年4月25日 19:40:07JST 宛先: <xxx@example.jp> 返信先: support <support@mbga.jp> モバゲー事務局です。 このたびは、ご連絡が遅くなり申し訳ございません。 ご連絡

    モバゲーが退会しても個人情報を削除してくれない 2 - babie, you're my home
  • モバゲーが退会しても個人情報を削除してくれない - LazyLoadLife

    あー、どっから話せばいいかな。正直にそもそものところから書くのが公平でしょう。あれなんすわ、Twitter でウオッチしてる人はわかるとおり、ぼくオカマなんすわ。女装も女っぽい言動もしてないけど、心は女というか、似合いさえすれば女の子の格好したいんすわ、ゲームのキャラやアバターは必ず女性にするんですわ。ネカマと言ったほうが正しいかな。 んで、ちょっと前にウェブ業界の調査と好奇心でモバゲーに入会しました。あ、スマートフォン版です(私の所持端末は iPhone 3G)。その際、あとでアバターは自由に着せ替えられると思って、性別の欄は「男性」にしたんすわ。戸籍上、男性だし。そしたら、アバターいじろうウフフと思ったら、男性形固定で女性形にできないんすわ。 んで、しょうがないから別アカウント作ろうと思って、別のメアドでアカウント作った。そこで立ち塞がるのが「携帯電話番号認証」。携帯電話番号を入力して

    モバゲーが退会しても個人情報を削除してくれない - LazyLoadLife
  • メニューバーからさくっとGmailへアクセスできる『MailTab for Gmail』 | ライフハッカー・ジャパン

    こんばんは傍島です。 私が住む大阪では桜が一段落して、次は、草木の蒼さが目に眩しい頃となってきましたが、皆さんの住む地域はいかがでしょうか? ゴールデンウィーク頃には、目一杯緑を楽しめそうです。 さてライフハッカーでは、Mac OS Xのメニューバーをより便利・快適にしてくれるマイクロアプリが採り上げられる機会が多くなりました。いずれもスタメンで使いたいアプリばかりですが、まだ紹介されていないお気に入りのマイクロアプリがあるので、ご紹介します。 採り上げるのは『MailTab for Gmail』。名前からも想像できるように、メニューバーから簡単にGmailをチェックできるアプリです。Gmail関連では、TwitterクライアントライクなUIを持った『Sparrow』が話題になりました。私は今ひとつ馴染めず、スタメンから外してしまったのですが、MailTab for Gmailは継続して使

    メニューバーからさくっとGmailへアクセスできる『MailTab for Gmail』 | ライフハッカー・ジャパン
  • リッチなスライドショーが作れるjQueryプラグイン「Skitter」 | Web活メモ帳

    アニメーションやエフェクトが非常に豊富で色々な見せ方ができるスライドショー作成用jQueryプラグイン「Skitter」が良さそうなのでご紹介。 キューブ、スライス、フェードなどアニメーションは全部で22タイプ表示可能で、各画像へのリンクをサムネイル表示にしたり数値で指定するなど、オプションも豊富になっています。 以下のような実装で使えるようです。 JavaScript $(function(){ $('.box_skitter_large').skitter(); }); HTML <div> <ul> <li> <a href="http://thiagosf.net"><img src="images/01.jpg" /></a> <div> <p>Label</p> </div> </li> <li> <a href="http://cakephp.org"><img src="i

    リッチなスライドショーが作れるjQueryプラグイン「Skitter」 | Web活メモ帳
  • http://ryosblog.net/6654

  • Chromeで読み込めないページを終了するには「about:crash」を活用! | ライフハッカー・ジャパン

    モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

    Chromeで読み込めないページを終了するには「about:crash」を活用! | ライフハッカー・ジャパン
  • 写真の撮影技法とか加工技法に関して少し調べたのでメモ

    最近よく見かける写真撮影技法に 関して調べ物をしたのでメモ的に。 専門家では無いので基的にネット 頼りの知識でしか無いです。僕も 勉強がてら調べた程度ですので、 特に目新しい情報ではないです。 僕が最近よく見かける写真撮影技法や加工技法を調べてたので備忘録。素人なので内容は特に新しいものではないです。尚、個人的な検索用ですので、存在する全ての撮影技法や加工技法を掲載している訳ではありません。 ※例に挙げてる画像は僕が撮った写真です(OLYMPUS E-520を使用) ハイダイナミックレンジ(HDR) 通常の写真技法に比べてより幅広いダイナミックレンジを表現するための写真技法の一種。常の写真では表現のできない広いダイナミックレンジをヴィジュアルイメージとして通常の狭いダイナミックレンジの中に定着することができ、通常の写真と比較すると肉眼に近い画像とすることができる。反面、通常の写真ではあり

    写真の撮影技法とか加工技法に関して少し調べたのでメモ
  • 画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」:phpspot開発日誌

    imgAreaSelect jQuery plugin - Examples - odyniec.net 画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」。 他にも同様のライブラリはありますが、これは必要な便利機能がいろいろあって使えそうです <img id="pic" src="..."> とあったとすれば、$("#pic").imgAreaSelect(); で基は動作します。 あとはオプションで、 ・領域の最大サイズを指定 ・領域のアスペクト比を指定 ・初期選択領域の指定 が可能です。 こういう機能は使っていくにあたってはあったほうが便利そうですね。 UIに癖がなくて汎用に使えそうなところもGood 関連エントリ 画像編集ツールで領域を選択しているようなエフェクトをCSSGIFアニメで実現する方法 選択範囲をドラッグ&拡大して写真の部分的な拡大がで

  • ストライプパターンのフリー素材まとめ「400+ Free Photoshop Stripe Patterns」

    TOP  >  Design  >  ストライプパターンのフリー素材まとめ「400+ Free Photoshop Stripe Patterns」 デザイン背景やパーツの背景となるパターンにこだわることで、デザインの質の向上につながりますが、一つ一つの素材を一から制作していくには、膨大な時間と手間がかかってしまい、作業効率が落ちてしまうということも多いかと思います。そこで今回紹介するのは、数あるパターンの中からストライプのパターンをまとめた「400+ Free Photoshop Stripe Patterns」です。 Stripes Collection by ~photoshop-stock on deviantART カラフルなものから上品なパターン、またシックなものまで、400ものストライプパターンが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご

    ストライプパターンのフリー素材まとめ「400+ Free Photoshop Stripe Patterns」
  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • 画像のサムネイル作成をオンライン上でできる「MakeAThumbnail」

    サムネイル画像をサクっと作ってサイトに掲載したい時、まずサムネイル作成 フリーソフトなどを使い、できた画像をサーバーへアップロードして、そのURLをHTMLに貼り付けるという手順が発生しますよね。 今回は、そのような手順をおもいっきり簡素化してくれるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サムネイル画像の生成をオンライン上でおこなえる「MakeAThumbnail」 「Make A Thumbnail」は、画像をアップロードして、サイズを選択すると、画像のサムネイルを表示するタグやURLを発行してくれるサービス。 1MB以下のJPEGとPNG形式の画像に対応しています。 サンプルサムネイル ↑このような画像のサムネイルを、発行されたタグを貼り付けるだけで表示させる

    画像のサムネイル作成をオンライン上でできる「MakeAThumbnail」
  • SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

    あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を(いろんな意味で)驚かしてきましたが、 ついに日、日でも公開されました! しかも日版に合わせてアニメーションも長くなっています! こっそりブラウザを英語にして見ていた人も必見です! (神風動画さんによる予告編動画!) 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装(プログラマーブログ) で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要! SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回

  • Google化したYahooからのアクセス数を増やす方法 | パシのSEOブログ

    前回、「YahooGoogle化した後のアクセス数の変化」について書きましたが、今回はGoogle化によってアクセス数が減ったサイトの対策方法を考えていきます。 Googleに評価されるようなサイトを作るという事が基となりますが、Yahooからのアクセス数を増やすためのキーワード対策というものも重要になってきます。なお、Googleからペナルティを受けているようなサイトについては、考えない事にします。 CMSで更新頻度を上げてページを増やす GoogleSEOでは更新頻度を上げる事が効果的です。更新頻度を上げる事で、検索順位が上がるというわけではありませんが、QDFアルゴリズムやロングテールキーワード対策という事を考えると、更新頻度を上げる事による効果は大きいと言えます。 HTMLサイトで、地道にページを追加していっても良いのですが、更新のしやすさやインデックス速度の向上という事を考

  • PHP製Webベース、自分好みのTwitterクライアントを作る·Wootter MOONGIFT

    WootterはPHP製のTwitterクライアント。2ペイン構成で奇麗なデザイン。 WootterはPHP製のオープンソース・ソフトウェア。TwitterはデフォルトのWebベースで扱うよりも、専用クライアントで利用している人のが多いのではないだろうか。だが常に同一デバイスであれば複数のOSを使う人にとってはそれぞれにクライアントを用意するのは面倒だ。 メイン画面 そこで使ってみたいのがWootterだ。PHP製のWebブラウザ上で動作するTwitterクライアントだ。デフォルトのものとは違って自分好みの最適な画面にできる。 Wootterは2ペインの画面になっている。左側にタイムライン、右側にMentionが出るようになっている。ユーザアイコンの上にカーソルを合わせると返信、DM、お気に入り、ReTweetをするアイコンが表示される。DMなどを選ぶとその場にテキストエリアが出るので直感

  • ソーシャルメディアマーケター美咲

    <目次> 序章 はじめての転職。私がソーシャルメディアマーケティングの担当者? 「ツイッターを使って何かやりたい!」ってそれは手段であって目的じゃないんじゃ……? 指令1 前編 お金をかけずにバズを広げ、認知を向上させろ! 広告予算が削減された! だから、ソーシャルメディアでバズを広げて話題化させたい、か……。でも、ソーシャルメディアはマス規模の認知を向上させるには不向きな場所よね。どうしたらいいのかな? 指令1 後編 お金をかけずにバズを広げ、認知を向上させろ! お金をかけずにバズを広げ、認知を向上させろ! クチコミはタダってイメージがあるけど、実際に費用化項目を積み上げてみると意外とお金がかかるのよね……。お客様にどうやって説明したらいいんだろう。 指令2 ソーシャルメディアを使ってオンラインショップへの流入を増やしたい! バナー広告やリスティング広告よりも効率的にサイトへの流入

  • [CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix

    A new micro clearfix hack デモページ [ad#ad-2] 「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし(class名も短く)した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 にも対応しているのは嬉しいところです。

  • 一見の価値ありなスマフォサイト色々25:phpspot開発日誌

    25 Beautiful Mobile Websites | UnderWorld Magazines 一見の価値ありなスマフォサイト色々がまとまったエントリのご紹介です。 どれもよくデザインされていて、これからつくるぞーっていう場合の準備として見ておいてもよさそう。 今後スマフォの方が主流になっていき、PCはあくまで簡易でスマフォサイトがメイン、なんてことにもなっていくのかも、と少し妄想しています 関連エントリ スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ

  • Facebookの新しいsendボタン(送信ボタン)

    Facebookの新しいsendボタン(送信ボタン) Facebookから新しいソーシャルプラグイン「sendボタン」がリリースされました。 --------表示サンプル------------------ -------------------------------------------- このように日語環境では「送信」と表示されます。 選択すると、「宛先」と「メッセージ」を入力して送信することができます。宛先には友達やグループ、メールアドレスなどが選択でき、送信した内容は自身のウォールなどには表示されず、送信相手にメッセージとして送信されます。 よくある、「メールで友達にこのページを教える」的な機能のFacebook版といったところでしょう。 これにともない「Like」ボタンでも「Like」ボタンの横にsendボタンを表示するかどうかを選ぶことができるようになっています。 26日

  • パスワード認証

    ラジック 気軽に楽しめるブログメディア「ラジック」は2ちゃんねるを中心にエンタメ情報をお届け!

    パスワード認証
  • 他社のiSpy状況は? Apple、Google、Microsoftの位置情報ログ比較表

    他社のiSpy状況は? AppleGoogleMicrosoftの位置情報ログ比較表2011.04.26 10:00 satomi iOS端末に位置情報のログがずっと残ってる件では、位置情報の問題が2つごっちゃになってパニック助長してる面もあるので、主なスマートフォンOS別に位置情報の扱いを表に整理してみました! まず表の上の方で言っているのは、携帯で収集し、アップル、グーグル、マイクロソフトの各社に転送されるデータですね。これには最寄りの基地局・WiFi接続ポイントと、場合によってはGPS測位の位置情報が含まれます。これは基的にどの会社も扱いは同じ。位置情報サービスはユーザーに許諾を得ないと始まらないオプトイン方式ですし、転送データも匿名化されています。 一方、表の下の方で扱ってるのは携帯体のローカルに保存される位置情報です。これはユーザーに使用許諾をもらって始まる位置情報サービ

    他社のiSpy状況は? Apple、Google、Microsoftの位置情報ログ比較表
  • ページを開いたときにイントロエフェクトを表示する「IntroTzikas」

    twitter facebook hatena google pocket よくFLASHではローディング的に線がぐわっと登場してくるエフェクトがあったりします。 これをjQueryのプラグインで実現したのが、IntroTzikas - Animated Intro - jQuery Pluginです。 以前紹介したjQueryでFlashっぽいローディングを表示させられる「QueryLoader -- preload your website in style」|skuare.netより設定項目とサイズが少し良いです。 sponsors 使用方法 IntroTzikas - Animated Intro - jQuery Pluginからファイルをダウンロード。 <script src="jquery-1.5.1.min.js" type="text/javascript"></scri

    ページを開いたときにイントロエフェクトを表示する「IntroTzikas」
  • YouTube人気急上昇

    【ゆっくり実況】ゆっくりレジェンズ ほーっほっほっほ・・・ブチ切れましたよ!!メカフリーザ様ガチャ!!

    YouTube人気急上昇
  • selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」:phpspot開発日誌

    selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」 2011年04月26日- selectList jQuery plugin - Examples - odyniec.net selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」 selectボックスでアイテムを選択していくと次のように選んだアイテムがポコポコ追加されていくUIが簡単に提供できます 追加されるアイテムのテンプレートやCSSによるスタイルもオプションで指定できます。 基的には、$('select').selectList(); で簡単に使えます。 関連エントリ jQuery UI のアイコンチートシート レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」

  • ネットで見られる提案書のまとめ | Webデザインのタネ

    一定期間更新がないため広告を表示しています

    ネットで見られる提案書のまとめ | Webデザインのタネ
  • IPA、クラウドに関する中小企業向け「安全利用の手引き」を公開 | 経営 | マイコミジャーナル

    独立行政法人 情報処理推進機構(IPA)は4月25日、クラウドサービスの利用に関する安全利用を目的とした中小企業向けの文書「クラウドサービス安全利用の手引き」「情報開示の参照ガイド」の無償公開を開始した。 IPAが公表した「安全利用の手引き」と「参照ガイド」の対応関係、想定利用イメージ 「中小企業のためのクラウドサービス安全利用の手引き」は、クラウドサービスそのものの解説やメリット、注意点を網羅したチェックシートなどが盛り込まれており、中小企業がクラウドサービスを自社導入する際の判断材料を提供するもの。 一方、「情報開示の参照ガイド」はクラウドサービスの提供事業者を対象とした文書とされており、「中小企業によるクラウドサービスの安全利用の視点から期待される姿」が明示されている。 同機構では、クラウドのメリットである「設備の所有や開発・運用からの解放」は、とりわけ中小企業にとってITの積極活用