ネットで見かけたWebテク
1. Inspiration for Article Intro Effects | Codropshttp://tympanus.net/codrops/2014/05/22/inspiration-for-article-intro-effects/
全画面の背景画像+タイトル
Mediumでもおなじみの、
なお、
このデモを作るにあたって参考にしたという、
![図1 背景画像が全画面表示されるイントロエフェクトいろいろ 図1 背景画像が全画面表示されるイントロエフェクトいろいろ](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_001.jpg)
2. Hide your header on scroll - Headroom.jshttp://wicky.nillia.ms/headroom.js/
不要なときは隠れて、
固定ヘッダは便利な一方、
ヘッダが隠れるタイミングや、
![図2 スクロールによって表示・非表示が切り替わるヘッダ 図2 スクロールによって表示・非表示が切り替わるヘッダ](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_002.jpg)
3. Cody - Free HTML/CSS/JS resourceshttp://codyhouse.co/
HTML/
どのライブラリもレスポンシブ対応で、
![図3 HTML/CSS/JSのライブラリをまとめたサイト 図3 HTML/CSS/JSのライブラリをまとめたサイト](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_003.jpg)
4. Tutorials for Creating 3D Effects in CSS3 and JavaScripthttp://www.webresourcesdepot.com/3d-effects-in-css3-javascript/
CSS3とJavaScriptを使って立体的効果を加えるための、
立体的なエフェクトを使ったスライドショーや、
![図4 立体的効果を加えるためのチュートリアルやライブラリ 図4 立体的効果を加えるためのチュートリアルやライブラリ](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_004.jpg)
5. Tools, jQuery Plugins And Resources For Web Designershttp://www.designyourway.net/blog/resources/freebies-jquery-plugins-and-resources-for-web-designers/
Webデザインに役立つjQueryプラグインやライブラリ/
レスポンシブなテーブル、
![図5 Webデザインに役立つjQueryプラグインやライブラリ/ツールの最新まとめ 図5 Webデザインに役立つjQueryプラグインやライブラリ/ツールの最新まとめ](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_005.jpg)
そのほか、
- Google ウェブマスター向け公式ブログ: Fetch as Google でページをレンダリングできるようになりました
Googleのロボットがページをクロールした状態をプレビューできます - YouTube、
ファンがクリエイターを直接支援できる投げ銭機能を導入へ | アプリオ
YouTubeが今後導入を検討している新機能を紹介する動画に出ていたようです - Google、
「忘れられる権利」 対応の削除リクエストフォームをEUユーザー向けに公開 - ITmedia
欧州のユーザーだけですが、検索結果の削除をリクエストできるようになりました
先週の気になるWebサービス
Minimalist Online Markdown Editorhttp://markdown.pioul.fr/
「Minimalist Online Markdown Editor」
画面が左右に2分割されていて、
日本語は特に問題なく表示できました。URLを指定して画像を入れた場合、
ログインなどは不要ですぐに使うことができ、
ソースコードはGitHubで公開されています。
![図6 オンラインで使えるマークダウンエディタ 図6 オンラインで使えるマークダウンエディタ](/assets/images/design/clip/01/weekly-web-tech/201406/05/thumb/TH800_006.jpg)