2014年総まとめ、jQueryのプラグインとスクリプト100選
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
Web制作で使えた！jQueryプラグインまとめ＋起業しました
作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 １．動画をブラウザの背景全体に再生させる ２．動画を綺麗に表示させる WP管理画面
DesignDevelop
旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。
無料写真素材サイトまとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google アナリティクスでよく聞かれる事に答えるためのオススメサイト8つ＋記事20本 - Real Analytics （リアルアナリティクス）
Googleアナリティクスに関する質問を時々聞かれます。仕様であったり、実装であったり、機能であったりとその内容は多岐にわたります。そんな時には公式サイトのヘルプや自分のブログ記事を案内したりしているのですが、都度都度それを探して返信するのが大変なので（しかも、毎回どのページを紹介したか忘れてしまうので）、一つ記事を書くことにしました。読者の皆様にも参考になるのでは？ということで、よろしければ御覧くださいorブックマークしてくださいませ。数ヶ月に1回くらいアップデートしようと思います。 なお、記事の内容に関しては事前に確認をしていますが、 １）現時点でその内容や仕様が変わっている可能性があります ２）（また、公式サイトと言えど）書かれていることが、必ずしも正しいとは限りません ３）また、それらの内容の成否について私からお答えすることもできません という事だけ、了承いただければ！ オススメの
Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト（2012年冬版）｜男子ハック
@JUNP_Nです。毎年恒例になりつつある画像素材サービスのまとめ記事です。昨年は7つのサービスしか紹介しませんでしたが、今年は大幅に増えて34サイトです。
Webデザイナーが憧れる余白が美しいWebデザイン2012年版
Ambidex 25th Anniversary... / 株式会社 細尾 / mount inc.他...全55件
「悪のSEO」に泣かないために～SEO業界の実情＆裏事情と現実的な取り組み／辻 正浩氏 | 【レポート】Web担当者Forumミーティング 2012 Autumn
基調講演に登壇したのは、SEM専業代理店アイレップなどを経て独立し、フリーランスのSEOコンサルタントとして活躍する辻正浩氏だ。現在は大規模サイトや中小ECサイトなど数十サイトをサポートし、ハウツーサイトとして急成長している「nanapi」のSEOを手がけていることでも知られている。 新規の仕事は引き受けていないので、きょうはSEO業界の現状を、完全にポジショントークなしでお話しします。どうか空気を読んだシェアをお願いします。 このように切り出した辻氏の講演を、本レポートでは全力でシェアしていきたい。 辻氏はまず、SEO会社には、大別して「ホワイトハットSEO」「ブラックハットSEO」の2種類があることを説明した。ご存じの方が多いだろうが、あらためて紹介すると次の通りだ。 ホワイトハットSEO 検索エンジンのガイドラインに従って、Webサイトを正しく評価させるSEO手法ブラックハットSEO
WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com
相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。（わからずに使うとトラブル起きますしね）※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版（現時点の WordPress 3.3.2 ）に入れなおしました。 まあベタです
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
【レスポンシブデザイン】お役立ちサイトのチャンプルまとめ。 | バシャログ。
あ、sass3.2来てら。hakoishiです。 横目に見つつ、本日はレスポンシブまとめ。 構想の参考にしたい事例から、実制作で役立つ技術記事までチャンプルです。 ギャラリー 21 Inspiring Unique Responsive Web Design Examples 海外のレスポンシブ事例集。 Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたアーカイブサイト タイトルの通り、国内のレスポンシブ事例集。 スマホ、タブレット、PCのプレビューが表示されていてザッピングにも便利。 Responsive Layouts, Responsively Wireframed 汎用的なワイヤー例。右上のナビでPC、モバイル表示を切り替えてみましょう。 直感的で解りやすいので、お客様への説明にも使えるのではないでしょうか。 あと、このサイト自
デザイナー必見！アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々！ | バンクーバーのうぇぶ屋
WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー！ というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回
都内すべてのコワーキングスペース一覧 | MakeLeaps
[関東版]首都圏のコワーキングスペースを最寄駅ごとに紹介しています。ご自身の働き方に合わせて、お気に入りのコワーキングスペースを探してみてはいかがでしょうか。 ■コワーキングスペース（Coworking Space)とはコワーキングスペースとは他の利用者と交流しながら、仕事や自主学習に集中できるオープンオフィススペースのことです。事務所を賃貸するよりも低価格かつ開放的なスペースで楽しく快適に仕事ができるところも魅力のひとつです。ノマドワーカー、フリーランサー、起業家の間で人気が高まっています。パソコンの充電やWi-Fiの利用はもちろんのこと、それぞれのコワーキングスペースならではの特徴・特典が多くあります。 ■掲載についてコワーキングスペースの掲載をご希望の方は、お問い合わせフォームからご連絡ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーランスのための全国Webサイト制作料金表
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ
YUKI HARUYAMA Portfolio Site | 春山 有由希
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
ツールチップ（吹き出し）を実装するチュートリアルやプラグイン
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
Loading...
