WEB掻っ穿じり

WEB備忘録とチャリとカメラ

web

【備忘録】アニメーション系js(lib)のまとめ

アニメーション系JS 7種 + α

CSS Transition、WebGL、Canvas、SVG… jsで実装するアニメーションライブラリをさらっと見てみる。


貂明朝リリース さっそくweb fontで使ってみる

11/28 Adobe MAX JAPAN 2017で発表されたAdobeの新いフォント、『貂明朝(てんみんちょう)』。

貂明朝1


スマートIoT照明をArduino(Johnny-Five)とPubNubでプロトタイプモデルを構築

前回はArduinoをJohnny-Fiveを使ってLチカすることが出来ました。
今回はフルカラーLEDを使ってスマート照明的なシステムを構築してみたいと思います。

参考記事

『JavaScriptエンジニアへのIoTのすすめ:Node.jsとArduino...


JavaScriptでLeap Motionの情報を受け取ってみる

先日VR関連の情報を得る機会があって、そこでLeap Motionが紹介されていました。

フィジカルコンピューティング
(マイノリティ・リポート的なイメージ)

普段ゲームやなんかに馴染みはないんですが、昔映画で見たようなフィジカルコンピューティングを彷彿させるような印象を受けて触発されました。

そして、SDKの...


紙媒体ライクなテキストコンテンツのレイアウト実装をスタイルで実装してみる

Webブラウザ上のテキストコンテンツのレイアウトでは、横書きや四角いブロック要素で考えることが長い間一般的とされていると思います。
そこで紙媒体のようなテキスト要素のレイアウトを、現段階で実装可能な機能を紹介します。
ブラウザによって制限がある機能を幾つか取り上げますが、環境によっては現実...


カラムレイアウト(段組み)で便利なスタイル

BootstrapFoundation等のCSSフレームワークでスタイルまかせてWeb開発するのは確かに楽なんですが、オリジナルスタイルを作成する場合、今時はデバイスごとの横幅に関しては(決まりごともありますが)ちょっと意識して考えないといけない事柄だと思います。

スクリーンがいくらワ...


ちょっと使えるテキスト装飾 css小技

テキストコンテンツで、覚えておくと便利なスタイルを集めました、覚書。 掲載時から対応ブラウザに変更がある可能性があるので、使用時には随時確認が必要。

オーバーフロー制限

長いタイトルを一行に収めたい時など、自動で省略(…)をつける。

コンテナ要素からはみ出たコンテンツをtext-overflow...


使えるcss、sass、jQueryのセレクタ、おさらい・覚え書き

css、sass、jQueryのセレクタ、基礎の覚書。

CSSセレクタ

子要素だけに適用
div > a { color:green; }
  
隣接している要素だけに適用
div + a...

gitで迷惑かけないための、個人的な覚え書き。

gitの操作、コマンド、あれこれ個人的な覚書。

基本的な操作

新規リポジトリ作成
$ git init
  
リモートリポジトリからクローン作成
$ git clone <URL>
  
...

ArduinoをJohnny-FiveからNode.jsで制御 Lチカしてみる

Arduino Uno R3画像

先日、渋谷で行われたNode.jsの祭典に参加してきたのですが、その中で「Hardware Hacking for JavaScript Developers」@girlie_macさんの実演が面白く、JS BoardやIoTと言った流行のキーワードに対して何かしら自分なりにアプローチ...


Page 2 of 5