インスピレーションを刺激する！Facebook新タイムラインのデザイン51選！
あっという間に12月！ さて、こんな年末の年の瀬迫るちょー多忙期に、なんとFacebookのタイムラインが新しくなることに！ カバー写真とプロフィール写真を工夫することで、面白い見せ方をしているデザインを51個ご紹介します！ 新タイムラインの設定方法やカバー写真の変更方法についてはこちらがおすすめです！ 来月スタート！新・facebook「タイムライン」登場。で、準備しておきたい５つのこと Facebookでタイムラインのcoverを設定する方法 - nanapi Web また面白いプロフィールページだけを集めたFacebookのグループもおすすめ！ Awesome Profile Hacks Ekkapong Techawongthaworn Mohammad L. Azzam Andrew Grojean Yale Zhao Sune Adler Miltersen Sven De B
国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと.net
以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・ 個人的な備忘録とメモ書きです。探し方も悪いと思いますので数はさほど網羅していません。「あそこ凄い素敵なのに載ってない」みたいなご意見ありましたらコメント欄にてご教授頂けますと幸いです。 この記事で見たいのはアプリではありませんのでWebサイトへのリンクしかありません。順不同となっています。シェア系アプリが多いです。 MogSnap 食べたものを写真で評価、共有するiPhoneアプリ。写真系なのでこういったスライドがあるとアプリの概要をイメージしやすいですね。無料であること、キャプチャ、アプリダウンロードのボタンが分かりやすく明示されています。 MogSnap 大辞林 言わずと知れた
画像加工に利用しやすいテクスチャまとめ「25 Fresh Photoshop Textures」
TOP > Design , Photoshop > 画像加工に利用しやすいテクスチャまとめ「25 Fresh Photoshop Textures」 写真素材などの加工に利用されるPhotoshop。多彩な素材を作り出すためには、元の素材となるテクスチャの存在がかかせません。そこで今回するのが、最近発表された画像加工に利用しやすいフリーテクスチャを集めた「25 Fresh Photoshop Textures」です。 （High Resolution Glass hexagon Texture – love textures） 自然の風景から布の質感を感じさせるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■organic texture photos | Urban Dirt
来年こそWebサービスを作りたい人に伝えたい９つのこと - パパパパ
今年のはじめに「今年こそWebサービスを作りたい人に伝えたい５つのこと（＋番外編）」というブログ記事を書きましたが、個人開発して起業した「Q&Aなう」や「パパパパ開発合宿」の運営を通じて、僕が今年1年でさまざま経験したことを盛り込んで、いま改めてWebサービスについて考えていることを書いてみようと思います。とくに個人開発者の方やこれからWebサービスを作りたいと考えている人たちに読んでもらえたら、とても嬉しいです。 僕自身の実体験を元に構成しているので、人によって役に立ったり、立たなかったりかもしれませんが、その点はご容赦を。 例によって長文になったので、目次を作りました。 1. 目標を立てる、目的意識をしっかり持つ 2. 作らないと始まらない 3. ”プロトタイプ開発者”になろう 4. プログラミングは怖くない 5. 最初から完璧を求めない 6. デザインがすべてを作る 7. スタートダ
ユーザのテキスト表示サイズ変更を検知するjQueryライブラリ·jquery-textresize-event MOONGIFT
jquery-textresize-eventは画面に表示されている文字サイズを変更した際に検知できるjQueryライブラリです。 もし閲覧しているWebサイトの文字が小さかったり、逆に大きすぎる場合には拡大/縮小メニューを使うと思います。そんな時にそれを検知して別なスクリプトを実行できるのがjquery-textresize-eventです。 文字を大きくしたり、小さくしたりするとコンソールにresizedというログメッセージができます。 コードはこんな感じでtextresizeをbindします。 jquery-textresize-eventはspanタグの隠し要素を追加して、それの高さと変更後の高さを常時比較することで検知できるようにしています。アイディアが秀逸です。 jquery-textresize-eventはJavaScript/jQuery製のソフトウェア（ソースコードは公
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
JavaScriptを書くとき気をつけている１３のこと / Devslog
JavaScriptを書く時に気をつけていることをいくつか。 この記事はJavaScript Advent Calendar 2011 (オレ標準コース)の１５日目担当の@tksnがが書かせていただきました。 前日は@egtraさんのJScript 5.8をJScript 5.8モードで動かすでした。 スコープ スコープを適切に使うことを心がける。スコープを無視した変数はローカル変数より遅い。 リテラル値とローカル変数 リテラル値とローカル変数が最速。この２つを積極的に使う。配列やオブジェクトも２回以上使う場合はローカル変数に入れる、そのほうが速い。 フロー制御 if文かswitch文か配列参照か。少数の値、もしくは範囲ならif文。３〜１０個の値を見るならswitch文。それ以上の場合なら配列参照を使う。 ループ できるだけ反復子をゼロと比較するようにする。非ゼロとの比較より速い。 テス
日本のソーシャルゲームが儲かっている本当の理由
日本国内では、2009年の後半から凄まじい勢いでモバイルソーシャルゲームの市場規模が拡大しました。そのインパクトは、老舗ゲームメーカーを巻き込み、独自の家庭用ゲーム機を持つ大手企業の不安を煽るまでになりました。 今までゲームなんか作ったことのなかった小さなITベンチャーや、暗中模索していたシステム屋の中には、ソーシャルゲーム開発へ方向転換して、一気に急成長したところも少なくありません。 ネット上では、ソーシャルゲームについて賛否両論ありますが、結果として「いっぱいユーザーがいて、たくさんお金を使っている」というのが現実です。 日本のモバイルソーシャルゲームが急成長した理由を考えれば、ネットで課金ビジネスをする上で参考になります。今回は、そこに興味を持っている人向けのエントリーです。 なぜユーザーは携帯のソーシャルゲームにお金を使うのか 現状の結果を見ても、MobageやGREEのソーシャル
何回かに分けて眠る「多相性睡眠」にすれば睡眠時間を短縮できる！ | ライフハッカー・ジャパン
睡眠といえば、毎晩6～8時間の睡眠を1回だけとる「単相性睡眠」が普通です。一方「多相性睡眠」では、一日24時間の間に短い睡眠を何回か取り、トータルで2～4時間の睡眠をとります。多相性睡眠にすれば、一日の睡眠時間を大幅に短縮することが可能です。しかし、多相性睡眠では、ネガティブな副作用を経験する人もいます。 多相性睡眠のメリットは、すぐにレム睡眠になれる点。ブレインハックブログの「High Existence」によると、多相性睡眠で短い睡眠を頻繁にとることで、第5ステージのレム睡眠にすぐに入れるようになるとのことです。ちなみに、通常の睡眠スタイルではこの段階に至るまでに45～75分かかります。これが、多相性睡眠が少ない睡眠時間でも問題なくやっていける理由です。 多相性睡眠にも様々なパターンがあります。冒頭画像は、そのうちの2つの例です。個人的には、画像の右側にある「Everyman Cycl
要チェック！Webベース、Ajaxを使った表計算ソフトウェア·dhtmlxSpreadsheet MOONGIFT
dhtmlxSpreadsheetは多数のWebブラウザに対応したWebベース表計算ソフトウェアです。 WebベースでもExcelのような編集がしたい、そんなニーズに応えるのがdhtmlxSpreadsheetです。PDFやExcelでのエクスポートにも対応した、すごいソフトウェアです。 まさに表計算といった感じの画面です。 計算式の埋め込みももちろんできます。 値を更新すれば計算式の入ったセルも更新されます。 セルの背景、文字色の変更もできます。 右寄せ、中央寄せも可能です。 計算式も多数用意されています。 マウスのドラッグで範囲選択可能です。 PDFエクスポート（実際には外部サービス利用）できます。日本語は表示されません。 同様にExcelでの出力にも対応しています。こちらは日本語に対応しています。 設定です。 セルの幅は変更できますが、カラムをクリックして全体選択といったことはできま
『ポケモン＋ノブナガの野望』
※「SOUND ON」をクリックすると、BGMをOFFにすることができます。 ©2012 Pokémon. ©1995-2012 Nintendo/Creatures Inc./GAME FREAK inc. ©2012 コーエーテクモゲームス ポケモン・Pokémonは任天堂・クリーチャーズ・ゲームフリークの登録商標です。 ・ニンテンドーDSは任天堂の登録商標です。 ※「ニンテンドーWi-Fiコネクション」サービスは終了いたしました。 ニンテンドーDSソフト『ポケモン＋（プラス）ノブナガの野望』の商品・修理に関するお問い合わせ ポケモンカスタマーサポートセンター ※2017年2月末をもって本タイトルのサポート窓口が上記窓口に変更となりました。
ポケモンカードをBWから始めてみた私のブログ・XY突入 No195/ジムチャレポ 23回目
今日もバトラーさん行ってきましたー。 かなり人が多かったです！確か16人？ 色々な方がいて楽しかったです！ 悪ビート」デッキBWver 1戦目 ○ 6-0 EXデッキ＠ショウキくん 小学生チームの初心者さんでした。今回初チャレみたいです。 岩槻の子たちは結構強いカードを持っているので少し貸してもらってたみたいです。 トルネEXやライコウEX等のカードを使ってましたが、イカサマ、ビートダウンで押し切りました。 2戦目 ○ 6-0 エンペ山化石トルネEX(BW)＠ヨッシーさん エンペデッキでした！プテラトルネEX入りで面白いデッキです。 プテラが並んでトルネEXで70～を連発したり120↑を連発デッキですね。私も今考え中です。 とにかく場が揃う前に速攻と、改造ハンマーが刺さってトルネEXが動けなくなったのが強かったです！ 改造ハンマー怖いですよねー。対戦ありがとうございました！ 3戦目 ○ 6
商用も無料でリンク不要の日本語フォント・こども丸ゴシックと、無料で手に入るフォント配布サイトの早見表 - かちびと.net
はんなり明朝の作者さんより新作の ご連絡がありましたのでご紹介です。 丸みのある可愛らしい丸ゴシックの 「こども丸ゴシック」。今回も商用 でも無料でリンクなども不要と、 太っ腹なご提供です。貢献者さんで すね・・・頭が下がります。 さて、またも商用利用OK・リンク不要の日本語フォントが登場です。いつもご連絡頂き有難う御座いますー！ 現在漢字は創意製作中で、先行してひらがな、カタカナ、アルファベットをご提供頂きました。 かわいい丸ゴシックのフォントです。漢字は製作中とのことです。Twitterでフォロー(@typingart)しておくと見逃さないかもしれません。 テスト的に使って見ました。今年の漢字は「絆」なのでそんなニュアンス。コピーは思い付きです。手書き風のような丸みのあるフォントは人の声などを表すのに適してますね。子供や女性がターゲットのサイトで活躍してくれるかもしれません。漢字が出来
絵の描き方・上達法総まとめ 初心者からベテランまで絵を描く人に役立つ記事36選 ｜ お絵かき速報！萌え絵上達法
あらゆる絵の描き方や上達法を集約したサイトが見たい、という思いから作った 「お絵かき速報」2年間の総まとめです。 今まで紹介してきた中で、反響が大きかったおすすめの記事をまとめました。 絵を描いたことがない、これから描いてみたい、という方は描き始めるきっかけとして。 既に絵を描いている方は、更なる上達への足がかりに。 また、作業効率の向上や、モチベーションを上げるための参考になさってください。 【初心者向け講座】 初心者にも分かりやすい『人の描き方』講座まとめ とっつきやすい、キャラの描き方講座まとめ 絵が全く描けない初心者に最適のイラスト教本と練習法 これから萌えキャラを描き始めようとする人に 絵が上手くなりたい人が見るべき講座・サイトまとめ チェックしておくべき定番の絵の上達サイトを紹介 【絵の上達法・練習法】 印刷しておくと必ず役に立つ絵の資料まとめ 何度も見返し参考にしたい絵の資料
FacebookページにIFrameタブを追加するツール
先日エントリーした「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、IFrameタブをFacebookページに追加するには、次のようなURLを手動で起動しなければなりません。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL ということで、FacebookページにIFrameタブを追加できるツール（というか、たんなる入力フォーム）を作りました。よろしければ以下のページをブックマークしてご利用ください。 Facebookページ IFrameタブ追加ツール 使い方 フォームのテキストフィールドに次の内容を設定して、「実行」をクリック。 YOUR_APP_ID：App ID（アプリケーションID） YOUR_URL：アプリの「基本設定」→「ページ
子供が風邪を引くと税金が安くなる？ 医療費控除の謎 | ライフハッカー・ジャパン
初めまして。今回から会社生活・生活全般の情報を中心に書かせていただく、失業経験あり人事担当の田中二郎三郎です。 さて、所得税年末調整の時期です。会社勤めの大部分の方は会社に年末調整書類を提出したか、提出間際の方も多いのではないでしょうか。人事の私も年末調整を担当していましたが、毎年聞かれるのが、「医療費控除はなんで年末調整できないの？」という質問です。 Photo by Andy Dean Photography/Shutterstock. 確かに、生命保険料控除や扶養控除は年末調整でできるのに、病院の領収書などで医療費がかかったことを証明する医療費控除は、確定申告でしかできません。実は、生命保険料控除の証明などは税務署に提出されません。よっぽどのことがない限り、人事担当者が本物かどうか判断して、それで終わりなのです。 では、なぜ病院の領収書などの医療費関係は、税務署が確認する必要があるの
実例から学ぶ、円・サークルをウェブデザインで効果的に使う15のTips
Matt Webb さまざまな異なる種類のサークルを重ねたエレメントです。異なるカラーを使いダイナミックに見せたり、単一のカラーでモノクロームを演出することができます。また、より少ない数のレイヤーにすることで、よりシンプルに見せることもできます。配置としては、背景やヘッダなどがよいでしょう。 半透明のサークル Pngised 半透明のサークルは最近、多くのウェブサイトで見かけます。使い方としてはカラフルなサークルか、いくつかのカラーだけにしたサークルが多く、主に背景として利用されています。他にもページ内の適切な箇所のみをハイライトする役割もあり、ユーザーの注意を惹きつける有益な方法です。 かなり大きなサークル
[JS]スムーズなアニメーションで地図（大きい画像）をダイナミックにスクロールさせるスクリプト -CraftMap
地図のような大きい画像を指定サイズにクリップし、クリックやドラッグ操作でスムーズにスクロールさせるjQueryのプラグインを紹介します。 CraftMap [ad#ad-2] CraftMapのデモ CraftMapの実装 CraftMapのデモ デモは二つあり、ページ内の一部に配置したものとウインドウいっぱいに配置したものがあります。 地図のスクロール方法は3種類の操作が可能です。 ナビゲーション（左のパネル）の各ラベルをクリック 地図上のマーカーをクリック 地図をドラッグ 各ラベル・マーカーをクリックすると、それに対応した付加情報をパネルで表示します。 Demo 2: ウインドウいっぱいに配置 [ad#ad-2] CraftMapの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.js" type="
Win・MacにApache＋MySQL開発環境を一括インストールしつつ各種ソフトウェアのインストールも１発で出来る「AMPPS」:phpspot開発日誌
Win・MacにApache＋MySQL開発環境を一括インストールしつつ各種ソフトウェアのインストールも１発で出来る「AMPPS」 2011年12月19日- Softaculous AMPPS Win・MacにApache＋MySQL開発環境を一括インストールしつつ各種ソフトウェアのインストールも１発で出来る「AMPPS」。 インストール一発でApache＋MySQL＋PHP、Perl、Pythonのインストールが可能。そうしたソフトウェアは他にもありますが、ユニークなのは２５０以上のオープンソースソフトもワンクリックで一発インストールが可能というところ。WordPressやJoomlaなどCMSの他、ショッピングカートやメールソフトウェア等、有名なOSSはクリック一発で驚きの簡単さでインストールできます。 いろんなオープンソースがあることを学べ、更にクリック一発で試用することが出来るので
時間の入力を楽にすることが出来るjQueryプラグイン:phpspot開発日誌
Timepicker for jQuery 時間の入力を楽にすることが出来るjQueryプラグイン。 inputにカーソルを合わせると補完候補が出て、次のように選択できるようにすることができます クリックするとそのままテキストが入ります。 基本の時間をベースとして何分後かという表示をするようなカスタマイズも可能 サービスによってはうまくマッチするUIが簡単に作れそうですね。 関連エントリ ファイルアップロード関連のjQueryプラグイン１０ インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」 Twitter OAuth認証をポップアップで行うjQueryプラグイン
jQuery.gpKeyでキー操作が楽々に。 | Ginpen.com
概要 keypress、keydown、keyupのイベントを管理できるjQueryプラグインです。大きな特徴はふたつ。 まずひとつ目は、要素単位で設定できること。通常キーボード系のイベントはinput等の入力系要素かdocumentで発生しますが、jQuery.gpKeyは任意の要素で発生したものとして管理する事ができます。 もうひとつは、キーごとの操作をわかりやすく設定できること。例えば”Ctrl+S”を拾う場合は"^s"という文字列と処理内容をセットにして指定します。 キーボード操作のあるウェブアプリでの利用を想定しています。 ダウンロード jquery.gpkey-0.1.min.js [4KB] jQuery.gpKey.zip [57KB] jQuery.gpKey.tar.gz [57KB] 基本的な使い方 要素をクリックすると反応するようになり、また要素外をクリックした場合
アンカーを:hover状態にすると後続するフロートの一部が消える - CSSバグリスト
以下の条件に該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると最もボックス高が大きいフロートのうち、2番目にボックス高が大きいフロートの高さを超える部分が消える。 （【アンカーを:hover状態にすると親ブロックの高さが変化する】が発生するような入れ子構造があり、バグ対策を施している【アンカーを:hover状態にすると親ブロックの高さが変化する】の「補足」を参照）。 上記の入れ子ブロックの後にフロート化したボックスが複数並んでいる。 それらのフロートの下に何も（clearプロパティがnone値以外のボックスなどが）存在しない。 最も前にあるフロート（左フロート(float:left;)が複数ある場合は最も左上方に置かれるフロート、右フロート(float:right;)が複数ある場合は最も右上方に置かれるフロート）のボックス高が最も大きい。 例示 <div style=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3でシンプルな図を描く際のチートシート:phpspot開発日誌
BW4 発売記念！ ダークラッシュ！！ ポケモンカード徹底分析 第55回 | PTCG BLOG ポケモントレーディングカードゲームブログ Pokemon Trading Card Game blog.