分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2017年7月24日~7月30日の間に見つけた記事のベスト5です。Shackhttps://designshack.net/articles/ux-design/7-ways-to-adapt-content-for-better-mobile-ux/より良いモバイルUXのために,コンテンツ最適化する7つの方法を紹介しています。Planethttps://uxplanet.org/mobile-ui-design-basic-types-of-screens-aa1857e31339モバイルUIデザインにおける基本的な画面のタイプをまとめています。Effectshttps://line25.com/articles/25-web-designs-with-clever-fixed-header-effects固定ヘッダの実例をまとめた記事です。スクロールとともにアニメーションで現れたり消えたりするなど,いろいろなパターンの固定ヘッダを大量に紹介しています。固定ヘッダは便利ですが画面上部のスペースを常に使うため,スクロールとともに小さくなるものが多いようです。スクロールすると背景色が付くヘッダも目立ちました。Knowhttp://developer.telerik.com/topics/web-development/5-css-properties-probably-still-dont-know/新しいCSSのプロパティを5つ紹介しています。kithttps://shoelace.style/CSSフレームワークですが,これをベースにカスタマイズするためのスターターキットです。グリッドシステムは用意されていません。GridとFlexboxの使用が現実的になってきたので,グリッドレイアウト機能を持たないフロントエンドフレームワークが今後増えていくのでしょう。CSSのスターターキットそのほか,最近の記事の中から,気になるニュース記事を3つ紹介します。NEWS中国XiaomiのAI搭載スマートスピーカーは,8月に中国で約5000円で発売されるそうです先週の気になるWebサービスGrabienthttps://www.grabient.com/グラデーションを作成し,CSSのコードを取得できるWebサービスです。用意されたグラデーションのセットをSketch形式でダウンロードできます。用意されたグラデーションを編集することで新規のグラデーションを作ります。色の変更や追加,角度や色と色との間隔の調整が可能です。CSSのコードはプリフィックスも付けられます。ユーザーインターフェイスが非常に良く,省スペースにうまく要素を配置していて感心します。3つ以上の色がある場合に不要な色をドラッグすると,色を追加する+ボタンがゴミ箱に変化するところが素晴らしいと思いました。Playerの開発と提供を,2020年末に終了すると発表しました。Flashの長い歴史が,東京オリンピックと共に終焉を迎えるんですね。AIRは,今後も開発を継続するとのこと。Animateは2015年にFlashから名称変更したアプリですが,こちらも継続すると明記されているそうです。iPhoneでの不採用からケチが付き始めた印象のあるFlashですが,やはりモバイル化の流れに適応するのは難しかったんじゃないでしょうか。iPhoneでフラッシュといえばLEDフラッシュですが,Flashという言葉の意味が一つ消えるのが寂しく感じられます。Flash著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。1位は,分割画面ホームページのデザインテクニック,気になるネタは,Facebook、不評のストーリーカメラを強化。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。