2013年下半期に紹介したjQueryプラグイン68選まとめ – bl6.jp
今年も残すところあとわずかとなりました。今年もたくさんのjQueryプラグインを紹介してきたので復習もかねてまとめてみました。前回は2013年上半期をまとめたので、今回は2013年下半期に紹介したjQueryプラグインのまとめです。全部で68のプラグインがありました。上半期の50に対し下半期68なので、両方合わせると118になります。それでは、以下どうぞ。 [ads_center] スライダー、カルーセル系 Excolo Slider タッチやマウススライドにも対応しているjQueryスライダーです。 タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」 Owl Carousel タッチ操作やレスポンシブにも対応しているカルーセルです。 タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carousel」 Coin S
見栄えがよくなった！Web制作するなら知っておきたいjQueryプラグインまとめ
作成：2014/05/7 更新：2014/11/01 Web制作 > ギャラリーサイトやECサイトなどで、最近よく見かけるデザインやエフェクトなど、制作前に知っておくと助かる、「どっかで見たことあるけど何だっけ？」といった感じのjQueryプラグインや最近のトレンドなるものをまとめました。ページにちょっとした工夫を凝らしたいとき、動きのある仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メニュー １．フィーチャーリスト ２．スティッキーヘッダー 画像エフェクト ３．マウスオーバーで画像にキャプション ４．イメージビューア ５．ズームインエフェクト ６．ブラーエフェクト スクロール ７．Infinite Scroll(無限スクロール) ８．画像シーケンス ９．横スクロール １０．フリック機能 レイアウト １１．画面全
ブックマークレット10選
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
croply.com - Domain Name For Sale | Dan.com
We've got your back )Buyer Protection ProgramWhen you buy a domain name at Dan.com, you’re automatically covered by our Buyer Protection Program. Our unique & carefully designed domain ownership transfer process is the best rated service in the market. Buyer Protection ProgramWhen you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about
Twitter Bootstrap 2.0でjQuery Masonryを使ってレンガ状に画像を並べる方法
jQuery Masonryはレンガ状にFloatしたbox要素を敷き詰めてくれるjQueryのプラグインです テキスト要素だけだと読み込むだけで勝手にレンガ状になったのですが画像が含まれているとうまく行きませんでした サイトをよく見たら書いてあったんですが、解決に時間がかかったのでメモを残しておきます
これが無料!?プロ並な写真が無料で使える画像サイトの最強13選!!!。:Ｂｌｏｇで本を紹介しちゃいます。
2012年07月05日22:38 by tkfire85 これが無料!?!?プロ並な写真が無料で使える画像サイトのまとめ。 カテゴリ管理人 雑談 tkfire85 ひと昔前なら、ちょっと画像が必要時には自分で海外なり現地に行って撮影するのが基本でした。それか有償で写真会社に使用の許可を取る。しかし、もはやネットが普及した今となっては写真は無料が当たり前の時代です。プロの写真家が趣味で撮影した写真があったり、海外の画像や美女の画像など無料が当たり前です。というわけで、今回はそんな無料で使える画像サイトのまとめをしてみょうと思います。 僕自身、ブログでちょっとしたインパクトを与えるためによく利用しています。 ●これが無料!?!?プロ並な写真が無料で使える画像サイトのまとめ。 ・写真素材 足成【フリーフォト、無料写真素材サイト】 個人的に一番写真の種類が多くて定番の無料画像サイトです。このブログ
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator - かちびと.net
土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。 パターン画像は重宝しますし、こうしてパパッと作れるので覚えておくとどこかで役に立つかもしれません。 操作もシンプルなので操作すれば分かると思います。ので、使い方は省きます。 画像はData URI schemeで吐き出されます。DLするなりそのまま利用するなりお好みで処理してください。 ガチのクライアントワークでないならこんなんでもいいんじゃないですかね。楽できるところは楽したいです。 Noise Texture Generator
Free icon - Freepik
Mockup generatorBring designs to life, effortlessly
私がweb制作でよく使うサイト47+α 作業ごとリスト
web制作でお世話になっている便利サイト 今回は画像もなしに一覧にしてしまおうと思います。使うときにパッと一覧するような実用性を考えているので、詰めてあった方がいいですよね。 webcre8がwebサイトの制作をしているとき頻繁にアクセスするサイトリストです。これらは大半、webcre8がこれまで「*役に立つ」タグをつけてブクマ管理していたものですが、他にも漏れがあったり他のタグに入っていたり、何故か毎回検索して使っていたサイトも多いので今回ひとまとめにしてついでにシェアしてみようかなって感じです★要はリンク集ですね。 これらのサイトをぐるぐる回っているうちにみるみるwebサイトが…出来てくると良いですねｗ 素材サイト まずはよくある素材サイト集。当然全てフリーで商用可です。webcre8は写真をバナーや商用サイトに使う事が多いので、有料素材が用意出来る場合を除き普段からクレジット不要のこ
ayato@web
藤井彩人ホームページ 「ayato@web」 アヤトウェブ (C) Copyright AYATO FUJII All Rights Reserved 当サイト内の内容・画像の無断転載・転用については固くお断りします。 Since 2001.03.13・このページは MacOSX Safari に最適化されています。 このページはリンクフリーです。 ※「当サイト利用時の注意・免責事項」 ※「デジタル映像制作ガイドブック」における無断転用について
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
ロゴジェネレーター（googleロゴジェネレーター、アニメのロゴジェネレーターなど）
無料で使えるタイトルロゴジェネレーター（ジェネレータ）まとめ ネット上で簡単にロゴを作成できるサイトをご紹介します。ここで紹介しているものは全て無料ツールで会員登録などが不要で使えるものなので、お気軽にお試しください。 ロゴジェネレーターは著作権の関係で公開が停止することもよくあります。その点ご了承いただければと思います。 あの企業・サイトのようなロゴを作成！ amazonっぽいロゴを作る amazon logo maker amazonのロゴはaからzに向けて矢印が描かれています。これはaからzまで何でも揃うという意味を込めているそうです。（笑った口に見えるという意見も多いですが…） （作り方） ボックスの中にロゴにしたい単語を入力する。※アルファベットのみ。日本語は入力できません。 ↓ 「make」ボタンを押す。 ↓ ※画像をそのまま右クリックで保存はできないので、画面キャプチャーで保
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YDNとGDNのバナーファイルサイズまとめ | さーちまにあ
ソフトウェア | Shuffle by COMMERCIAL PHOTO
https://design-spice.com/2012/06/13/responsive-web-design-image/
arris - web system & web design
