WEB掻っ穿じり

WEBデベロッパー備忘録とチャリ

architect

スマート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...

App Storeから撤退した【Sketch 3】Mac App Store版からダイレクト版への切り替えをしてライセンスを取得する

Sketch 3アイコン

オランダのBohemian Codingが販売しているSketch 3がMac App Storeから撤退することが表明されました。
既にApp Storeからは取り扱いを終了している状態で、今後のアップデートや新しいMacへのインストールはSketch 3ダイレクト版からの提供となっ...


WordpressからMiddlemanブログ機能への移行

当サイトのブログをCMSのWordpressから、静的サイトジェネレーターの一つMiddlemanのブログ機能で再構築することにしました。

導入の動機は流行りもあるのですが、

  • サーバ上にDBを扱わない、アクセスごとにページを生成しない → ページ表記が速くなる。
  • Rubyまわ...

源ノ角ゴシック Source Han Sansをビルド、サブセット化してからのWebフォント化

Source Han Sans、日本語名では源ノ角ゴシックは、AdobeがGoogleと共同開発したオープンソースのフォントファミリーで、オープンソースのフリーフォントとしてSIL Open Font License 1.1というライセンスで公開されています。

クセがなくフラットな書体で...


Macアプリ アイコン作成・変更方法 SKETCH.appデータなど

Mac OSのDockに並ぶよく使うソフトのアイコンたち、使い勝手以上に何より見た目を気にしてしまう人も多いと思います。
ブラウザのアイコンも顕著ですが、Yosemite以降よりフラット化されたデザインのアイコンのを多く見かけます。

WEB開発系のツールなどはどれも洗練されてポップなアイ...


Page 1 of 3