CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
[CSS]カードをぺろっと裏返すエフェクトを実装するスタイルシート
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
これがリアルおとぎの国か！グリム童話にでてくる世界をヨーロッパの中で見つけてきた超絶ファンタジーな写真 : カラパイア
ドイツのカメラマンであり地質学者のキリアン・ショーンベルガーは、グリム童話に触発され、ヨーロッパ中を旅しながら、童話にでてくるようなおとぎの国の光景を撮影し続けている。 その写真にはヘンゼルとグレーテルが、ラプンツェルが、探せばきっとどこかにいそうだ。 苔むした岩、霧の中のお城、木々がうっそうと生い茂る森。 どれもこれも、ファンタジーを感じさせる幻想的な光景である。 ■1. ■2. ■3. ■4. ■5. ■6. ■7. ■8. ■9. ■10. ■11. ■12. ■13. ■14. ■15. ■16. ■17. ■18. ■19. ■20. ■21. ■22. ■23. ■24. ■25. ■26. via:behance ▼あわせて読みたい これどんなシルバニアファミリー？動物たちが次々と立ち寄る、フィンランドの森の中にある廃屋 フェアリーテールの世界。まるで魔法にかけられたような世
一流のプロ・ファッション・フォトグラファーがおもちゃのカメラで撮影した写真が凄い
ファッション誌を飾る綺羅びやかな写真を撮影するファッション・フォトグラファーの腕は本物なの？そんなちょっと意地悪な疑問に答えるべく一流のプロ・ファッション・フォトグラファーが子供用に作られたおもちゃのカメラでモデルを撮影した写真です。プロの腕が試されるかなりキツイ試練、はてしてどんな作品が出来上がったのでしょうか。 今回の撮影では0.3メガピクセルカメラの子供用デジカメ「アンパンマン はじめてデジカメ2 」が使用されています。ボタンを押すとアンパンマンがじゃベリ出すとてもかわいい仕様のカメラです。 1. いつも愛用している一眼レフカメラは没収され、アンパンマンのおもちゃのカメラで撮影に挑むのはイギリスの著名なファッション・フォトグラファー Lara Jade 氏。相当な苦労が予想されます。 2. 香港の繁華街で撮影中の Lara Jade 氏。滞在時間は6時間と非常に短い中、グラスなどをレ
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
【翻訳】線画の塗りが劇的に簡単に！？Gmicを使った線画色塗り自動化チュートリアル - Kritaでぐるぐるお絵かきブログ
David RevoyさんのGmicのColorize機能のチュートリアルの翻訳です。線画からのベタ下塗りの工程を、バケツやブラシなしに魔法のように簡単に済ませることができるかも？調整も簡単！ Gmicはスタンドアロンのプログラムとしても、Gimpのプラグインとしても使えます。チュートリアルでは、Gimpから使う方法と、コマンドラインからGmicを使う方法（そしてKritaで結果をインポートする方法）の両方が紹介されてます。 (10/16:gmic_gimpの64bit版について追記しました。Gimpプラグインのページでは32bit版のリンクがメインになってますが、パッケージダウンロードページには64bit版があるようです。G'MIC - Browse /windows at SourceForge.net) (2015/5/30追記：Krita2.9からこのColorize[intera
なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
【画像あり】子猫の画像が嫌いすぎてじんましんが出るんだけど・・・ : 暇人＼(^o^)／速報 - ライブドアブログ
【画像あり】子猫の画像が嫌いすぎてじんましんが出るんだけど・・・ Tweet 1: 名無しさん＠おーぷん 2014/10/04(土)22:22:42 ID:MUF6TIYdN ほんとお前ら助けて！！！ 4: 名無しさん＠おーぷん 2014/10/04(土)22:26:20 ID:MUF6TIYdN 特にあの丸っこいフォルムがダメ･･･ 5: ポンコツ針金おかわりだ◆PONPONqAns 2014/10/04(土)22:27:26 ID:X92qjr8Z8 じゃあ私の仔猫フォルダは解禁できないお(´；ω；｀) 6: 名無しさん＠おーぷん 2014/10/04(土)22:29:17 ID:MUF6TIYdN >>5 うん そんなことされたら気絶してしまう･･･ 2: 名無しさん＠おーぷん 2014/10/04(土)22:23:12 ID:9TclHt2TS しかたないなあ お大事にね 7: 名
浮かぶ3D映像、LED1個と透明シート1枚で実現 オムロンが開発
オムロンは10月2日、LEDと透明なプレートを使うことで、3D画像の空間投影を可能にする「透明プレート型空間投影技術」を世界で初めて実現したと発表した。LED1個とプレート1枚で空間投影が可能で、従来のような大がかりな装置が不要という。ガラスなどに貼り付けて投影することも可能で、看板の3D表示や駅の案内表示の立体化、ジェスチャー入力機器での活用など、幅広い用途が考えられるという。 LEDの光を透明なプレートやシートから出射させ、3Dの静止映像を空間に投影する。3Dによる奥行きのある表示ができ、実空間の物体との重ね合わせも可能。ディスプレイが透明なため、映像の空間浮遊感がそこなわれず、視界が妨げられないとしている。プレートの手前と向こう側の両方に投影が可能な上、複数枚重ねることで切り替え表示やカラー表示、アニメーションなど高度な表示もできるという。 どこにでも設置できるのが特徴で、ガラスに貼
【画像あり】バルチック艦隊最後の１隻、10月革命にも参加した117年前の巡洋艦をご覧ください。 : 暇人＼(^o^)／速報 - ライブドアブログ
【画像あり】バルチック艦隊最後の１隻、10月革命にも参加した117年前の巡洋艦をご覧ください。 Tweet 1： アイアンクロー(東京都)＠＼(^o^)／：2014/09/22(月) 17:04:56.64 ID:HNW2JWve0.net 9月21日、１０月革命に参加したロシア海軍の巡洋艦アヴローラ（オーロラ）が出航しました。 建造から117年のアヴローラがサンクトペテルブルグのネヴァ川の河畔を離れ、 海軍造船所（1897年にこの船を建造した場所でもある）へ曳航され、 2017年の10月革命100周年の記念祝典の準備のためにメンテナンスと修繕を行います。 河畔には多くの見物人が押しかけ、一目見ようと大量の遊覧船も伴っています。 http://slide.mil.news.sina.com.cn/h/slide_8_204_31769.html 5： ニールキック(埼玉県)＠＼(^o^)／
芸術的な体勢で爆睡するワンコが激写される | ロケットニュース24
寝相は人それぞれで違うもの。仰向け、うつぶせ、はたまた横向き……と自分にしっくりくる寝方があることだろう。そしてそれは動物も同様だが、時として「こんな体勢で眠れるのかよ」って驚かされることがある。 具体的な例を挙げるとすると、今回ご紹介する芸術的な体勢で爆睡するワンコがまさにそう。唯一無二のその姿……スペシャルなワンコにしか成し得ない寝相は次の通りだ！ はたしてスペシャルワンコはどんな体勢で爆睡しているのだろうか。激写された写真を見るとそれは一目瞭然。な、なんとワンコが荒川静香さんの代名詞「イナバウアー」をしながら熟睡しているのである!! 体全体をきれいに反った姿は芸術的要素さえ感じるほど。しかも気持ちよさそうに寝ていることから、体も相当柔らかいのだろう。もし寝相の美しさを競う大会があれば、このワンコは優勝筆頭に違いない。 参照元：THE META PICTURE（英語） 執筆：原田たか
【猫のち猫、ときどきクマ】連載なるかっ！？ | 株式会社NEXT
はい、どうも。 ははっくまこと、はは田クマ子です。 どうもどうも。 え？蒸し豚のタレですか？ だったらやっぱり 『醤油にコチュジャン溶かしてごま油と小口切りにしたあさつきや粗みじんにしたしょうがと指でひねって程よくこなれたゴマなんかも入れちゃって、あ、この時期だったらみょうが刻んだの入れても良いかもねぇーってあれ？そう言えばばあちゃんが庭でみょうが育ててたはずなんだけどこの夏一度も食卓にのぼらないって事は枯れちゃったって事なのかい？あらー残念ー。』 で食べたいところですね。 ええ、ええ。 クマ子ねー 猫まんが描きました。 正確に言うと書きました。 世界中の猫好きさんや、そんなに好きでは無いみなさんにも 喜んでいただけたら幸いですにゃー（アウト軍団 柿沼さん風） はい。 そんな感じで。 イタリアのおしゃれ番長、サルバトーレ・アルベルトさんにおど・・・頼まれて書いてみま
20歳の青年が鉛筆とスケッチブックで描く凄まじいクオリティの立体画の世界
弱冠20歳のチリの画家Fredo氏による立体画が話題を呼んでいます。Fredo氏の絵は、鉛筆でスケッチブックに描かれたものですが、すさまじく精密かつ独特な世界観を持っており、絵が飛び出してくるというよりも、見る者を絵の世界に引き込んでしまいそうな、不思議な魅力を放っています。 The incredible 3D images that pop off the page... created with just a pencil and paper | Mail Online Fredo氏の立体画。絵が立体的に飛び出して見えるだけでなく、スケッチブックの向こう側に違う世界が続いているように見える独特の雰囲気が魅力です。 Fredo氏が初めて描いた蝶の立体画。寝転びながら蝶のスケッチをしていたところ、気づいたら絵がスケッチブックのページをはみ出していたとのこと。これをきっかけに、Fredo氏は
悲しいほど美しい…！人に見棄てられた『不気味で神聖な』光景20選 | BuZZNews(バズニュース) 世界の話題をあなたに！
打ち棄てられたモノ、人に棄てられた廃墟。現世とあの世の狭間に存在しているような、妖しくも不気味な光景をご紹介いたします！ 1.セイント・エティエンヌの教会／フランス ［引用元］http://www.kulfoto.com 2.教会／オランダ ［引用元］http://news.distractify.com 3.崩れた桟橋 ［引用元］https://www.formatt-hitech.com 4.ヨーロッパの城の渦巻階段 ［引用元］http://matthiashaker.com/index.html 5.奈良ドリームランド／日本 ［引用元］http://t.co 6.難破した船が集まる砂州／バミューダトライアングル ［引用元］http://moroz2000.livejournal.com 7.映画館／ミシガン州・デトロイト ［引用元］http://www.foiresaintgerma
手書きトレースアプリ「MagicTrace」(マジックトレース)を作ってみた。
今回作製した画期的手書きトレースアプリ「MagicTrace」(無料-iOSアプリ)の紹介動画です。以下のURLからGETできます。日本語https://itunes.apple.com/jp/app/magictrace/id884484640Englishhttps://itunes.apple.com/us/app/magictrace/id884484640使い方解説動画はこちらhttp://www.nicovideo.jp/watch/sm23811623単純明快カジュアルゲーム「背面とび」もニューリリースです。IOS：https://t.co/nZ7nAbhezE Android：https://t.co/mLccvoWP1e ---------------------------------------------使用BGM EVOLUTION written by "まーか
カメラマンへの上手な撮影依頼の方法（1）――探し方、撮影料金の相場
前回の「イラストレーターの探し方、依頼の方法」に続き、今回はカメラマンの探し方、料金の相場、写真撮影の依頼の方法などについて考えます。 みなさんは、自社のWebサイトに掲載している写真に満足していますか。していなければ、その写真はどのようにして撮影したものですか。今後、どのようにしていきたいと考えていますか。 Webサイト全体をレベルアップさせる方法のひとつに、「写真に対して高い意識を持つ」ということがあります。「閲覧者に訴求するよい写真を掲載したい、でもどうしてよいかわからない」と、写真の質を向上させたいと思っているショップのみなさん、一度はプロのカメラマンに依頼してみることをおすすめします。 カメラマンの探し方 ECショップの協議会やショッピングモールなどに入会している場合は、知人にカメラマンを紹介してもらうのがいちばん早いでしょう。そういうコネがないときは、前回お話ししたイラストレー
見た瞬間「どうなってるの!?」と思ってしまう面白写真20枚 : らばQ
見た瞬間「どうなってるの!?」と思ってしまう面白写真20枚 この写真を見て「えっ？」となったなら、もう術中にはまってます。 見た瞬間、頭が混乱したり、クスっとなるような面白写真をご覧ください。 1. きれいな歯並び……ではなく、柑橘系の果物。 2. 3人いるのに足の数は……。 3. 全員足を閉じてますからね！ 4. 静かに読書中。 5. 夕陽のまなざし。 6. セクシードレスの男性……ではありません。 7. 男同士の……でもありません。 8. ませた赤ちゃん……でもありません。 9. 赤ちゃん抱っこされた男性……でもありません。 10. プールの水吹いた！（後ろのホースが） 11. 太陽でシュボッ。 12. ニギッ。 13. おしりで噴射ー！ 14. 頭を踏みつけ。 15. うしろ見えてるよ！ 16. 犬がわかってないのがポイントですね。 17. ちょっと記念写真。 18. 部屋にひとりで
【写真あり】現代にも通用する幕末イケメンをランキングしてみた【41位～1位】
いまから約150年前の幕末。土方歳三や龍馬らが生きていた時代にもやっぱりイケメンはいた。メジャーどころからマイナーな人物まで写真付きで完全ランキング化！ さて、まずはこの方。 殿堂入り：土方歳三 いわずと知れた幕末イケメンの代表格。 支持率が高すぎるのでいきなり殿堂入りさせてしまいます。洋装もびしっと着こなす涼やかな風貌、「鬼の副長」らしい鋭い眼差しに女性ファン多し。 過去には様々な俳優が土方歳三を演じていて若干カオス気味です。 41位：大久保利通 日本人離れした彫りの深さ！切れ者政治家として明治維新を牽引した大久保の若かりし姿はいわゆるイケメンの枠を超えたかっこよさを感じるのでランクイン。 40位：松平春嶽 福井藩主で幕末四賢候のひとり。殿様らしい品のある風貌を持つ知的イケメンの代表格。見た目からも穏やかだったというその人柄がしのばれる。こんな藩主の下でなら働きたいかも。 39位：大隈重
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Responsive Images using <picture> and srcset/sizes
画像の後ろを白抜きにするWebサービス「Remove Image Backgrounds」簡単にWeb上で出来るからいいね！ – @attrip
