分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2019年9月16日~9月22日の間に見つけた記事のベスト5です。CSS-Trickshttps://css-tricks.com/ux-considerations-for-web-sharing/シェア(共有)機能,シェアボタンについて,モバイルとパソコンの違いやアイコンデザインについて考察した記事です。モバイル環境では,6割の人はシェアボタンを使ったことがないというアンケート結果もあるそうです。OSが用意しているシェア機能を使う場合も,シェアボタンがあることがシェアしようと思うきっかけのケースもあるので,ボタンが押されたことだけが重要ではないとのことでした。モバイルではOSが用意するシェア機能を使い,パソコンでは独自のシェアボタンを出すのが今のところ最適解のようです。シェアボタンに「メールで送信」ボタンを入れるケースもありますが,Gmailなどオンラインのメールとうまく連動しないことが多いので,URLをコピーするボタンの方がおすすめと解説しています。OS標準のシェアボタンは,Androidのものが認識されやすく,以前Appleが使っていた左向き矢印のものはYouTubeで使われて認識率が上がったそうです。今のAppleの上向き矢印のものは,ダウンロードの逆になっているだけでわかりにくいという評価でした。UK.https://adamsilver.io/articles/where-to-put-buttons-in-forms/フォームのボタンの配置についてのヒントを紹介しています。何をやるかによって追加のボタンの配置場所を決める一部の単一フィールドフォームでは,入力欄の横にボタンを配置マルチセレクトボタンをフォームの上部に配置5は検索窓などのケース,6はCMSの管理画面で記事一覧を操作するボタンなどのケースですね。Mediumhttps://medium.com/nodesdigital/dark-mode-working-with-color-systems-e73aeab8dbaeダークモードのための配色について解説した記事です。カラーシステムを管理し,設計時にライトモードとダークモードを切り替えるSketchのプラグインも紹介しています。browserhttps://polypane.rocks/blog/the-perfect-responsive-menu-2019/パーフェクトなレスポンシブメニューの作り方です。PCサイズでは右寄せの水平メニュー,モバイルサイズではハンバーガーメニューから展開し,横方向センター揃え&縦方向均等配置のメニューになります。Bloghttps://webflow.com/blog/unique-website-layouts個性的なレイアウトのウェブサイトを15個紹介しています。Webflowでこんなサイトが作れるというPRの意味もある記事です。シンプルで色数も少ないですが,スクロールしていくと変化する凝ったサイトが多いです。スクロールによる効果が多いのは,Webflowがそういうページを作りやすいからなのでしょう。個性的なレイアウトのウェブサイトを15個紹介そのほか,最近の記事の中から,気になるニュース記事を紹介します。toolhttps://www.aditus.io/button-contrast-checker/ウェブページ上のボタンの色と文字色/ボタンの色とその背景色に,十分なコントラストがあるかどうかを診断してくれるサービスです。URLを入力してスキャンボタンを押すと結果が表示されます。ボタンの通常時/ホバー時/フォーカス時の全てを自動でチェックします。ボタンだけでなくリンク文字の色も対象です。結果は要素ごとに「AAA/AA/失敗」で評価されます。(⁠アクセシビリティガイドライン)2.1に準拠しており,ガイドラインの内容もまとめてあります。チェックした結果もシンプルで見やすく,無料で使えるのもうれしい便利なサービスだと思います。Japanhttps://japan.cnet.com/article/35142864/中国では,Alibabaのスマートスピーカーでスターバックスの配達を注文できるようになったそうです。スターバックスデザインのスマートスピーカーを3000台の数量限定で発売したところすぐに売り切れたとのこと。中国でもスターバックスは人気なんですね。Pen」が登場しました。FeliCaチップを内蔵して非接触決済に使える,ゼブラと協力して開発したボールペンです。Penを欲しがる海外の人も多そうですね。著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。