タグ

2015年5月1日のブックマーク (3件)

  • お手軽データバインディングライブラリ「Vue.js」を使いこなそう(コンポーネント編)

    はじめに 連載第1回目記事『お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編)』ではVue.jsの基について解説しました。今回はVue.jsを使用して再利用可能なモジュールを作るための技術要素、カスタムフィルター、カスタムディレクティブ、コンポーネントについて紹介します(稿の執筆時点のVue.jsのバージョンはv0.11.5です)。 Vue.jsはVM(ViewModel)インスタンスを定義することにより、View-Model間の双方向データバインディングを容易に実現する機能を提供するライブラリです。シンプルな機能で学習コストが少ないという特徴もあり、お手軽にアプリケーション開発を進めることができます。しかし、次第にアプリケーションの機能要件が多くなってくると、VMインスタンスの定義だけでは$elや$dataの内容が肥大化して煩雑になってしまう場合もあります。

    お手軽データバインディングライブラリ「Vue.js」を使いこなそう(コンポーネント編)
  • 動画素材が手元になくても背景に動画敷くウェブサイトを作る工程 - MEMOGRAPHIX

    このまえ、こういうサイト作った。 Azusa Colors Keynote Theme by sanographixこのサイトでは背景に動画を敷いている。背景に動画敷くサイト、最近よく見る。自分でいくつか作っているうちに徐々に作り方が分かってきたので書きます。 動画を用意するそもそも動画素材を用意するのがわりと大変で、日頃から素材を撮り貯めている人はあまりいないと思う。ぼくも今まで自分で撮った動画は、なんか公園で鳩が動いてる動画とか、使いどころのないやつばかりだった。 動画素材が手元にない場合、クリエイティブ・コモンズ・ライセンスで動画配布しているサイトがあるので、活用するとよい。 Mazwaiかっこいい動画がいろいろある。Life Of Vids - Free Videos for Designers, Web Creatives & anyoneこっちはCC0なのでライセンス表記不要。

    動画素材が手元になくても背景に動画敷くウェブサイトを作る工程 - MEMOGRAPHIX
    kyaido
    kyaido 2015/05/01
  • Make full screen sections with 1 line of CSS

    Modern websites nowadays are having full screen sections on their homepage. If they are not full screen, they take at least 80–90% percent of the real estate and that needs developing time and a lot of javascript coding. To give you an example of what I am talking about here are some examples of websites that are using this layout. www.spotify.com They use data-attributes to store the height propo

    Make full screen sections with 1 line of CSS
    kyaido
    kyaido 2015/05/01