分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2018年5月7日~5月13日の間に見つけた記事のベスト5です。Mediumhttps://medium.com/eightshapes-llc/cards-and-composability-in-design-systems-8845ecbee50eカード型コンポーネントの構造やコンテンツ,スタイル,動作などを説明した記事です。いう画像が入るのか,テキストの長さはどのくらいか,どういうアクション(ボタン)が必要とされるのかなどを考えながら,カード型コンポーネントを設計していく考え方を解説しています。特定の要素(たとえば画像,概要文など)がない場合にどうするか,横幅が可変した場合を考慮する,背景色が違う場合にも見やすくするなど,考えるべきポイントが分かります。Backgroundshttp://uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/ウェブデザインのテキストと背景色に,完全な黒を使わない方が良い理由をまとめた記事です。100%の黒と白とではコントラストが大きすぎて目の疲れや不快感を引き起こすため,白背景に濃いグレーの文字,濃いグレーの背景に明るいグレーの文字といった組み合わせが良いと解説しています。2.0の業界標準に基づいて色のコントラストをチェックできるツールの紹介もあります。色のコントラストが低すぎることはチェックできても,高すぎるかどうかはチェックできないので,制作者が判断するしかないとのことでした。Layoutshttps://speckyboy.com/snippets-masonry-grid-layouts/Pinterestのようなレンガ組レイアウトのコードスニペットを紹介しています。以前はJavaScriptを使っていましたが,今ではCSSだけでも実現できるようになりました。Hongkiathttps://www.hongkiat.com/blog/free-responsive-image-gallery/レスポンシブな画像ギャラリーやスライダーをまとめています。ウェブ,スマホの両方に最適化されたものが揃っています。JavaScriptのフレームワークを設置するのではなく,デスクトップアプリやオンラインアプリでスライドショーを作ってから埋め込むタイプのものもありました。クライアントが自分で作りたいという場合は,そういうビルダータイプのものを使って,できたコードをCMSに貼り付けるというワークフローが作れそうです。Depothttps://www.webdesignerdepot.com/2018/05/18-twitter-accounts-every-web-designer-should-follow-in-2018/ウェブデザイナーがフォローすべきツイッターアカウントを18個紹介しています。UXデザイナーを名乗っている人が多いところから,今のトレンドを感じました。フォローすべきツイッターアカウント18選そのほか,最近の記事の中から,気になるニュース記事を紹介します。http://www.producttimelines.com/Twitter,Facebook,Slackなどの有名プロダクトで,いつどんな機能が付いたかなどの歴史を時系列で見られるサービスです。9個のプロダクトそれぞれの歴史をタイムライン表示で紹介しています。年表が横軸に表示され,年表内の項目を選ぶと画像や動画と解説文が表示されます。年表は拡大/縮小して横軸のサイズを変えられます。スマホでもフリックして見られますが,あまり快適ではありませんでした。JSというツールで作っています。スプレッドシートを使ってデータを用意すれば,この形式の年表を簡単に作れるようです。JSONのスキルがあれば自由にカスタマイズできると書いてありました。マイナビニュースhttps://news.mynavi.jp/article/20180511-629500/カシオ計算機がコンシューマ向けコンパクトデジタルカメラ事業からの撤退を発表しました。1995年に世界初の液晶モニター付きデジタルカメラ「QV-10」を発売したメーカーということで,話題となっています。撮った写真がすぐにモニタで見られる,不要な写真を消せるといった今では当たり前なことも,QV-10の出た当初は画期的でした。ファインダーがなく液晶を見ながら撮影することと,カメラ部分が回転することから,カメラを低い位置に構えて撮影できることも新鮮だったことを覚えています。スマホの普及でコンパクトデジカメが売れなくなり,国内のほとんどのカメラメーカーがコンパクトカメラの開発・販売を辞めている中,カシオの経営判断もしょうがないのでしょう。コンシューマー向けからは撤退しますが,デジタルカメラ事業からの完全撤退ではなく研究開発も継続されるそうです。デジカメ著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。