ネットで見かけたWebテク
1. A Simple Guide To Start A/B Testing On Your Website - Rafal Tomalhttp://rafaltomal.com/blog/ab-testing-guide/
WebサイトのA/
A/
A/
- ヘッドライン
- アクションにつながる要素
(ボタンなど) - レイアウト
- 割引や特典の提示
![図1 WebサイトのA/Bテストを始めるためのヒント 図1 WebサイトのA/Bテストを始めるためのヒント](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_001.jpg)
2. 25 Useful HTML5 and CSS3 Tools | Resources | Graphic Design Junctionhttp://graphicdesignjunction.com/2015/04/html5-and-css3-tools/
Webデザイナーや開発者に役立つ、
フレームワークやライブラリ、
![図2 HTML5とCSS3関連のツールいろいろ 図2 HTML5とCSS3関連のツールいろいろ](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_002.jpg)
3. Home ・ Primerhttp://primercss.io/
GitHubが提供するCSSフレームワークとガイドラインです。GitHub版のBootstrapのようなものですが、
GitHubで見慣れたユーザーインターフェイスが実現できるので、
まだ
![図3 HTML5とCSS3関連のツールいろいろ 図3 HTML5とCSS3関連のツールいろいろ](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_003.jpg)
4. Grid displayer bookmarklet for Twitter Bootstrap and ZURB Foundationhttp://alefeuvre.github.io/foundation-grid-displayer/
フロントエンドフレームワークのTwitter BootstrapとZURB Foundationのレイアウトグリッドを、
Bootstrapのバージョン2と3、
ページのbodyタグにコードを入れることで、
![図4 BootstrapとFoundationのグリッドを表示するブックマークレット 図4 BootstrapとFoundationのグリッドを表示するブックマークレット](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_004.jpg)
5. Great Examples of Website Design Featuring Corporate Identityhttp://www.onextrapixel.com/2015/03/31/great-examples-of-website-design-featuring-corporate-identity/
コーポレート・
うまく会社のイメージを伝えられているビジュアルが印象的なサイトばかりです。
![図5 CIのためのWebデザインのギャラリー 図5 CIのためのWebデザインのギャラリー](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_005.jpg)
そのほか、
- グーグル、
「Chromebit」 を発表--HDMIポート搭載モニタに接続可能なスティック型デバイス - CNET Japan
Chrome OSのスティック型端末が登場するとのことです - Amazon、
日用品をワンプッシュで補給できるハードウェア、 Dash Buttonをリリース | TechCrunch Japan
米Amazonでは、洗剤などの日用品を補充するための注文ボタンが登場するようです - エイプリルフールまとめ2015 - 週アスPLUS
今年のエイプリルフール企画をまとめています
先週の気になるWebサービス
TeuxDeuxhttps://teuxdeux.com/
TeuxDeuxはシンプルなToDo管理のWebサービスです。かなり昔からあるサービスのようですが、
今日を基準に日付ごとに記入欄が並んでいて、
レスポンシブなレイアウトになっていますし、
![図6 シンプルなToDo管理サービス 図6 シンプルなToDo管理サービス](/assets/images/design/clip/01/weekly-web-tech/201504/09/thumb/TH800_006.jpg)