2014年11月10日のブックマーク (6件)

  • [JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

    .mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量(800bytes)プラグインを紹介します。 デモページ 単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="

    [JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
    Sips
    Sips 2014/11/10
    動画 背景
  • 私が普段WordPress案件で入れてるプラグインを紹介(2014年秋版)

    WordBench Nagoya 11月勉強会の最後にアンカンファレンス(班別質問タイム的な感じの)をやった時、「Kさんが毎回必ず入れるプラグインを教えてほしい」という質問をいただいたのですが、残念ながらタイムアップとなったため、ブログにまとめることとなりました。 前提として サイトの用途によって必要なプラグインも変わってきますが、スタンスとしては クライアントワークで、企業サイトを作るというケースを想定 公式ディレクトリ登録プラグイン なるべく高機能ではない(負担の低そうな)もの 迷った時は国産(知人作) という感じです。 基的なWordPress関数で済むような処理は原則として自分で書きますので、なるべくコードを書かずに表示をいじったり機能を追加したい、という方向けではないと思います。 ですので、よくある「使えるプラグイン○個まとめ」的なエントリーとはまた違ったプラグイン選定になって

    私が普段WordPress案件で入れてるプラグインを紹介(2014年秋版)
    Sips
    Sips 2014/11/10
    ワードプレス
  • これなら私でも学べそうーー学生起業家がつくるオンラインプログラミング学習「Progate」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

    Progateの学習画面 その昔、生きるための象徴的なスキルを「読み書きそろばん」と表現した時代があった。 基礎的な技術は永遠であり、これが不要になることはない。しかし時は流れ、これだけでは不足を感じるようになったのも事実である。特にコミュニケーションは重要な位置付けを示しており、中でも外国語は必要に迫られて学んでいる人も多いのではないだろうか。そして近い将来、生きるために「必須」となるであろう言語がもうひとつ存在している。 プログラミング言語だ。 もし、この言葉をある一部の技術者が使う特別なものだと認識している人がいるのなら、それは早晩大きな過ちだと気がつく日がやってくるだろう。プログラミング言語を理解することは、外国語を学んで広い世界を知ることとよく似ているのだ。 そして今日、ここでご紹介するProgateはその手助けをしてくれるものになるかもしれない。詳しく説明しよう。 日の学習環

    これなら私でも学べそうーー学生起業家がつくるオンラインプログラミング学習「Progate」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
    Sips
    Sips 2014/11/10
    プログラミング
  • [CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック

    フルスクリーンサイズでデザインされた縦長ページの各セクションの高さは、表示高さのいっぱいだったり、次のセクションが少し見えるように実装します。 高さがいっぱいではない時、例えば80%, 90%だと通常はスクリプトでの実装を必要としますが、IE9+対応でCSS一行で簡単に実装できるテクニックを紹介します。

    [CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック
    Sips
    Sips 2014/11/10
    CSS
  • 「プログラミング未経験、貯金100万円でアプリで独立」400万ダウンロードの脱出ゲーム「CUBIC ROOM」を生んだアプリ職人の細部へのこだわり。

    「プログラミング未経験、貯金100万円でアプリで独立」400万ダウンロードの脱出ゲーム「CUBIC ROOM」を生んだアプリ職人の細部へのこだわり。 脱出ゲーム「CUBIC ROOM」シリーズ、「みつけて!おじぽっくる」などをつくっている個人アプリ開発者、「Appliss」の貝森さんのインタビューを前後編に分けてお届けします。 ※Applissの貝森さん。 会社員でいることにリスクを感じ、アプリ開発者になった。 貝森さんはアプリ開発をやる前は何をされてたんですか? 貝森: 美術大学を卒業して、とあるメーカーでデザイナーとして勤務していました。でも2年ほど働いた結果、独立することにしたんです。 どうして、独立しようと思ったんですか。 貝森: 実はすごく心配性で・・・心配性だから独立しました。(いつも「逆だろ」と言われるんですが。笑) というのも、終身雇用ってもはや幻想だと思いますし、会社員と

    「プログラミング未経験、貯金100万円でアプリで独立」400万ダウンロードの脱出ゲーム「CUBIC ROOM」を生んだアプリ職人の細部へのこだわり。
    Sips
    Sips 2014/11/10
    あとで
  • Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう! | SONICMOOV LAB

    こんにちは!イラストレーターのあんみです。 最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・! アナログのような表現ができるブラシを作ることが楽しいです^^ こちらの鉛筆ラフですが、実はPhotoshopで描いています。 今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。 鉛筆ブラシの作り方 メニューの「ウィンドウ」→「ブラシ」を開き「楕円(ハード8)」を選択します。 「シェイプ」「滑らかさ」にチェックします。 「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50%」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」

    Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう! | SONICMOOV LAB
    Sips
    Sips 2014/11/10
    鉛筆ブラシ