Top 50 Free JavaScript Plugins & Libraries
The free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker for you. As you would expect, there are plugins below for creating sliders, image galleries, responsive menus, modal wi
最新のjQueryプラグインとチュートリアル25選「25 Fresh and New jQuery Plugins and Tutorials」
TOP > WebDesign > 最新のjQueryプラグインとチュートリアル25選「25 Fresh and New jQuery Plugins and Tutorials」 軽量でなおかつ様々な動作が可能な人気のプラグイン「jQuery」。世界中で利用されており、そのテクニックも豊富ですが、今日紹介するのは比較的新しいチュートリアルやテクニックを集めたエントリー「25 Fresh and New jQuery Plugins and Tutorials」です。 Create Featured Content Slider ツールチップからスライダー式のギャラリー、サウンドプレイヤーなどなどjQueryで実現できる様々なテクニックが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■vTip シンプルで使い勝手が良
anything from herejquery.js におけるアニメーションコードの解読 ( 1 )
jquery.js におけるアニメーションコードの全容解明のために、まずは基本的事項から認識を深めていこうと思います。 Javascript によるアニメーションとは何か アニメーションとは、多数の静止画を所定の時間内で連続的に切り替えて「動き」を演出する一連の動作です。アナログ動画は Max 30 枚/秒の静止画から構成され、0.03 秒ごとに切り替わることにより動きを演出しますが、スクリプトによるアニメーションでも静止画の切り替えを連続的に行うことによって動きを表現します。 具体的には対象とするタグ要素の CSS スタイル属性値を、スクリプトから定期的に変化させてアニメーションを実現します。コンテンツの幅や高さなどの CSS スタイル値に、初期値、定期的増減値及び終了値の 3 つの値を与え、それらを時間軸上で処理することにより「動き」を演出します。 jquery.js ではアニメーショ
ユーザーをしびれさせるjQueryチュートリアル&プラグイン20 – creamu
spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer
スパークした光のエフェクトを描く、高精細のPhotoshopのブラシ
商用でも無料で利用可、スパークした光のエフェクトを描く高精細のPhotoshopのブラシをWeb Designer Depotから紹介します。
Google のインデックスやランク付けなどに関する、10 の誤解
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
【ハウツー】特選! 今日から使いたいWebデザイナ向けFirefoxアドオン (1) 「Webデザイナ向けFirefoxエクステンション19」から興味深いツールをピックアップ | エンタープライズ | マイコミジャー�
趣味から仕事の用途まで、広い活用方法を持つFirefox。豊富なアドオンを使うことで、さまざまな便利機能を付加できる。アドオンの組みあわせは自由自在、自分の使いやすいようにカスタマイズが可能だ。本稿では先日紹介された「Webデザイナ向けFirefoxエクステンション19」より、カラーツールとスクリーンショットツールに焦点をあて、とくに興味深い5つのアドオンの使い方を紹介しよう。 カラーツール ColorSuckr (配布元 / ダウンロード) ColorZilla (配布元 / ダウンロード) スクリーンショットツール Abduction! (配布元 / ダウンロード) Image Zoom (配布元 / ダウンロード) Screengrab (配布元 / ダウンロード) 紹介にあたり、ここでの動作環境は次のとおり。 OS … MacOS X 10.5.8 ブラウザ … Firefox 3
Windowsのコマンドプロンプトを便利に使うための10のミニテクニック
はじめに Windowsの操作の基本はGUIですが、ファイル操作などを手早く行うためにコマンドプロンプトを使うこともあると思います。本稿では、Windowsのコマンドプロンプトをより便利に使うためのちょっとしたテクニックを10個紹介します。 対象読者 Windowsのコマンドプロンプトをある程度使ったことがある方 動作確認環境 Windows Vista Windows XP 一部の機能は、Windows XPでは利用できません。本文内で都度補足します。 コマンドプロンプトからエクスプローラに移動する コマンドプロンプトで作業中に、カレントディレクトリのファイルをエクスプローラで操作したくなることがあります。たとえば、カレントディレクトリにあるいくつかのファイルをほかのディレクトリにコピーする場合、各ファイルの名前をキーボードから入力するより、マウスを使ったほうが簡単です。そんなときに便利
実はとっても重要！？ サイト内リンク--モバイルSEOの基礎概念
SEOといえば、PC、モバイルを問わず「いかに自然発生的な外部サイトからのリンクを獲得できるか」という課題が、パフォーマンスを左右する最も大きな軸のうちの1つである。 モバイル一般サイト（勝手サイト）向け検索エンジンにおいては、外部サイトからのリンク獲得が少なからずサイト自体の評価向上に寄与している傾向がみられる。 ただし、外部サイトからの自然発生的なリンク獲得は、安定的に実現することが非常に困難である。 そうなると、有償にて外部リンクを提供している業者からの導入が最も手っ取り早く、多くの被リンクを獲得可能であり、即時のパフォーマンス向上を考えた場合は一見有意義に見える。 しかしながら、モバイルの外部リンクはその希少性や、物理的なリンク枠の少なさから、高額になる傾向がある。さらに、意図的な被リンクと認定された場合は、即時無効となるリスクも常につきまとう。 誰もが想起する一般的な検索キーワー
270+ Sets Free And Beautiful Watercolor Textures
Both grunge and watercolor effects are really cool and hot in web design industrial. There are a lot of website backgrounds using watercolor effect. Some people may think watercolor and grunge effects are “dirty”, but if you are able to mix the design with these effects, then you will have a beautiful layout which able to give visitors an impressive appearance. So, we decided to share 270+ sets fr
光のエフェクトが絶妙に上手いサイトデザイン集:phpspot開発日誌
光のエフェクトが絶妙に上手いサイトデザイン集２５。 個人的に、光を使ったサイトが好きなのですが、その使い方が非常に上手く、まとめエントリは色々あるといえど、なかなかいい感じでしたので、ご紹介。 グランジな感じやダークな感じもクールでいいのですが、こうしたデザインも素敵ですね。 是非とも参考に似たようなものを作ってみたいという思いになります。 リンク先は以下より参照してください。パート１〜３まであります。 25 Websites with Lighting Effects Part 3 25 Websites with Lighting Effects Part 2 25 Websites with Lighting Effects 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 韓国のすごいデザインサイト集 グラデーションをうまく使って立体感を出したサイトデザ
Mozilla Re-Mix: リンクを１つのページに集めて再利用できるFirefoxアドオン「Linkinator」
よくBBSなどで、参考URLが複数行で羅列されているのを見かけますが、このような記述を行うためには、一旦あちこちからリンクを集めて貼り付ける手間が必要です。 目的のリンクを見つけたら、URLをコピーしてメモ帳などにストックしていくようなこの作業は、数件ならともかく、２０や３０になってくると大変ですね。 そんな面倒な作業も、Firefoxに「Linkinator」というアドオンをインストールしておけばかなり楽になります。 「Linkinator」は、Firefoxで表示しているページ、またはその中に含まれているリンクのURLを一つのページに集約していくことができるというアドオンです。 アドオンをインストールしたら、まずは専用のボタンをツールバーに配置しておきましょう。 そして、リンクをストックしたい場合、リンク上で右クリックし、メニューから[Linkinator]→[Linkinate]をク
Firefox 3.5 + userchrome.js 1.1で基本性能をアップさせる - GeekなNooblog
Firefox 4はこちら Firefox 4 + userChromeJS v1.3で基本性能をアップさせる - GeekなNooblog http://d.hatena.ne.jp/sona-zip/20110326 Firefox 3.5 + userchrome.js 1.1で基本性能をアップさせてみる。 できる限り無駄なものは入れずに、他のブラウザに標準搭載されている機能をFirefox3.5に追加する＋αを目指す。 準備 Firefox3.5をインストール オプションから好きに設定 userchrome.js 1.1インストール http://userchromejs.mozdev.org/ userchrome.js 以下のjsファイルはすべて\Profiles\乱数\chromeフォルダ以下に保存する。 またFirefox用スクリプトアップローダー(新)へのリンクが張られて
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 味わいのあるPhotoshop用グランジストライプパターン6枚セット「Grungy Stripes Pattern」
[CSS]Photshopを使用しないで、スタイルシートで実装するレタープレス
便利なネガティブマージン | CSS Lecture
ロイヤリティフリーの高解像度のテクスチャ素材配布サイト -love textures