Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very s... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。jQuery Menu Plugin: Bub... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
vim, web | 最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。CSSセレ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Vim プラグインの Sparkup (rstacruz’s sparkup at master – GitHub) で、CSS セレクタ風の記述から HTML タグ文字列を入力することができる。（zen-coding 風の入力）プラグインのインストールは上記サイトからダウンロードしたファイル内の... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これは便利そうなのでメモ・・・。jQuery.tagInputはdeliciousちっくなタグ入力フォームを実現してくれるjQueryのプラグインですよ。↑ こんな感じね。ちゃんと入力した文字を太字にしてくれたり、頻度を右にだしてくれたりしますね。コードもシンプルなので導入は簡単ですな。詳細＆ダウ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これはメモ的にエントリー。jQueryでスクロールするリストを作るためのチュートリアルですよ。細かい見た目に気を使っている点がすばらしいですね。↑ こういう上から下に流れるリストが作れます（デモ）。こうしたスクロールするリストは他にもたくさんありますが、用途にあった実装をしたいですよね。たくさん知... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Firefox , Mozilla , アドオン , フリーソフト , 仕事術ブラウザ上で何度も繰り返す操作を記録・再現できるアドオン「DéjàClick」掲載日時：2010.02.14 20:00 コメント [0], トラックバック [0]WEBサイトで何度も何度も機械みたいに同じ操作を繰り返... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Google Chromeの拡張機能がリリースされたのは知っていたものの、しっかりチェックしてなかったのですが、先日WiFi美人ことまゆみんのエントリ読んだらかなりChromeの拡張機能が充実していることを知りまして。URAMAYU -裏まゆ- | Google Chrome の拡張機能を使えばF... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
WordPressをWeb制作受注の際に 利用されている方にお勧め。WPの ログインページ、管理画面のデザイン をカスタマイズ出来るプラグイン、 Qwerty Admin Panel Themeを ご紹介します。 管理画面内のWPのロゴの変更法を以前記事にしましたが、このQwerty Admin ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 jQueryでCoreAnimation。すばらしい。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。jQueryからGoogle Mapsを扱えるようにしたものですね。バルーンやらアイコンやらをカスタマイズできるのが良いですね。↑ マークアップもわかりやすいっす。ダウンロード＆詳細は以下からどうぞ。» gMap – G... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ブラウザのサイズに合わせてレイアウトがアニメーションで変更されるスクリプト -Sliding Resizable Grid | コリス Webデザイン フィード](/thumbnail/390483.png)
ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプトをHackito Ergo Sumから紹介します。Create Your Own Sliding Resizable Grid [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQuery imageless buttons a la Google 画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン。 次のようなボタンやドロップダウン風のボタンが画像を使わずに実装できるプラグインです。 画像を使っていないのですが、クリックするとちゃんと色が反... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
はてなブックマークGoogle Chrome拡張リリース記念「Googleオリジナルグッズセット欲しい！」キャンペーン はてなブックマークをGoogle Chromeブラウザでもっと便利に使える拡張機能、「はてなブックマークGoogle Chrome拡張」が正式リリースされました。これを記念して、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これ、便利そうなのでメモ的にエントリー。Twitterの入力フォームにある、残り文字数のカウントを実現してくれるjQueryのプラグインです。細かいオプションも充実していて素敵。↑ こんな感じに実装できます。ユニークなのは「文字数制限は140文字、残り30字になったら色を変えて警告する」といったこ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
データベースのテーブル設計を行うときに皆さんは、どのようにしているでしょうか？いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近「ERMaster」と呼ばれるEclipseプラグインの存在を知りました。ERMasterは、ほかのツールに比べ、直感的で分かり... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]フォームの入力時にラベルがスライドするスクリプト -Sliding Labels | コリス Webデザイン フィード](/thumbnail/385822.png)
フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
