ネットで見かけたWebテク
1. The mistake developers make when coding a hamburger menuhttps://medium.freecodecamp.org/the-mistake-developers-make-when-coding-a-hamburger-menu-f46c7a3ff956
ハンバーガーメニューがスクロールする場合に、
iOSのSafariでスクロールするハンバーガーメニューの挙動が今ひとつになってしまう例として、
- 「position: absolute」
のメニューはスムーズにスクロールしないし、 端まで行ってもバウンスアニメーションがない - ハンバーガーメニュー上でスクロールし続けると、
下に隠れているメインのコンテンツがスクロールされる - 「position:fixed」
「-webkit-overflow-scrolling: touch」 を使った場合、 メニューじゃないところを長押ししたあと、 メニューがスクロールしなくなる
それぞれ、
これらを解決するHTML&CSS&JavaScriptの例では、
2. Free UI Kits, Fonts, Icons and more - UIBundlehttps://uibundle.com/
UIキットやフォント、
アイコン、
3. 10 Year Challenge: How Popular Websites Have Changedhttps://www.arun.is/blog/10-year-challenge/
「#10yearchallenge」
Google、
4. The real cost of WordPress | Webflow Bloghttps://webflow.com/blog/the-real-cost-of-wordpress
WordPressのサイト運用にかかる本当の費用についての記事です。WordPress自体は無料ですが、
Webflowを使ってもらうための比較記事なので、
WordPressにかかる費用としては以下のものがあります。
- ホスティング
- プラグイン
- テーマ
さらに、
- セキュリティ
- WordPress本体とプラグインのアップデート
- パフォーマンス
具体的な金額感なども載っており、
5. Blobmakerhttps://www.blobmaker.app/
泡のような形を作ってSVGファイルでダウンロードできるサービスです。
2つのパラメーターをスライダーで調整して、
そのほか、
- Facebook、 InstagramやWhatsAppと相互メッセージの可能性 | マイナビニュース
実現すればかなり便利になりそうです。日本ではWhatsAppが普及していないのであまり影響なさそうですが - FacebookのMomentsは来月閉鎖、
ユーザーは早急にエクスポート作業が必要 | TechCrunch Japan
けっこう急な話ですが2月25日で終了とのこと。人に勧めたりしてたので個人的には残念です 「宅ふぁいる便」 不正アクセスで480万件のユーザー情報流出 メアド・ パスワードも - ITmedia NEWS
IT業界はともかく一般企業ではよく使われている宅ふぁいる便で情報流出です
先週の気になるWebサービス
Free Image Resizer | Resize Your Images for Social Media | Promohttps://promo.com/tools/image-resizer/
アップロードした画像を各種ソーシャルメディア向けにリサイズするサービスです。画像や動画に簡単に見映え良く文字を入れられるサービス
Facebook、
必要な画像だけチェックしてまとめてダウンロードできるところも気が利いています。Promoと連携して画像からムービーを作れるようにもなっています。