1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から

はじめに 僕はWebフロントエンドはほぼやってないんだけど、Firefox OSとかもアレだって事でソレ系にも手を出すかとあれこれやってたらまぁWebのフロントエンド周りのツールが何か色々あってよくわかんねーしどうしよっかなと思ってた所Yeoman辺りが大分良さそうなんじゃないか程度にはわかって来たので手を出してみた次第。 Yeomanってなに Webフロントエンドでよくある各種構成をコマンド一発で生成してやろうじゃん、というのがYeomanらしい。Yeomanは内部でyo, bower, gruntの3つのツールにわかれていて、Yeoman自身が作ってるのはyo。bowerはTwitter社が、GruntはBocoup社がメインで作っている。 ワークフローとしてはこうらしい yoでプロジェクトを作成し、bowerで依存性管理をし、gruntでビルド&テストをするという事だそうで。volo

酒を飲んでいるので軽くひとつ。 日本人1億2,000万の人がいて、1億2,000万の人生がある以上、1億2,000万の真実があるのは当然でしょう。 その日本人同士や日本に来ている外国の人たちが集まって日本を形成しているのですから、その数百倍の絆が折り合って日本社会というものを形成しているわけです。 ネット業界は、その絆をより良くしていきましょう、より太くして、日本社会を構成している日本人やその他皆さんの、その同士の絆を深めていくことで、日本社会をもっと豊かに、素晴らしいものにしていこうね、と考えるべきなんだろうと思います。それは基幹系だろうがアプリレベルだろうが、入り口も出口も人です。すべてのデジタルも数字も、人がこの社会で暮らしていく営みをより良くしていくために存在する。そんなことは、当たり前のように理解されているのだと思っていました。 また、人が知ることのできる範囲なんてちっぽけなもの

電子書籍「エクスペリエンス ポイント」の紹介ページを作ったときのプロセスがStorifyに掲載されています。スケッチからブラウザー上でデザインのアイデアを固めていく様子を見られます ワイヤーフレームはWebデザインに必要か？ ここ数年で Web とユーザーとの関わり方が劇的に変わり、開発環境も大きく変わりました。こうした中で、私たちが10年近く培ってきた設計・開発における“当たり前”を見直す時期に来ています。WebサイトやWebアプリケーションの設計・開発において必須といわれていた「ワイヤーフレーム」もそのひとつです。 「ワイヤーフレームは必須だ」と思って作っていることもあるかもしれません。しかし、ワイヤーフレームにはいくつかの課題があります。 ワイヤーフレームは実物とかけ離れた存在であるため、描かれている内容を理解するにはWebサイトやWebアプリケーションへの深い理解が必要になります。

こんにちは。iOS / Mac 開発担当の金内です。 使って幸せなアプリには、サクサクとした動きが欠かせませんね。自分たちで作っているアプリが「サクサク」でなく「もっさり」と言われてしまうと残念な気持ちになりますが、反面「よし。こうなったら超最適化して超サクサクなハイパフォーマンスアプリを目指す!」と誓いを立てるよい機会でもあります。 そんな誓いを立てたあなたにピッタリのツールが Xcode に付属している Instruments（インストゥルメンツ）です。フェンリルのウェブブラウザ Sleipnir for Mac や Sleipnir Mobile for iPhone / iPad の開発でも大活躍しています。 Instruments は、一般的にはプロファイラという種類のツールにあたります。プロファイラは、どのオブジェクトがどれくらいメモリを消費しているとか、どのメソッドにどれくら

先日の「『世界一栄養がない野菜』はきゅうり」の記事が、読者から大きな反響を呼びました。はてブ、Tweet数、コメントの多さからも、いかにキュウリが日常生活で欠かせない野菜であることがわかります。これからの季節、キュウリに味噌をつけて食べるのもいいですね。 さて、世界一栄養のない野菜がキュウリということはわかりましたが、ギネスブックにはもうひとつ食べ物に関する項目がありました。その項目とは、「世界一栄養のある果物」というもの。その名誉ある称号を持つ果物とは、はたして何なのでしょうか？ Photo modified from an original by barron. こちらのサイトによると、世界一栄養のある果物は「アボカド」だそうです。このブログによると、 コレステロールを下げるオレイン酸やリノール酸、リノレン酸をはじめ、老化防止に役立つビタミンEやビタミンA、C、カリウム，マグネシウム，

こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告　ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告

TOP > 話題 > 海外の度が過ぎるイタズラ Tweet カテゴリ話題 0 ：ハムスター２ちゃんねる 2013年4月20日 12:00 ID：hamusoku 1 2 3 1 :ハムスターちゃんねる2013年04月20日 12:12 ID：7TseJ9HH0 この全力さがいいっ！ 2 :ハムスターちゃんねる2013年04月20日 12:13 ID：riq7euDh0 ( Д ) ﾟ ﾟ ﾎﾟｶｰﾝ 3 :ハムスターちゃんねる2013年04月20日 12:13 ID：7TseJ9HH0 してみたいー！(((o(*ﾟ▽ﾟ*)o))) めっちゃ時間かかりそうやけどｗ 6 :ハムスターちゃんねる2013年04月20日 12:15 ID：xk0wglgw0 これはあかんやつや 7 :ハムスターちゃんねる2013年04月20日 12:15 ID：XJR.sD560 1は部屋はいったら漫画みたいに荷物

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

なぜか、仕事と成長はセットで語られることが多い。学生の頃、冷やかしで就活セミナーのようなものに一回行ったことがあるのだけど（詳しくはこちら参照）、その時講師を勤めていた戦略コンサルタントは「人は仕事を通じて一番成長するんだ」という話をしていたし、Amazonで「仕事 成長」というキーワードで検索をするとそういった内容の本が山ほど出てくる。先日話題になったユニクロ柳井正会長のインタビュー記事では、「人間は、仕事以外で成長する方法はないんですから」とまるでそれが普遍の真理であるかのように語られていて、怖い気持ちにすらなった。 僕はそもそも成長なんて無理にしなくていいと思っているのだけど、仮に成長する必要があったとしても、それを仕事内で行う必然性はないと思っている。成長と仕事が必ずセットで語られるのは正直ちょっと変だ。これらがセットでなければいけない論理的必然性はないし、もっと言うと、仕事で成長

・「歌い手」から「インターネットカラオケマンへ」 - Togetter ・ニコニコ動画の「気持ち悪い」とされる部分について考察していく / CYBER LIFE 2CH ・#歌い手厨の名言の検索結果 ・朝日新聞デジタル：ファンの少女とみだらな行為　音楽家の男を逮捕 - 社会 ・ヤバイと思ったが、性欲を抑えきれなかった ‐ ニコニコ動画:Q 『歌い手』が17歳の少女と淫行して捕まったってことでそれはまあ裏山けしからんわけだけれども、それはそれとして司法が捌き然るべき補償が成されればいい話であってそこはもう警察と検察と裁判所と本人同士の問題だ。ただ、気になっているのはこの件において他山の石を投げつけて遊んでいる人たちなんだけど、つまりこれ、犯人が『歌い手』だって点がみんなの『ヒャッハーしたい欲』を煽ってしまったわけだ。　「ミュージシャンがファンの子を食った」「インターネットユウメイジンがオフ会

風もないのに激しく揺れる不思議な葉っぱの映像が、YouTubeに投稿されて話題になっています。 メトロノームのように左右にプンプン揺れている一本の植物。周りの植物の動きを見ると風もほとんど吹いていないはずなのに、明らかにこの葉っぱだけ荒ぶりすぎています。撮影者は手で葉っぱを押さえてみますが、手を離すとまたすぐに揺れが再開。かと思うと何もしていないのに揺れがおさまったり、また動きが激しくなったりと、実に不思議な動きを見せています。 荒ぶる葉っぱ 手で止めてもまた勝手にプンプンしはじめます 撮影者はこの不思議な植物を見て「クレイジー！」と大爆笑。動画のコメント欄では「中に虫が入っている？」「この植物とだけ共振する弱い風が吹いていたのでは」といった分析の他、「これピクミンだよ」というコメントもついていました。 関連キーワード 動画 | ピクミン | YouTube advertisement 関

タレント、山本梓（３１）が、２７日に１１冊目の写真集「Ａｚ　ＵＳＡ」（ワニブックス）を発売。 米ロサンゼルスからサンディエゴまで旅をする設定で撮影し、Ｂ８２Ｗ５５Ｈ８３の均整の とれたボディーで大胆ポーズも。「初披露のワンピース水着がお気に入り。少しずつ大 になっている私をずっと見守って」とコメント。 http://www.sanspo.com/geino/news/20130226/gra13022605020000-n1.html 山本梓 写真集 『 Az USA 』

著者：シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm（プラズム、って読みます）」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

In today’s fast-paced digital era, modern website design examples serve as a vital source of inspiration, showcasing the perfect blend of responsive web design, user experience (UX), and visual hierarchy. As we dive into this collection, you’ll uncover the secrets behind minimalist websites and the allure of flat design that dominate the current web design trends. Throughout this article, you’ll d

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle

Latest user interface design inspiration for web and mobile, every time we showcase the best websites and mobile interfaces in the world.

レスポンシブWebデザインとEPUB3の最新動向 EPUB 3とHTML5 2013年04月19日(金) 14:00-16:00 日本印刷技術協会　3Fセミナールーム http://www.jagat.jp/content/view/4835/395/Read less

jQuery開発チームは4月18日、JavaScriptライブラリ「jQuery 2.0」を発表した。Internet Explorer（IE） 6および7、8のサポートの廃止が行われており、より軽量かつ高速になったという。 jQuery開発チームは2012年6月、次期メジャーアップデート版となるバージョン2.0ではIE 6/7/8をサポートしない方針を打ち出しており、最新版はこの計画に沿ったものとなる。それにあたって、2013年1月に2.0とAPI互換をもつバージョン1.9を公開、同時にバージョン2.0のベータ版もリリースされていた。1.9系の最新版は現在1.9.1（2月に公開）で、1系の次期版は1.10となる。 jQuery 2.0ではIE 6/7/8など「レガシー」なWebブラウザサポートが廃止されており、これら専用のコードを削除することで1.9.1と比較してファイルサイズが12％小

どいつもこいつも平気で笑ってネタにしてやがる。 陽気だ。愉快なサニーデイのつもりか。 だが俺の所感は違う。 お前らみんなどうかしてやがるぜ。 まともじゃねえ。 なんでみんな平気なんだ。 他人のセックスをネタにして平気の平左なんだ。 百歩譲ってヤリチンならネタにするのは解る。だが俺の観測範囲では、童貞連中までその中に混じってやがる。 童貞なのに他人のセックスをネタにして笑ってやがる奴らがいる。 俺は気が狂いそうになるよ。 俺は俺の介在しないセックスがこの世に存在することが許せない。 俺抜きで世界にセックスが溢れていることが信じられない。 みんなそうじゃないのか。 共感してくれる人はいないのか。 つらいんだ。 許せなくないのか。 セックスってやつがさ。 だってセックスだよ。 セックスだぜ。 しかも、女子高生とのセックスだ。 俺が例え百万遍神仏に詣ったとしても叶いそうにない永遠のエルドラドだ。

jQuery 2.0 をビルドしてみよう jQuery 2.0 を自前でビルドしてみます。自前でビルドすることでモジュールを省くことができます。 ビルド ビルドするためにはgruntコマンドを使います。インストールしていない場合は、gruntをインストールしておきます。 gruntについては、nodebrew, npm, grunt 環境構築手順でインストールしてください。 また、grunt -version コマンドでgrunt-cliが入っていない場合は、grunt-cliをインストールしておきます。 $ grunt -version grunt-cli v0.1.7 grunt v0.4.1 ソース取得 githubからjqueryのソースを取得します git clone git://github.com/jquery/jquery.git 依存ファイル取得 npm install

たとえば「読書が好き」という。 すると「年間何冊読んでるの？」と聞かれる。 「読むの遅いから月３冊で…まあ40冊いかないくらいかなあ」と答える。 次に来るのは「えっ、そんな少ないのに読書好きって言えるの？」 以下 「好きな作家は？」 「えーと、伊坂幸太郎とか、村上春樹かなあ」 「えっ、そんなメジャーなのしか読んでないのに読書好きって言えるの！」 「じゃあさ、伊坂幸太郎の経歴でさ、こうこうこういうのあるじゃない？あと交友関係が〜で…」 「あ、ごめん、作者のことはよくわからない。既刊は全部読んでるけど…」 「えっ、作者の周辺情報も知らないで読書好きって言えるの！」 自分は「読書が好き」としか言ってない。 本を読むのが好き。 でも「そんなので読書が好きって言えるの？」っていうのは、どういうことなんだろう。 好きというのに資格がいるんだろうか。 読書にかぎらず、漫画でも、アニメでも、ゲームでも。詳

ここ最近、読んでいるだけで、腹の底から怒りと吐き気がわき起こってくるような事件が続いた。いずれにも共通しているのは、「ティーンエージャー」「酒」「集団レイプ」「シェア」というキーワードである。 ３つの事件は、起こった時期はまちまちだなのだが、最近になって判決が下るなどの動きが相次いだもので、その共通性には深く考えなくてはならないことがたくさん詰まっている。 ３つの事件の概要は以下の通りだ。 事件① 昨年８月、オハイオ州で高校のフットボール選手２人（16歳と17歳）が、パーティーで泥酔した15歳の女子生徒をレイプ。女子生徒の裸身の写真や犯行現場のビデオがソーシャルネットワークにアップされた。最近になって、２人のフットボール選手に有罪判決が下った。 事件② 昨年９月、カリフォルニア州サンノゼ近郊で16歳の３人の男子高校生が、パーティーで泥酔した15歳の女子生徒を集団レイプ。その後、犯行現場の写