画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ! 日本語、しかも漢字でもOK 実装はこんな感じになります。 HTML 文字はspan要素で配置し、上に表示されるホワイトの文字はdata-letterに記述します。 <div class="foo"> <span class="letter" data-letter="A">A</span> <span class="letter" data-letter="B">B</span> <span class="letter" data-letter="C">C</span> ... ... </div> 日本語は、こんな感じです。 <div class="foo"> <span class="letter" data-lett
ソニーのフラグシップスマートフォン「Xperia Z1」の国内発売が明らかになると同時に、NTTドコモから「Z1」の機能をそのまま詰め込んだコンパクトモデル「Xperia Z1 f SO-02F」が発表された。Xperiaのフラグシップシリーズに新しく連なる「Xperia Z1 f(以下:Z1 f)」とはいったい、どんなモデルなのだろうか。 今回はソニーモバイルコミュニケーションズ(株)にてXperiaシリーズの事業部門を統括する、UXデザイン&企画部門 UX商品企画部 Vice President, Creative Directorの黒住吉郎氏、ならびに新製品「Z1 f」の商品企画を担当する商品企画課の内田考彦氏、カラー&マテリアルデザイナーのLinda Lissola氏に、新製品「Xperai Z1 f」が開発された経緯と、今後に向けたXperiaシリーズの展開を訊ねた。 ソニーモバ
Lifehacker編集部御中 仕事でもプライベートでも、誰かに何かを依頼しなければならないことがあります。本来、人に何かをやってもらえるのは素晴らしいことのはずですが、中途半端なレポートやいい加減な洗濯など、十分な仕事をしてくれない人もいて......。全部を自分でやるわけにもいかないし、かといってこれらの人と付き合わないわけにもいかないし、いったい私はどうしたらいいのでしょう? 「猫の手は借りたくない」より 猫の手さん、お問い合わせありがとうございます。 誰しも、仕事の委任が必要になるときがあります。アシスタントへの仕事の依頼、学校のイベントでの作業などのほか、友達や家族で仕事を分担することもよくあるでしょう。しかし、頼み下手の人が多いのは事実。実は、委任とは芸術であり、習得が非常に難しいスキルなのです。 委任した相手がその仕事に向いていないこともよくあります。つまり、良い結果が返って
コンピューティング・プラットフォームのシェアではすでにAndroidがWindowsを抜いているというニュースが少し前に話題になりました。スマートフォンの存在感は、いまやパソコンをしのいでいます。 パソコンが主流だった時代に比べ、スマートフォンでは自分でアプリを作ることに興味を持っている人も増えた気がします。そうした人にとって取っ付きやすいのが、Androidアプリの開発です。iPhone/iPad向けのアプリを開発するには、まず開発用機器としてMacが必要で、年間8400円(2013年10月現在)の費用も必要です。一方、Androidアプリであれば、手持ちのパソコン(WindowsでもMacでもLinuxでもOK)を使って無料で開発できます。 Androidアプリの開発ツールである「Android SDK」を使えば、アプリ開発初心者でもコードを全く書くことなく「Hello World!」
スポーツ関連情報サイト「Yahoo!スポーツ」のシステムは、新3種の神器を三つすべて使って開発・運用されている。導入の経緯やその効果を紹介する。 「ユーザーにより良いサービスを提供するため、システムを継続して頻繁に作り変えていく必要がある。ITの現場は、頻繁にシステムを変更できる体制や仕組みを整えておかなければならない」─。 これは、ヤフーの内田誠悟氏(メディアサービスカンパニー 開発本部 エンジニア)が描く、ITの現場の理想的なあり方だ。だが、内田氏が2012年7月に配属されたチームは当時、この理想とは異なる状態だったという。 システムを頻繁に変更できない現場 内田氏らのチームにはITエンジニアが18人おり、スポーツ関連情報を提供するWebサイト「Yahoo!スポーツ」や「スポーツナビ」を担当している。 情報提供といっても、テキストと写真だけの単純なサイトではない。例えばプロ野球の試合経
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く