タグ

2014年5月20日のブックマーク (7件)

  • CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)

    こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日語訳は以下のページをご参照ください http:/

    CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
    rie141
    rie141 2014/05/20
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Twitter社、音楽共有サービスSoundCloudを買収か | All Digital Music

    Twitter社はドイツ音楽共有サービスSoundCloudの買収を検討していると、Re/codeがレポートしています。 SoundCloudはDJやプロデューサー、バンドからジャーナリストや学校まで誰もが音楽やオーディオをネット上に投稿し共有することができることから、「オーディオのYouTube」と言われています。この無料のサービスは、2013年10月の段階で世界でユーザー数が2億5000万人を突破しています。 Re/codeによれば、もしこの買収が進めば、Twitter社にとって最も高い買収になるはずです。SoundCloudは今年始め新たに6000万ドル(約60億円)の資金を新規調達し、企業価値を7億ドル(約700億ドル)に高めています。 【関連記事】 ・音楽共有プラットフォームSoundCloudが新たに6000万ドルの資金を調達、ユーザーは世界200カ国以上2億5000万人を超

    Twitter社、音楽共有サービスSoundCloudを買収か | All Digital Music
    rie141
    rie141 2014/05/20
  • CSSのみで実装するキャプションエフェクト 20 - NxWorld

    自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTMLCSS 一部をのぞき、今回はサンプルとして基的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント

    CSSのみで実装するキャプションエフェクト 20 - NxWorld
  • エンジニアがクリエイティブ業界で働くべき最大の理由|バスキュール 古川亨のキャリア論 | キャリアハック(CAREER HACK)

    なぜ、広告・クリエイティブの業界はエンジニアに人気が無いのか?デジタルを駆使したインタラクティブな広告が盛り上がっているし、ニーズも高まっている…が、エンジニアが圧倒的に足りていない。この問題の根とは?解決の糸口はあるのか?バスキュールのテクニカルアーキテクト、古川亨さんと共に考えてみた。 若いエンジニアにとって「クリエイティブ業界」は選択肢になるか? WEB制作の枠に収まらず、「面白い仕掛け」を生み出すクリエイティブカンパニーが今、注目されている。CAREERHACKでは「次世代クリエイターの理想像」を追うべく、さまざまな会社を取材してきた。そこで感じたのが、この業界全体の盛り上がりと、つくり手となる人材(特にエンジニア)が不足している点だ。 スタートアップ、フリーランス、自社プロダクトの開発など、キャリアの選択肢が広がっていくなかで、エンジニアにとって「クリエイティブ業界」は選択肢に

    エンジニアがクリエイティブ業界で働くべき最大の理由|バスキュール 古川亨のキャリア論 | キャリアハック(CAREER HACK)
  • ウェブのデザインやアイデアによい刺激をうける日本のウェブサイトのまとめ

    いつもは海外のウェブサイトをテーマごとにまとめて紹介していますが、たまには日のもと思い、まとめてみました。 デザインやアイデアによい刺激をうける国産のウェブサイトを紹介します。 海外のも定期的にまとめています。 面白いアイデアを使った最近のウェブサイトのまとめ -2014年3月 デザインや仕掛けが素晴らしいウェブサイトのまとめ -2014年1月 MIDORI AOYAMA DJ/プロデューサー Midori Aoyama氏のサイト。フラット・スクロールの定番のトレンドに斜めのグリッド、ポリゴン、アニメーションなど最新のデザインが非常にかっこいいです。制作会社はLETTERS, INC.で、今日リニューアルしたばっか!

  • 日本人だけが知らない、欧米スタートアップにおけるWebサイト構築サービスの台頭(小川浩) - エキスパート - Yahoo!ニュース

    Webサイト構築サービスベンチャーに注目しよう 国内ではほとんど知られていないが、実は欧米では、Webサイト構築サービスを主力にするスタートアップの躍進が注目されている。 彼らの多くは、HTMLCSSの知識を必要とせず、WYSIWYG型のWeb制作ツールと運営用のサーバ・ネットワークも同時に提供するという統合型のサービスだ。もちろん昨今のサービスであればモバイル対応もなされている。昨年には代表的なWebサイト構築企業であるWixがNASDAQに上場をはたしているし、2014年に入って大型増資に成功したスタートアップのニュースも続いている。もはやWordPressやMovableTypeでWebサイトを制作している場合ではないのかもしれない、とまで思ってしまう。 まずプレイヤーの紹介をしよう。 Wix.com イスラエルのベンチャーであるWixは、2013年11月にIPOをはたした。1.2

    日本人だけが知らない、欧米スタートアップにおけるWebサイト構築サービスの台頭(小川浩) - エキスパート - Yahoo!ニュース