[B! web] tamakoronのブックマーク

Slackにおける音声通話機能のWebRTC観点からの解析

はじめに 2016/3/3より、Slackに音声通話機能が搭載された。試しに使ってみたSlackユーザもそれなりにいると思う。 Slack音声通話機能の対応クライアントは、現時点では限定的だ。Slackの設定画面の一文を引用すると Currently on Mac and Windows desktop apps and in Chrome; coming soon to mobile! の通りで、Chromeまたはデスクトップのネイティブアプリとなる。音声機能が実装されていてこの種類の対応状況なら、もちろん利用技術はWebRTCと考えるのが素直だ。(しかもWebRTCベースのスタートアップであるScreenHeroを買収していることもあり) ここで、最も気になるのは内部でWebRTCをどのように利用しているか、という点だ。すでに、WebRTCエンジニア御用達のWebRTCHacks

tamakoron 2016/03/07

Slackにおける音声通話機能のWebRTC観点からの解析

slack
web

リンク

今更聞けない！エンジニアのための CSS の基礎講座〜ボックスモデル編〜 | 株式会社ヌーラボ(Nulab inc.)

注意 HTML5 からは見た目は CSS に任せ、HTML は文書の構造（セマンティック）を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-it em; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。ボックスモデルとは CSS でレイアウトをする際には、ボックスモデルを理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。ボックスモデル解説図 content（コンテンツ）テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width（幅）と height（高さ）プロパティで指定することができます。 padding（パデ

tamakoron 2015/12/15

今更聞けない！エンジニアのための CSS の基礎講座〜ボックスモデル編〜

css
web

リンク

Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech

ごきげんよう。フーミンです。「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer

tamakoron 2015/12/02

Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 ― un-Tech

リンク

Pelletkachels.nl

Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transf ormatie tot moderne en

tamakoron 2015/11/23

GitHub PagesとJekyllの組み合わせの便利さを今更知って勃つ

リンク

CSSのすぐに使える小技から驚きのスゴ技まで！CSSアニメーションの素晴らしいアイデアのまとめ | コリス

ここ2, 3年、CSSアニメーションの進化がすごいですね！次のプロジェクトにさっそく使ってみたくなるようなものから、こんなことも出来るのか！という驚きのテクニックまで、CSSアニメーションのスゴ技・小技を紹介します。 Animated Gameboy in CSSのデモのアニメーションGIF まずは、CSSで作られたゲームボーイ。上はデモをアニメーションGIFにしたものですが、下は生HTMLと生CSSです。そのままのアニメーションでも驚きですが、ホバー時にはスケルトンになります。

tamakoron 2015/11/19

CSSのすぐに使える小技から驚きのスゴ技まで！CSSアニメーションの素晴らしいアイデアのまとめ

リンク

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類総まとめ

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネスサイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティングライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コードデザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ