fut573のブックマーク - はてなブックマーク

1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。エンジニア速報は Twitter の@commteで配信しています。もくじ WordPress版受託用マニュアル１．ヒアリングシート２．WP版ホームページ制作の流れ３．WordPress管理マニュアル４．WP版品質チェックシート５．Wordpress タグタスクランナー６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用１１．Chrome 開発ツール１２．html5
fut573 2015/08/10
リンク
今風になった！Web制作で使える最近のjQueryプラグインまとめ
作成：2014/10/14 更新：2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじ動き１．ジオメトリック背景２．フルスクリーンでスライドさせる３．ドロアー風ライトボックス４．動画を再生するタイプ３つスクロール５．スクロールでクロスフェード６．スクロールで奥行きを表現７．スクロールで分割画像８．APNG ９．Google 画像検索風ライトボックス１０．トイカメラ風のフィルターポップアップ１１．おしゃれなアラート１２．
fut573 2014/10/15
リンク
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。エンジニア速報は Twitter の@commteで配信しています。もくじサイト読み込み時１．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
fut573 2014/05/19
リンク
プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。エ
fut573 2012/11/19
僕が使っている方法よりいいやり方が載っていた
リンク
1