分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2017年2月13日~2月19日の間に見つけた記事のベスト5です。Studiohttp://tubikstudio.com/psychology-in-design-principles-helping-to-understand-users/心理学的なアプローチから,ユーザーを理解するためのデザインの原則を解説しています。認識パターン目を走らせるときのパターンヒックの法則ヒックの法則とは,ユーザーの選択肢が増えるほど,意思決定に時間がかかるという法則です。心理学の考え方からWebデザインの法則について語った,別の記事もありました。Depothttp://www.webdesignerdepot.com/2017/02/5-techniques-for-fine-tuning-ux-with-color/色によってUXを良くするためのテクニックを紹介しています。CSS-Trickshttps://css-tricks.com/creating-non-rectangular-headers/長方形になっていないヘッダの事例紹介と実装方法の解説です。斜めや曲線にヘッダを区切るためのCSSテクニックを紹介しています。画像を使う,SVGを使う,Clip-pathを使うなど5つの方法が紹介されていて,それぞれの比較も参考になります。Timelineshttp://freefrontend.com/css-timelines/タイムライン表示の実例が多数紹介されており,デモとコードもすぐに参照できます。年表のような見せ方を実現するための豊富なサンプルが用意されており,コードを流用してすぐに利用できる便利な記事です。tryhttp://www.designyourway.net/blog/resources/free-and-popular-blogging-platforms/無料で使えるメジャーなブログプラットホームを紹介しています。後半のいくつかは日本であまり知られていないものでした。日本でも最近,LINEブログやg.o.a.t.など新たなブログプラットホームが登場していますが,この記事では海外で注目のものを知ることができて参考になります。無料で使えるブログプラットホームいろいろそのほか,最近の記事の中から,気になるニュース記事を3つ紹介します。Japan購入から2年後には「下取りに出して最新のMacに買い換える/残価を支払って買い上げ/下取りプログラムを利用して使用を終了する」の3つの方法が選べるそうです。WebGradients.comhttps://webgradients.com/WebGradientsは,Webサイトの背景として利用できるグラデーションを入手できるサービスです。180種類のグラデーションを,CSSやPNG形式などで提供しています。CSSのlinear-gradientで記述できるグラデーションなので,CSSのコードをコピーしてそのまま背景に使えて便利です。PNGファイルにもリンクしているほか,SketchとPhotoshopのファイルにまとめたものをダウンロードできるようにもなっています。ページを開いたときのアニメーションや,アクションを起こしたときの効果がシャレているのも印象的です。CSSをコピーした後に表示されるメッセージが,選んだグラデーションによって違うなど遊び心もあって,UI/UXの参考にもなるはずです。8の噂がいろいろ出てきていますが,Appleがワイヤレス充電の業界団体に加盟したことから,ワイヤレス充電が採用されるのではないかと言われています。iPhoneに採用されれば一気に関連商品が増えそうです。電車の中でモバイルバッテリーとiPhoneをケーブルでつないだまま使っている人を見かけますが,ワイヤレスモバイルバッテリーならすっきりしますね。ほかにも,虹彩認証や有機EL(OLED)ディスプレイの採用や,ホームボタンが廃止され全面ディスプレイになるといった予想が出ています。全面ディスプレイになった場合,ディスプレイの下部分にファンクションエリアが設けられるという噂もありました。Proのタッチバーのような感じのものになると,なかなか面白そうです。iPhone著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。