oreocookiemonsterのブックマーク / 2014年1月27日

oreocookiemonster id:oreocookiemonster

2014年1月27日のブックマーク (4件)

Mac厳選Tips ― 初心者でもすぐに使える便利な小技50 | iTea4.0
Mac初心者でもすぐに使える小技やメンテナンス、セキュリティやトラブルシューティングに関するTipsをまとめてみました！使えるものがあれば是非お試しください！追記 1.ファイルの保存先をデスクトップに指定する方法ファイルの保存場所をショートカットを使って一発でデスクトップに指定する小技です。デスクトップにファイルを保存するユーザーであればMacの作業効率が倍増するはず！ 2.Quick Look（クイックルック）で複数ファイルを同時に見る方法Quick Look（クイックルック）を使えば、ファイルを開かずに中身をひと目でチェックできますが、複数ファイルをまとめてチェックすることもできるんです。 Apple ID のパスワードを忘れた時の対処法「Apple ID」のパスワードを設定した後、パスワードを使うことなくデバイスを使っていると時々パスワードを忘れてしまうことがあります。「Appl
oreocookiemonster 2014/01/27
Mac
リンク
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。エンジニア速報は Twitter の@commteで配信しています。もくじコーディング前の準備１．仕様書の確認２．入稿データの確認・スケジューリング HTML5 マークアップ３．テンプレート作成４．条件付きコメント５．GCF＋キャッシュクリア６．OGP記述７．ファビコン８．アウトライン作成９．バリデーターをチェック CSS の設定１０．ノーマライズスタイルレスポンシブデザイン設計１１．モバイルファーストを基準に設計１２．プログレッ
oreocookiemonster 2014/01/27
web制作
リンク
[JS]Appleのプロダクトページのように、スクロール時に各要素をさまざまなアニメーションで表示させるスクリプト -scrollReveal.js
スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。デモのアニメーション scrollReveal.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして</body>の上あたりに記述します。 jQueryなど他のスクリプトは必要ありません。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットしたら、あとはアニメーションで表示させる要素に「data-scrollreveal」を追加するだけです。 <h1 data-scrollr
oreocookiemonster 2014/01/27
jQuery
リンク
HTML&CSS フロントエンド何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと
HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、いくつか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘録がてらまとめていきます。 (02/05 20:10) 定期見直し 🎂 [Style Guide]「Google HTML/CSS Style Guide」の和訳 Googleが作ったStyle Guide『Google HTML/CSS Style Guide』を和訳していただいた『Google HTML/CSS Style Guideを適当に和訳してみた』。HTMLのベーシックな書き方から、CSSの書き方まで一貫している。個人的にはCSSのプロパティがアルファベット順というのは合理的だと思う！ 🐰 [S
oreocookiemonster 2014/01/27
webデザイン

web制作

css
リンク
- 2014年1月28日
- 2014年1月27日
- 2014年1月26日