1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から
1 白黒(三重県)2013/04/20(土) 19:47:44.54 ID:Svx7zktR0 ?PLT(13311) ポイント特典 清楚な雰囲気の黒髪で人気急上昇中の佐々木絵里さんの最新イメージDVD「えりのキモチ・・・」 が4月26日にシャイニングスターよりリリースされる。 今回はちょっぴり背伸びした小さめ水着に挑戦。キュートな私服ショットなど“うさぎ系美少女 佐々木絵里”の魅力が詰まった作品になっている。 http://www.girlsnews.tv/dvd/82262 3 ラ・パーマ(WiMAX)2013/04/20(土) 19:48:35.43 ID:gmZLeGr+0 ノーチェン 18 シャム(WiMAX)2013/04/20(土) 19:51:25.44 ID:NR9grTeh0 一晩２０万出してもいい 19 サイベリアン(内モンゴル自治区)2013/0
はじめに 僕は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、カリウム，マグネシウム，
バルスのことなんですけど。 大多数のネットユーザー諸兄はご存知かと思うが、バルスは天空の城ラピュタにおける「滅びの言葉」である。劇中ラストシーンにおいて、家伝の飛行石を手にしたシータとパズーが「バルス！」と叫ぶと、なんか飛行石がやたら光ってムスカさんが目が目が星人になったりラピュタがぶっ壊れたり、色々とエラいことになる。 「バルス=滅びの言葉」という図式の定着度・認知度はWeb上では恐ろしい程であり、ラピュタ放映時には実況板が「バルス！」の書き込みとAAで埋め尽くされるという。 まず考えなくてはいけないのは、このバルスという命令は一体何の為に用意されたAPIなのかということである。 ラピュタは人工物なので、当然設計者や開発者がいた筈である。そして彼らは、管理権限キーっぽい小さな飛行石に、複数のコマンドを用意している。「困った時のおまじない」であるとか、「滅びの言葉」がそれである。飛行石を身
財布や携帯をなくしたときなどに、重要な情報が手元になくて困る時があります。 そこで筆者は、データにしておけばなんとかなるものというのは、Evernoteにいれていたりします。 あくまで個人的な一例ではありますが、参考になればと思いまとめてみました。 Evernoteを使ってない人は手帳に書いてあっても便利だったりします。 万一、Evernoteのアカウントとパスワードが漏洩すると、これらの情報すべてが漏れてしまいます。また、Evernote社のサーバに個人情報を保存することに不安を感じる人は、この方法は避けたほうがいいでしょう。情報管理は自己責任で！ ■前提 ここで入れる情報は「他では探すことができない情報」になります。 たとえば、よく行っているお店の情報というのは、Googleで検索すれば出てくるわけで、入れなくても大して問題になりません。 「自分だけが知っている必要のあ
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春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は部屋はいったら漫画みたいに荷物
なぜか、仕事と成長はセットで語られることが多い。学生の頃、冷やかしで就活セミナーのようなものに一回行ったことがあるのだけど（詳しくはこちら参照）、その時講師を勤めていた戦略コンサルタントは「人は仕事を通じて一番成長するんだ」という話をしていたし、Amazonで「仕事 成長」というキーワードで検索をするとそういった内容の本が山ほど出てくる。先日話題になったユニクロ柳井正会長のインタビュー記事では、「人間は、仕事以外で成長する方法はないんですから」とまるでそれが普遍の真理であるかのように語られていて、怖い気持ちにすらなった。 僕はそもそも成長なんて無理にしなくていいと思っているのだけど、仮に成長する必要があったとしても、それを仕事内で行う必然性はないと思っている。成長と仕事が必ずセットで語られるのは正直ちょっと変だ。これらがセットでなければいけない論理的必然性はないし、もっと言うと、仕事で成長
2 以下、名無しにかわりましてVIPがお送りします :2013/03/19(火) 00:50:57.34 ID:BouABxfF0ツッコミが銀魂っぽくなる時 ※関連記事 カーチャンが俺の録画したアニメを見てる(((( ;ﾟдﾟ)))) 何かこう力がみなぎってくるアニメない？ アニメのエンドカードの画像集めてるから貼ってくれ 主人公が勝つか負けるかわからない漫画やアニメない？ 【動画】アニメ「ダンガンロンパ」 PVｷﾀ━━━━(ﾟ∀ﾟ)━━━━ｯ!! 続きを読む
ふと思うところがあったのでアニメ版『アイドルマスター』ことアニマスを何回か見直していたんだけど、俺はやっぱりアニマスをアイドルアニメとしては全く見れなかったし、この子達がアイドルとして演出されているように見えなかった。 当時から「アイドルアニメなのに、アイドルに全く見えない」という事には違和感を覚えながらも、まあ出来は良かったので褒めてはいたんだけど、改めて見直した結果、このアニマスという作品は「ショービズ業界に身をおくもの＝プロとしての自覚と覚悟」が一切描かれていないから、アイドルアニメとして見れないのではないかという結論に至った。 アイドル業界というものがショービジネスの世界であるということについて異論を挟む人はいないと思うのだが、このショービジネスの世界というのは人を集められるのかということが重要だ。そして「人を集められるかどうか」ということと「技術的な凄さ」というものはあんまり関係
・「歌い手」から「インターネットカラオケマンへ」 - Togetter ・ニコニコ動画の「気持ち悪い」とされる部分について考察していく / CYBER LIFE 2CH ・#歌い手厨の名言の検索結果 ・朝日新聞デジタル：ファンの少女とみだらな行為 音楽家の男を逮捕 - 社会 ・ヤバイと思ったが、性欲を抑えきれなかった ‐ ニコニコ動画:Q 『歌い手』が17歳の少女と淫行して捕まったってことでそれはまあ裏山けしからんわけだけれども、それはそれとして司法が捌き然るべき補償が成されればいい話であってそこはもう警察と検察と裁判所と本人同士の問題だ。ただ、気になっているのはこの件において他山の石を投げつけて遊んでいる人たちなんだけど、つまりこれ、犯人が『歌い手』だって点がみんなの『ヒャッハーしたい欲』を煽ってしまったわけだ。 「ミュージシャンがファンの子を食った」「インターネットユウメイジンがオフ会
風もないのに激しく揺れる不思議な葉っぱの映像が、YouTubeに投稿されて話題になっています。 メトロノームのように左右にプンプン揺れている一本の植物。周りの植物の動きを見ると風もほとんど吹いていないはずなのに、明らかにこの葉っぱだけ荒ぶりすぎています。撮影者は手で葉っぱを押さえてみますが、手を離すとまたすぐに揺れが再開。かと思うと何もしていないのに揺れがおさまったり、また動きが激しくなったりと、実に不思議な動きを見せています。 荒ぶる葉っぱ 手で止めてもまた勝手にプンプンしはじめます 撮影者はこの不思議な植物を見て「クレイジー！」と大爆笑。動画のコメント欄では「中に虫が入っている？」「この植物とだけ共振する弱い風が吹いていたのでは」といった分析の他、「これピクミンだよ」というコメントもついていました。 関連キーワード 動画 | ピクミン | YouTube advertisement 関
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
注) macosxでの手順です。 nodebrew nodebrewはバージョンアップの速いnode.jsを、複数バージョン管理するためのツールです。 セットアップ curl $ curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setup wget $ wget https://raw.github.com/hokaccha/nodebrew/master/nodebrew $ perl nodebrew setup パス設定 .nodebrew内にnode.js がインストールされるので、PATH通します。 .zshrcや.bashrc などのファイルにこれを足せば良いだけです。 export PATH=$HOME/.nodebrew/current/bin:$PATH $ source ~/.
CSS4から、image-set()が追加されました。この関数を使うと異なる解像度の画像を複数指定することができます。image-set()は、CSS Image Values and Replaced Content Module Level 4で定義されています。 使いどころ ここ近年、Retinaディスプレイなど高device-pixel-ratioのスクリーンを持つデバイスがリリースされています。恐らく、今後もこの波は止むことはないでしょう。 こういった場合、Web制作者にとって、扱いに困るのが「画像」です。画像の解像度を低くすればファイルサイズが下げれますが、高devicePixleRatioのスクリーンのデバイスで見ると画像がぼやけた感じで表示されます。かといって解像度を上げればファイルサイズが大きくなり、画像のロードに時間がかかるなど回線が遅いモバイル端末などでは、ロードのた
CSS4では、:matches()という擬似クラスが追加されます。:matches()を使うことによって、グループされたセレクタの記述を簡素化することができます。 :matches()は、同機能としてFirefoxに導入されていた:-moz-any()という独自拡張のセレクタが元になっています。その後、WebKitにも:-webkit-any()として導入され、Chrome、Safariでも同機能を使うことができます。 :matches()の詳細な説明は、Selectors Level 4の4.2. The Matches-Any Pseudo-class: :matches()を訳しましたので、ご参考ください。 仕様書から いずれかにマッチする疑似クラス:matches()は、引数としてselector listをとる関数表記の疑似クラスです。:matches()疑似クラスは、引数内の表
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歳の女子生徒を集団レイプ。その後、犯行現場の写
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
