2018年09月01日facebooktweetはてブLINEPocketfeedlyしばらく投稿をサボってしまっていました。気づけば最後にこのブログを更新したのが、去年の4月。私は普段、iPhoneのFeedlyというアプリでお気に入りのブログをRSSで取得して、夜寝る前にチェックしているんですが、これがとっても便利!いちいちブログをチェックする必要もないし、Feedlyを開けば各ブログの最新記事がまとめて見られるのがかなり効率的です。まとめていきたいと思います。記事タイトルの後ろの(日付)は、私が読んだ日付になります。サービスの提供が始まるそうです。通信速度などが気になるところですが、出張の時でも安心して乗れるのが楽しみですね。67でアップデートされたデベロッパーツールの新機能がまとめてあります。何気にテーマなどのUI関連もアップデートされているので要チェックですね!新Gmail、来月から使えるように(6月5日)来月からと書いてあったんですが、実際にもうUIが新しくなっていますね!すっきりしてまとまった印象になりましたが、サイドのラベル部分がちょっと見にくい気が...(私だけでしょうか?笑)メルカリで起こる「都会人の通販ハブ化」地方女子からみた「デパコス買えない問題」と無料サンプルを買って試す「二度買い消費」(6月5日)noteでなにやら面白い記事を見つけました。フリマアプリが、都会人が地方への「通販ハブ」として機能していることを、コスメを通じて説明されています。お互いの需要を満たせるシステムが知らず知らずのうちに仕上がっているんですね。サルワカという個人メディアを250万PV/月にまで育てた方法(6月5日)私が職場でもよく閲覧しているサイト「サルワカ」さんの、個人メディアを250万PV/月にまで育てた方法をまとめてあります。テンプレ」で検索したのがきっかけでしたが、とにかく見やすいUIと一つ一つの記事が明確化されているのがとても好きです。スマホアプリのメニューでよく使用されるあのアイコンの名前、ハンバーガーとかケバブとかミートボールとか(6月6日)くすっと笑ってしまった記事です(笑)普段スマホデザインを制作する際に必ずと言って良いほど実装されるハンバーガーメニューですが、それぞれちゃんと名前があったみたいです。飲み会IoTボタン作った(6月7日)はてブでみつけた記事です。Amazonのダッシュボタンを応用して、会社の飲み会の参加ボタンを作ったお話。アプリ「rainy」がリリース(6月7日)雨男・雨女の定義を試みるために開発されたiOSアプリ「rainy」。その仕組みがすごいことはさながら、UIがめちゃくちゃかわいいんですね。2018年度(6月8日)cssのみで実装できるパララックスなどなんと全50種類も載っていて、ふだんの制作に活用できそうだと思いました。CSSの便利なセレクタ「:placeholder-shown疑似クラス」を使うと、フローティングラベルも簡単に実装できる(6月19日)お問い合わせフォームなどに、placeholderを設定するのは一般的なんですが、こちらはフォームのラベルが入力時にアニメーションで上方向にフローティングするテクニックです。IE対応が11〜ですが、使ってみたいなと思っています。「サイトのスクショ?そんなのChromeの拡張機能でもできるだろ」と思われるかもしれませんが、こちらはURLを入力するだけでスクショできちゃいます!CSSのスニペットに登録!背景にCSSグラデーションが変化するアニメーションを実装するスタイルシート(6月21日)CSSでついにここまで再現できるようになったか...と思う記事です。IE対応は不明ですが、JSいらずでここまでのグラデーションを再現できるのはすごい。2018年6月度(6月21日)私は普段Photoshopでブラシ系はほとんど使わないので、流しながら読んでいたんですが、最後の方にある「矢印」のブラシは使えそう!わざわざイラストから探してダウンロード...より効率的だなと思いました。ハラスメントをしている人に匿名で注意ができるWEBサービス「ソレハラ」(6月21日)セクハラやパワハラで何かと物騒な世の中ですが、いつの間にかこんなサービスができていました!なんと、職場などでハラスメントを行っている人に対して、匿名でメールを送ることができるWEBサービスです。ユニバースみたいな小さな会社ではすぐに誰から来たかバレちゃう(笑)と思いますが、こういうサービスが普及してきたら世の中変わるかも!?追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」(6月21日)WEB制作において、フォントの指定方法は十人十色ですが、そんなフォントの指定(font-family)を簡単に作れるツールが出来てました!指定したいフォントをドラッグ&ドロップするだけで、CSSのfont-familyを生成してくれるWEBサービスです。「サイトを開くとChromeが“保護されていない”と警告する」の問い合わせが殺到!?(6月22日)これはかなり大きなニュースなのではないでしょうか?非HTTPSページ(HTTPページ)に対するChromeブラウザの表示方法が7月から変わるということ。(これは今年2月から発表されていたことなんだそう。)すべての非HTTPSページには、アドレスバーに「保護されていない通信」の警告ラベルが表示されるようになるらしく、Chromeユーザーが増えつつある今、これは重要視すべき問題だと思います。-Delighters(6月22日)今までスクロールアニメーションはJSで実装するのが一般的でしたが、CSSアニメーションでも実装ができるんですね。敷居がどんどん低くなって、実装しやすくなっているのが嬉しいです。商用でも無料でクレジット表記も不要の、人物イラストを中心に使いやすそうなイラストを大量に公開している・「イラストマン」(6月23日)クレジット表記無しで利用可能なフリーのイラスト配布サイト「イラストマン」。「一」をモチーフに(6月26日)去年、楽天市場を含む楽天グループのロゴが一新されましたが、また今年リニューアルするということです。いう4つの意味を込めてあるそう。サイト埋め込みGoogleマップが7月16日からAPIキー必須で有料に、ただし対応不要の場合も多いので慌てずに(6月26日)GoogleマップをWebサイトに埋め込んでいる場合、グーグル側の仕様変更により「APIキー」が必須となり、対応しない場合は7月16日から表示されなくなるそう。通常のGooglemapから「埋め込み」を選択して貼り付けた場合のiframeは問題ないそうですが、wpのプラグイン使って埋め込んでるサイトなどは対応が必要そうです...。Ultimate」(6月28日)画像にマウスホバーした時にタイトルやボタンなどを表示するエフェクトを追加するためのWordPressプラグイン。設定は少し面倒そうですが、エフェクト数が多いのでいろいろな動きを付けたいときには良さそうです。...少し長くなりましたが、今月読んだニュースで気になったものをピックアップしました!こうやってまとめてみると、たくさん読んでいるんだなあと我ながらちょっと関心しましたが、これを活用できないと意味が無いので、「使えるtipsは次の日からでも使う」をモットーに普段の制作をより効率的に時短できるようにしていきたいですね。フロントエンドエンジニア・デザイナーの社員Aです。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。人気記事Posting....。