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

Web制作に使える！オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ

作成：2015/03/2 更新：2016/06/29 Web制作 > 今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。エンジニア速報は Twitter の@commteで配信しています。もくじインタラクティブ１．クリック時のエフェクト２．フォームクリック時のエフェクト３．テキストに１１種の動きを出すエフェクト４．分離するエフェクトフルスクリーンの見栄えをよくする５．フルスクリーン縦スライド３つ６．全画面+オーバーレイ７．フルスクリーン背景＋ローディング８．写真から背景色を抽出９．background-size 対策ドロワーメニュー１０．ドロワーメニュー３つスクロールエフェクト１１．スクロ

mazcango2 2017/04/12

jQuery

リンク

すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ

作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。エンジニア速報は Twitter の@commteで配信しています。もくじ横並び１．今までの回り込み解除２．横並びや並び順３．均等に並べる／段組みナビゲーションメニュー４．多階層　ドロップダウン５．amazon風　メガドロップダウン６．ドロワーメニューコンテンツメニュー７．モーダルウィンドウ８．アコーディオン９．タブパネルテーブル１０．ストライプテーブル１１．レスポンシブ＋テーブルリスト１２．カウント

mazcango2 2016/09/16

html5+css3

リンク

jquery小技まとめ３２

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。エンジニア速報は Twitter の@commteで配信しています。もくじスクロール１．ページ内リンク／フッターまわり／トップに戻る２．パララックススライド３．カルーセル４．レスポンシブなスライダー５．ヌルヌルサクサクなスライドメニュー６．サムネイル付きクロスフェードスライドショー補助７．Google Ana

mazcango2 2016/04/05

jQuery

リンク

サイト制作が助かった！おすすめのChrome拡張まとめ３４

作成：2013/04/18 更新：2013/06/02 lifestyle > 「あの便利な拡張機能なんだっけ？」と思い出せない配色、デザイン、SEO、プログラム、ブログを書く時はとくに。今回はWeb関係者、サイトやブログをなんとなく作ってみた人に向けて「初心者でも使いやすい拡張機能」をジャンルごとに厳選してまとめました。 Webの人じゃなくても、サイトやブログ作るときに便利なので、この中から必要なものをチョイスしてインストールしてみましょう！便利なものが見つかったらこの記事に追加していきます。エンジニア速報は Twitter の@commteで配信しています。 Chrome拡張一覧１．CSS ２．サイトを作る時３．配色４．画像編集５．画像保存６．スクリーンショット/キャプチャ７．SEO ８．開発/制作補助９．Chrome拡張を制作してみる/作り方１．CSS １ー１

mazcango2 2015/07/08

html5+css3

リンク

今風になった！Web制作で使える最近のjQueryプラグインまとめ

作成：2014/10/14 更新：2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじ動き１．ジオメトリック背景２．フルスクリーンでスライドさせる３．ドロアー風ライトボックス４．動画を再生するタイプ３つスクロール５．スクロールでクロスフェード６．スクロールで奥行きを表現７．スクロールで分割画像８．APNG ９．Google 画像検索風ライトボックス１０．トイカメラ風のフィルターポップアップ１１．おしゃれなアラート１２．