分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2019年1月21日~1月27日の間に見つけた記事のベスト5です。menuhttps://medium.freecodecamp.org/the-mistake-developers-make-when-coding-a-hamburger-menu-f46c7a3ff956ハンバーガーメニューがスクロールする場合に,やりがちなコーディングのミスとその解決方法を解説した記事です。iOSのSafariでスクロールするハンバーガーメニューの挙動が今ひとつになってしまう例として,以下の3つを挙げています。touch」を使った場合,メニューじゃないところを長押ししたあと,メニューがスクロールしなくなるそれぞれ,例として挙げているサイトで,実際にハンバーガーメニューをいじってみると意味がわかるはずです。fixed」にすることなどで解決しています。UIBundlehttps://uibundle.com/UIキットやフォント,アイコンなどを探してダウンロードできるサイトです。XD,Photoshop,Illustratorといったアプリケーション別に探せるのが便利です。Figma,Framerといったアプリ名も選べるのですが,まだ項目が0件でした。Changedhttps://www.arun.is/blog/10-year-challenge/「#10yearchallenge」というハッシュタグで10年前と今の自分の写真などをアップするのが英語圏では定番ネタのようで,それのウェブサイト版を作ってみたといったノリの記事です。Google,YouTube,Amazon,Facebookなどの昔と今とのトップページのキャプチャが並んでいます。ありがちではありますが,最近のウェブデザインの傾向が良くわかって興味深いです。Bloghttps://webflow.com/blog/the-real-cost-of-wordpressWordPressのサイト運用にかかる本当の費用についての記事です。WordPress自体は無料ですが,ホスティングにかかる費用はもちろん,ほかにもいろいろ費用がかかりますよという内容です。Webflowを使ってもらうための比較記事なので,WordPressよりもWebflowの方が最終的にはコストも安く安全ですよという結論に持って行っています。WordPressにかかる費用としては以下のものがあります。ホスティングプラグインテーマさらに,以下は見えない費用として紹介しているものです。セキュリティWordPress本体とプラグインのアップデートパフォーマンス具体的な金額感なども載っており,いろいろと参考になります。Blobmakerhttps://www.blobmaker.app/泡のような形を作ってSVGファイルでダウンロードできるサービスです。2つのパラメーターをスライダーで調整して,形状を変更できます。色の変更はもちろんできますし,ランダムに形状を変更させることも可能です。泡のような形を作るツールそのほか,最近の記事の中から,気になるニュース記事を紹介します。マイナビニュース実現すればかなり便利になりそうです。Japanけっこう急な話ですが2月25日で終了とのこと。Promohttps://promo.com/tools/image-resizer/アップロードした画像を各種ソーシャルメディア向けにリサイズするサービスです。画像や動画に簡単に見映え良く文字を入れられるサービス「Promo」が提供しています。Facebook,Instagram,Twitterなどのための,カバー画像や投稿用画像などを自動で生成します。Googleの広告用画像サイズも各種用意されています。各画像は個別にトリミング位置の変更も可能です。必要な画像だけチェックしてまとめてダウンロードできるところも気が利いています。Promoと連携して画像からムービーを作れるようにもなっています。Japanhttps://japan.cnet.com/article/35131645/NetflixのiOS版アプリから,Instagramのストーリーズに番組や映画の画像を投稿できるようになりました。番組のビジュアルとロゴが入った画像をベースに,従来のストーリーズの機能で文字やスタンプ,投票機能などを追加できます。ストーリーズと直接連携する機能というのはこれまで見たことなかったので新鮮です。ストーリーからリンクは貼れないので,認知度の高いサービスでしか宣伝効果は望めなそうですね。若者たちの間では,Instagramのストーリーズをきっかけとしてメッセージでやりとりすることも多いそうです。番組や映画の話題で盛り上がるきっかけにもなる,良い施策だと思います。Instagram著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。