タグ

2014年8月28日のブックマーク (3件)

  • SCSSとCompassでおしゃれなCSSパーティクルを作ってみた - ICS MEDIA

    Webサイトを構築する際、角丸、グラデーション、アニメーション等、従来では画像やプログラミング言語を使わないと不可能だったデザイン表現が、CSS3を使うことで可能となりました。さらに、CSSの拡張言語であるSCSSや、SCSSのフレームワークであるCompassと組み合わせると、CSSによる表現の幅が広がります。今回は、CSSのみでのデザイン表現をテーマとし、SCSSやCompassの便利な機能を活用した幾何学模様の作り方をご紹介します。 別画面でデモを再生する ソースコード(SCSS) なぜSCSSやCompassを使うのか プログラミングを使って図形を描く場合、基的な四則演算や三角関数といった数学的な処理や、繰り返し文(for文)、条件分岐(if文)等が扱えると便利です。しかし、CSSではcalc()メソッドを使った簡易な計算しかできず、繰り返し文や条件分岐等は実装されておりません。

    SCSSとCompassでおしゃれなCSSパーティクルを作ってみた - ICS MEDIA
  • Windows XPパソコンにChromium OSをインストールして再利用する~Chromebookを作ってみよう~ (1/2):中古PC活用 - @IT

    Windows XPパソコンにChromium OSをインストールして再利用する~Chromebookを作ってみよう~:中古PC活用(1/2 ページ) 不要になったWindows XPパソコンにChromium OSをインストールし、Chromebookを作ってみよう。Chromium OS は、USBメモリから起動できるので気楽に試すことも可能だ。インストール方法やコツなどについて解説していく。 連載目次 やっと日国内でも「Chromebook」の販売が始まった。Chromebookとは、Googleが開発した「Google Chrome OS」を搭載した小型軽量のノートPCのことだ。クラウドストレージとWebブラウザーベースのアプリケーションを活用することにより、比較的低コストなハードウェアでも高度な機能を実現できるので期待されている。だが残念ながら、当面は企業向け・教育向け販売に限

    Windows XPパソコンにChromium OSをインストールして再利用する~Chromebookを作ってみよう~ (1/2):中古PC活用 - @IT
  • JavaScriptで家電を操作するための赤外線信号の基礎知識

    今回は赤外線信号の基礎知識、読み取り/送信方法までを説明し、次回でWebブラウザーのUIとリアルタイムに連携させます。 下記は必要な材料のリストです。今回もGroveモジュールを使います。 Grove Baseシールド →前回使用したものと同じ Grove 4ピンケーブル →2必要 赤外線センサー(WLS12136P) →このセンサーにリモコンを向け、リモコンのボタンを押すことで赤外線信号を読み取る 赤外線LED(WLS12148P) →リモコンで発生した赤外線パターンと同じ信号をここから発生させて、家電を操作する リモコンはどういう信号を送信しているの? 早速、某エアコンのメーカーにリモコン信号の仕様を問い合わせましたが、残念ながら公開していないとの回答でした。 でも、大丈夫です。道が閉ざされたわけではありません。リモコンから送信される赤外線パターンを学習し、それと同じ信号を赤外線LE

    JavaScriptで家電を操作するための赤外線信号の基礎知識