週刊Webテク通信
2016年11月第1週号 1位は,モバイルユーザー向けにやってはいけない13のこと,気になるネタは,アップル,新MacBook Pro発表--ファンクションキーは変化する「Touch Bar」へ
ネットで見かけたWebテク
1. How To Poison The Mobile User – Smashing Magazinehttps:// www. smashingmagazine. com/ 2016/ 10/ how-to-poison-the-mobile-user/
モバイルユーザーに害を与える方法と題し,
- サイトの読み込みを遅くする
- カルーセルを不十分なデザインにする
- ハンバーガーアイコンの中にメニューを全部隠す
- 常にスワイプで操作させる
- タップできる領域を厳密にして小さくする
- レスポンシブに制作するけど一定の解像度向けに固定する
- 電話番号をタップできないようにする
- 拡大できなくする
- 全ての要素を
「user-select: none」 で選択できなくする - 間違った読み込み方でWebフォントを使う
- ソーシャルメディアボタンでページを混乱させる
- デスクトップ版からモバイル版への不完全なリダイレクト
- コンテンツを隠す
2. When Illustrations Matter to the Design Processhttps:// speckyboy. com/ when-illustrations-matter/
デザインにおいてイラストが重要なケースについて解説しています。
- リアリティを与えることができる
- ブランドアイデンティティを強化する
- ユーザー体験を手助けする手引きとなる
ヨーロッパ最大の航空会社での,
3. 20 essential CSS tricks every designer should know | Webdesigner Depothttp:// www. webdesignerdepot. com/ 2016/ 10/ 20-essential-css-tricks-every-designer-should-know/
全てのデザイナーが知っておくべきCSSテクニックを多数掲載しています。
横方向/
4. 4 modern background tricks to try out | Webdesigner Depothttp:// www. webdesignerdepot. com/ 2016/ 10/ 4-modern-background-tricks-to-try-out/
背景を使ったWebデザインのテクニックを4つ紹介しています。
カーソルに合わせて背景の要素がアニメーションするものや,
5. Download Blisk - a browser for web developershttps:// blisk. io/
現在ベータ版として配布中の開発者向けのWebブラウザです。スマートフォンやタブレットでの見た目をシミュレートできます。
モバイル用画面とデスクトップ用画面とを同時に見られるところが便利だと思います。デベロッパーツールも使用可能です。
そのほか,
- NTTドコモの初期の絵文字がニューヨーク近代美術館のコレクションに - ITmedia ニュース
ニューヨークMOMAは1999年の絵文字を「人類の歴史を連綿と引き継ぐ」 として展示するそうです - Twitter,
6秒動画アプリ 「Vine」 の提供を終了へ - CNET Japan
日本では女子高生の有名人を生んだVineがついに終了。Twitter自体に動画投稿機能も付きましたしね - Facebookがライブ配信用の拡張現実自撮り機能
「Masks」 をローンチ | TechCrunch Japan
日本ではまだのようですが,ライブ配信時に顔にマスクをしたり加工できる機能が追加されました
先週の気になるWebサービス
9 Great DataViz & Infographics Tools with Education Discounts - Blog About Infographics and Data Visualization - Cool Infographicshttp:// www. coolinfographics. com/ blog/ 2016/ 10/ 27/ 9-great-dataviz-infographics-tools-with-education-discounts. html
今回は,
Vismeはプレゼンテーション,
Infogr.
今週の気になるWebネタ
アップル, 新MacBook Pro発表--ファンクションキーは変化する 「Touch Bar」 へ - CNET Japanhttp:// japan. cnet. com/ news/ service/ 35091277/
Appleが新しいMacBook Proを発表し,
アプリケーションのツール部分がTouch Barにボタンとしてあるだけでも便利なのでしょう。HTMLコーディングの効率化に,
Touch Barを使いこなすと手放せなくなってくると思うので,
バックナンバー
週刊Webテク通信
- 2016年11月第4週号 1位は,2017年のWebデザインの手法を予測,気になるネタは,LINE、著名人向けサービス「LINE BLOG」を一般開放
- 2016年11月第3週号 1位は,より良いボタンをデザインするためのクイックガイド,気になるネタは,Spotify,誰でも利用可に 日本で本格展開始まる
- 2016年11月第2週号 1位は,独創的なアニメーションを使ったWebデザイン10選,気になるネタは,改札やレジでかざすだけじゃない--最新のiPhone以外でも使える「Apple Pay」
- 2016年11月第1週号 1位は,モバイルユーザー向けにやってはいけない13のこと,気になるネタは,アップル,新MacBook Pro発表--ファンクションキーは変化する「Touch Bar」へ
関連記事
- 2020年12月第1週号 1位は,CSSでのレイアウトの実装についての考え方,気になるネタは,Googleから新しい映像デバイス「Chromecast with Google TV」登場 従来のChromecastとは何が違う?
- 2020年11月第4週号 1位は,デザインの一貫性についてのまとめ,気になるネタは,OPPO,巻取りスマホのコンセプトモデル「OPPO X 2021」を公開
- 2020年11月第1週号 1位は,CSSによって要素を隠す方法の比較,気になるネタは,Appleが簡単動画作成アプリClips 3.0発表,縦位置ビデオサポートでTikTok世代を狙う
- 2020年9月第4週号 1位は,Webデザインで使われる5つの基本の画像タイプ,気になるネタは,ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 2020年5月第5週号 1位は,ウィンドウサイズが中途半端なときの「中間の」デザインが崩れる問題と対策,気になるネタは,ZOZO,Web会議向け“着るグリーンバック”Tシャツ発売 デジタルファッションを提案するページ開設で