HTML5/CSS3のニュースやTIPSなどのまとめ (2019年12月10日) 書籍 電子書籍：詳解！GoogleAppsScript完全入門 - GoogleApps＆G Suiteの最新プログラミングガイド (アマゾン Kindle) https://www.amazon.co.jp/dp/B07BNB1Z9L?tag=dothtml5-22 https://dothtml5.com/archives/20171227_clips.html#pikcup1 出版社：秀和システム、著：高橋宣成 サイト・アプリ Yahoo! JAPANのトップページを、Atomic DesignとReact / Redux/ TypeScriptで作り変えたお話 (Yahoo! JAPAN Tech Blog) https://techblog.yahoo.co.jp/entry/20191203785540/ グーグルが答えた「SEOにまつわる都市伝説」まとめ (WEMO) https://wemo.tech/3541 グーグル、矢印が付いたモバイル検索結果をテスト中 (海外SEO情報ブログ) https://www.suzukikenichi.com/blog/google-tests-titles-with-arrow-in-mobile-search-results/ ツール Facebook、社内のデフォルト開発環境にVisual Studio Codeの採用を表明 - マイクロソフトと協力してリモート開発機能の強化も推進 (Publickey) https://www.publickey1.jp/blog/19/facebookvisual_studio_code.html Adobe XDに便利なプラグインが登場、簡単にワイヤーフレームやモックアップを作成できる「Quick Mockup」 (コリス) https://coliss.com/articles/build-websites/operation/work/adobe-xd-plugin-quick-mockup.html https://adobe.ly/quickmockup https://blogs.adobe.com/japan/cc-web-xd-plugin-quick-mockup-for-ux-design-process-in-japan/ TIPS JavaScript: filterを使って配列内の重複要素を削除や取得したり、2つの配列から共通要素を取得する方法 (NxWorld) https://www.nxworld.net/tips/js-array-filter-snippets.html CSS3 CSSで要素の表示や非表示を切り替える方法いろいろ (LIG) https://liginc.co.jp/490960 PureCSS Lace - CSSだけで絵画のような表現を実現 (MOONGIFT) https://www.moongift.jp/2019/11/purecss-lace-css%e3%81%a0%e3%81%91%e3%81%a7%e7%b5%b5%e7%94%bb%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e8%a1%a8%e7%8f%be%e3%82%92%e5%ae%9f%e7%8f%be/ https://diana-adrianne.com/purecss-lace/ https://github.com/cyanharlow/purecss-lace/ SVG モックアップ等でダミーテキストを表現する為のSVGを作成出来る「Wireframer」 (かちびと) http://kachibito.net/useful-resource/wireframer https://wireframer.netlify.com/ （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2019年12月11日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2019年12月9日)