分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2020年1月27日~2月2日の間に見つけた記事のベスト5です。Toptalhttps://www.toptal.com/designers/ui/ui-trends-20202020年のUIのトレンドについてまとめています。Shackhttps://designshack.net/articles/inspiration/modern-website-design/2020年のモダンなWebデザインとは何かを,実例とともにまとめた記事です。音を使ったユーザー体験などの特徴を持つサイトが,解説とともに20個紹介されています。Cascadehttps://wattenberger.com/blog/css-cascadeCSSのカスケードについて初歩的なことをまとめた記事です。優先順位と継承についてわかりやすくまとめています。カスケーディングの「階段状の滝のような」をイラストを使って表現していたり,クイズ形式で答えはクリックすると表示されるなど,見せ方が凝っていてクオリティが高いです。Mediumhttps://medium.com/@minoraxis/7-principles-of-icon-design-e7187539e4a2アイコンデザインの7つのルールを紹介しています。Codropshttps://tympanus.net/codrops/2020/01/25/ui-interactions-animations-roundup-2/参考になるUIインタラクションとアニメーションをまとめた記事です。実際のサイトに使われているものではなく,Dribbbleに掲載された作品でした。アニメーションGIFの埋め込みに使っているGfycatというサービスも知らなかったので参考になりました。UIインタラクションとアニメーションいろいろそのほか,最近の記事の中から,気になるニュース記事を紹介します。Japan「⁠インターネット全体でFacebookがユーザーをどのように追跡するかを,ユーザー自身が管理できるようにするもの」です先週の気になるWebサービスbrumm.afhttps://brumm.af/shadowsbrumm.afは滑らかな影のCSSを生成するサービスです。複数のbox-shadowを適用することで滑らかで自然な影を作るテクニックを使っています。影は1~10個まで設定できます。最終的な透明度,最終的な距離,最終的なぼかしの強さを設定すると,複数の影がまとめて設定されます。曲線をコントロールすることで微調整もできます。複数のbox-shadowを重ねがけする手法はたまに使いますが,もともとどこかでもらってきたコードをベースに調整しながら使っていました。このサービスを使えば,簡単に設定できてとても便利だと思います。NEWShttps://www.itmedia.co.jp/news/articles/2001/27/news101.html友人・知人などから資金を募る「フレンドファンディング」サービスの「polca」がサービス終了を発表しました。以前利用したことがあるサービスなので,終わってしまうのは残念です。友人・知人に限定して募集を行うのが特徴ですが,URLがわかれば誰でも支援できます。以前は違ったと思うのですが,今は支援を募集している企画がトップページにたくさん表示されているので,通常のクラウドファンディングと差はないように感じました。中学生がこずかい稼ぎの場として使っているなど,問題点を指摘している人もたくさんいて,そのことも終了の原因かもしれません。「⁠ポルカおじさん」と呼ばれる,面識のない子供たちに支援するのが楽しいという人たちにも,残念なサービス終了なのでしょう。フレンドファンディング著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。