【日刊Web業界マガジン】「レスポンシブWebデザインで重要なCSS、実装方法を学べる解説書」「紫外線を25分を浴びるだけでも恋愛感情が高まる？」など＜業界ニュース / ライフハック / ランサーズ＞【2021年9月21日号】

Web業界情報

「Web業界で働く人に役立つ最新情報」を人力で集めて厳選し、ジャンルごとに紹介しています。

Webデザイン

UI/UX

• サイトの印象は「動き」が決め手！参考にしたいWebアニメーション45個まとめ

フォント

• メッセージのデザインにぴったりな有料フォントが今週末まで無料！ カリグラフィが美しいフォント -Alberta

プログラミング（コーディング）

CSS

• これからのWeb制作に間違いなく役立つ！ IEをサポート外にしたレスポンシブWebデザインで重要なCSS、実装方法を学べる解説書

サービス・ツール

• アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」

マーケティング

YouTube

• YouTube アナリティクスで見るべき指標は？ 動画SEOで注意すべき点と改善方法も解説

SEO・検索エンジン

• Google、ニュースショーケースの提供を日本で開始

その他

サービス・ツール

• Googleフォームに画像添付してもらう方法とは？注意点とおすすめのフォーム作成ツールを解説！
• 今秋リリース予定！ Windows 11をインストールするための要件とは
• 資格で実力を証明することで就職・転職活動が有利に、統計・機械学習・AWSなどIT系の資格取得に役立つUdemy講座まとめ
• PWAにも対応のプライバシーファーストなオープンソースのチャットアプリ・「Revolt」
• ブラウザで表示した画像やPDF、動画内にあるテキストをその場で翻訳するChrome拡張・「OCR Scanner」
• 無料で動画ファイルをブラウザ上で簡単にアニメーションWebPに変換できる「Video2WebP」
• 初心者でもできる動画編集のやり方！無料のおすすめソフトもご紹介！
• 様々なデータを可視化してダッシュボードで確認出来るようにするOSS・「Chartbrew」

未分類

• エンジニア採用はどうしてこれほどまでに難しいのか？採用の心構えも解説
• 開発プロジェクトの「計画」を立てる上で重要なこととは？

ライフハック

「仕事や生活に役立つライフハック情報」を人力で集めて厳選し、ジャンルごとに紹介しています。

健康・幸福

モチベーション・やる気

• 紫外線を25分を浴びるだけでも男性ホルモンがドバドバ？ 恋愛感情が高まる？　みたいな話

食事

• 鉄の調理器具は健康に悪いかもしれないよなーみたいな話
• 「厳格なダイエット」と「ゆるいダイエット」はどっちが効果的なの？を調べた実験の話

運動

• 筋トレをサボりたいと思ったら、自分に問いかけてほしい10の質問
• 高度な筋トレテク「ドロップセット＆レストポーズセット」は本当にやるべきか？問題
• 「中年は若者より代謝が少ないので太る」は間違いの可能性、エネルギー消費は20代から60代までほとんど変化がないとの研究結果

ストレス・メンタル

• 人生を豊かにしてくれる、｢きょう実行すべき12の素晴らしいこと｣
• ｢孤独｣と｢孤立｣はどう違う？ メンタルヘルスに与える悪影響
• 車や鉄道の騒音がうるさい場所に住むことは認知症リスクの増加と関連がある
• 睡眠の質がグッと上がる3つの習慣
• 生活習慣だけでなく「どこに住んでいるのか」が寿命に大きな影響を与えるとの研究結果
• 1日10分でできる「ライティング瞑想」のすすめ
• 自然好きは人生が豊か！ってことで「自然とのつながり感」を判断してみよう！みたいな話

ビジネス・働き方

学習

• 学びの専門家が導き出した｢結果の出る｣勉強法4選

起業・転職・副業

• 失敗を受け入れ、失敗から学ぶ。連続起業家に学ぶ6つの教訓
• キャリアの脱マンネリに、自己認識が効果的な理由
• 不採用になりかねない　ウェブ面接の6つの過ち

人間関係・コミュニケーション

• 自己認識力を発揮し、自分の強みを示す5つの方法
• 有能なリーダーと人気のリーダーの違い　人々が捨てるべき固定観念

ランサーズおすすめ案件

認定ランサーの僕が厳選した、Web制作者向けのランサーズおすすめ案件をご紹介します。

＜選定基準＞

ジャンル：デザイン、コーディング
難易度：Web制作 初級〜中級
仕事スタイル：固定報酬（プロジェクト）
発注率：50%以上（「初発注or発注数0回」顧客案件は【★】付加）
除外：依頼価格が明らかに安いもの、システム構築スキルが必要なもの

Webデザイン＋コーディング

• 【★】イベントプロデュース・制作会社
• デザイン＆コーディング（A4×１P＋３P）※フォーマットほぼ共通
• WordPressによるコーポレートサイト及びサービスサイトの構築（移転作業を含む）
• バックオフィス系アウトソーシングサービスのランディングページ
• 【★】自社のホームページリニューアル
• ランディングページ作成【参考ページあり】
• ワードプレスブログ上に「オンラインサロン」のランディングページ制作
• 【リモート】サプリメントのホームページのウェブデザイン
• コーヒーの卸販売のランディングページの作成
• おもちゃ製造会社のHP作成をお願いいたします。
• 【★】脱毛サロンのホームページ(メンズ・レディース)
• 【★】WordPressによるHP制作（新規）
• 女性の為の女性による《カフェ併設のエステサロン》のホームページ制作をお願いします！

Webデザイン

• YouTube　バナー制作のご依頼
• 【★】【コーディング無し】記事型LP(ランディングページ）制作のお仕事【経験者募集】
• 【長期・継続してお願いします】YouTube用サムネイル画像制作
• 皮膚科クリニックのHPの新規製作
• ECサイトに掲載する商品紹介画像の作成
• 【継続長期】Youtube用サムネイル画像の制作をして下さる方を募集しています。
• 取引先企業のロゴを同じサイズに
• 【★】【在宅ワーク】簡易バナーの作成依頼
• 楽天の商品ページ（LP）のデザイン構成・画像制作のご依頼
• 金融商材のWeb広告用バナー作成　短納期希望

コーディング

• 【★】飲食店サイトのコーティング【1ページ】