分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2017年10月9日~10月16日の間に見つけた記事のベスト5です。Depothttps://www.webdesignerdepot.com/2017/10/5-design-techniques-for-better-cta-buttons/良いボタンを作るためのテクニックを5つ紹介しています。Bloqhttp://www.creativebloq.com/typography/mistakes-41411451デザイナーがやりがちなタイポグラフィーの間違いについてまとめた記事です。Showcasehttps://line25.com/articles/web-design-trend-showcase-splash-screen-revival最近のウェブデザインのトレンドして,スプラッシュスクリーンが復活してきているとのことで,その事例を多数紹介しています。いっても,全く新しいトレンドでも,昔のようなスプラッシュスクリーンの使い方に戻っているわけでもありません。1ページ完結型のような見せ方のページで,スクロールする前の最初のページが全画面でスプラッシュスクリーンのようになっているということですね。Designershttps://www.codeinwp.com/blog/wordpress-cheat-sheets-web-development-design/ウェブ制作に役立つチートシート(カンニングペーパー)をまとめた記事です。WordPress,CS,HTML,デザイン,PHP,JavaScript,MySQL,開発,その他にわけて,それぞれいくつかのチートシートへのリンクを紹介しています。CSS-Trickshttps://css-tricks.com/can-get-pretty-far-making-slider-just-html-css/HTMLとCSSだけでスライダーを作る方法を解説しています。JavaScriptなしでどれだけできるかの実験的な内容です。最後にHTMLとCSSだけでさらにできそうなことや,JavaScriptではないとできないことがまとめられています。Flexboxを使うと簡単にスライドできる領域が作れて,タッチ対応にしたり,特定の幅でスナップするように設定できるなど,知らないことがたくさんありました。HTMLとCSSだけでスライダーを作る方実験そのほか,最近の記事の中から,気になるニュース記事を紹介します。Gridでのグリッドを,プレビューで確認しながら作れるサービスです。ColumnとRowを設定し,複数のアイテムがどう配置されるのかとCSSコードとを確認できます。Gridについて理解していないとどう使っていいのか分からないものが多いのが現状です。このサービスはとにかくいじってみることが簡単で,分かりやすいです。その分単純化されていて,各アイテムごとの設定ができないので,複雑なレイアウトを組むことができません。Gridの基本の仕組みを知る勉強に役立つためのツールのようです。11でARアプリの開発環境がサポートされたため,iPhoneのARアプリが数々登場し盛り上がっています。そんな動きに合わせて,AR技術を利用して実物大の家電を自宅などに表示したイメージを確認できるサービスをビックカメラが始めました。面白いアイデアだと思ったのは,ARマーカーとしてビックカメラのポイントカードが使えるということです。カードがなくてもARマーカー画像をダウンロードしてプリントアウトして使うこともできます。試してみたところ,家電のイメージは3Dではなく平面で,書き割りを置いているような感じで見えます。アプリは汎用のもので,画像を元に低コストで実装できるサービスなのでしょう。家電を配置したときのサイズ感やインテリアとの相性の確認には便利に使えそうです。アプリ著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。