0
Fuminori Mori @mr_moo555
本日はてげWeb開催日です!コワーキングスペース301にて18時開場、19時スタートです。森はSVG、riot.js3.0、フロントエンドの最近のお話、お役立ち書籍の紹介をします。共有・告知・議論のしたい方、聞くのみの方、みなさんのご来場をお待ちしております! #tegeweb
Fuminori Mori @mr_moo555
本日のてげWeb参加はこちらからどうぞ〜! tegeweb-201611.peatix.com/view #tegeweb
リンク Peatix てげWeb - てげてげなWebのなんでも勉強会 印象に残ったモノ・コトを共有しましょう(^-^)(写真の紹介)霧島神宮の境内にある御神木です。写真の真ん中頃から左にニョキッと飛び出している部分に、神様(神官さん?)が手を合わせて... powered by Peatix : More than a ticket.
Fuminori Mori @mr_moo555
まずはハリウッド版の攻殻機動隊予告編からスタート。 youtube.com/watch?v=G4VmJc… #tegeweb
拡大
リンク YouTube Ghost in the Shell Official Trailer 1 (2017) - Scarlett Johansson Movie Get Tickets - http://www.fandango.com/ghostintheshell2017_194493/movieoverview?cmp=MCYT_YouTube_Desc Starring: Scarlett Johansson, Michael Pitt, and Juliette...
Fuminori Mori @mr_moo555
次はTEDの動画。社会貢献的な観光のありかたを提示。かなり刺激的。「寛容さを育むため、観光に出かけよう!ted.com/talks/aziz_abu… #tegeweb
リンク www.ted.com 寛容さを育むため、観光に出かけよう! TEDフェローのアジズ・アブ・サラは、パレスチナ人の活動家で、平和構築のために変わったアプローチを推奨しています―それは観光旅行です。異文化の人たちが交流するだけで、何十年にもわたる憎悪がどのように解けゆくのかを紹介します。まずは、パレスチナ人がイスラエル人を訪問し、一歩前進する様子から。
Fuminori Mori @mr_moo555
つづいてコーディングネタスタート。border-radius, overflow, position, z-index を使うことで子孫要素が角丸じゃなくても親要素でマスクできるという話。codepen.io/geckotang/pen/… #tegeweb
Fuminori Mori @mr_moo555
SVGを使いやすくする→IcoMoon icomoon.io でiconフォントか、SVGまとめファイルを作る。iconフォント→フォントファイルが複数&cssファイルが1つ、インラインSVG→svgファイルが1つ&cssファイルが1つ #tegeweb
Fuminori Mori @mr_moo555
SVGを使いやすくする方法→注意点 1 イラレですべてアウトライン化したsvgを作る(線は×) 2 単色で良くて、色を変更したいSVGは#000000でアウトラインを塗りつぶしておく #tegeweb
Fuminori Mori @mr_moo555
バリアブルフォントについて。柔軟なデザインを可能にする新しい種類のフォント ow.ly/J7SK306zlf0 #tegeweb
リンク The Typekit Blog バリアブルフォント – 柔軟なデザインを可能にする新しい種類のフォント ワルシャワで開催中のATypIカンファレンスにて、バリアブルフォントと呼ばれる新しいタイプのフォントが世界に紹介されました。Apple、Google、Microsoft、およびアドビが共同で開発したバリアブルフォントは、ジョン ハドソン(John Hudson)の言葉を借りれば「ひとつのファイルでありながら複数のフォントのように動作する」フォントです。ひとつのフォントファイルを使い、ファイル…
Fuminori Mori @mr_moo555
基本的にフォントは太さやイタリックなどの違いによって別ファイルになる。バリアブルフォントは「ひとつのファイルでありながら複数のフォントのように動作する」OpenTypeの新しい仕様。 #tegeweb
Fuminori Mori @mr_moo555
バリアブルフォントはファイルサイズも小さくなるのでモバイル環境向けにメリットがかなりあると思われる。 #tegeweb
Fuminori Mori @mr_moo555
11/16にAdobeからバリアブルフォントのプロトタイプ公開。フォントとアプリを落として確認可能。 Prototype variable font available from Adobe Type ow.ly/mNsJ306zlpy #tegeweb
リンク The Typekit Blog Prototype variable font available from Adobe Type Our co-announcement in September about variable fonts was a huge hit with the type industry — we’re excited to see this technology in development and believe in the enormous potential the format of…
Fuminori Mori @mr_moo555
riot.js3.0 11/22に公開。いろーんな変更、削除、バグフィックスの結果はこちらから。el.on('foo bar')みたいな複数指定はNG。今後はel.on('foo').on('bar')と書くとか。 riotjs.com/release-notes/… #tegeweb
リンク riotjs.com Release notes · Riot.js
Fuminori Mori @mr_moo555
IE8, IE9 環境 において jQuery で クロスドメイン通信 する方法。サーバ側とクライアント側とどちらも設定やらファイルの読み込みやら必要。IE8, IE9ってね…。 garafu.blogspot.jp/2013/08/ie8-ie… #tegeweb
リンク garafu.blogspot.com IE8, IE9 環境 において jQuery で クロスドメイン通信 する方法 主にC#、JavaScriptを使ったプログラミングに関するテクニックやハックに関するブログ。
Fuminori Mori @mr_moo555
お役立ち本の紹介。沈黙のWebライティング amazon.co.jp/dp/4844366238/ 沈黙のwebマーケティング amazon.co.jp/dp/484436474X に続く沈黙のWebシリーズ第2弾 今回もやっぱり面白く、大変勉強になります。 #tegeweb
リンク www.amazon.co.jp 沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉 | 松尾 茂起, 上野 高史 |本 | 通販 | Amazon Amazonで松尾 茂起, 上野 高史の沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉。アマゾンならポイント還元本が多数。松尾 茂起, 上野 高史作品ほか、お急ぎ便対象商品は当日お届けも可能。また沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉もアマゾン配送商品なら通常配送無料。
リンク www.amazon.co.jp 沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディション | 松尾 茂起, 上野 高史 |本 | 通販 | Amazon Amazonで松尾 茂起, 上野 高史の沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディション。アマゾンならポイント還元本が多数。松尾 茂起, 上野 高史作品ほか、お急ぎ便対象商品は当日お届けも可能。また沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディションもアマゾン配送商品なら通常配送無料。
Fuminori Mori @mr_moo555
よくわかる人工知能 amazon.co.jp/dp/4048922335 人工知能についてビジネス、学問、人類の進化など様々な視点で読めます。最後のインタビューが壮大で最近読んだ本の中ではかなり刺激的でした。 #tegeweb
残りを読む(15)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

ログインして広告を非表示にする
ログインして広告を非表示にする