2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」
2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」 WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。 Response Javascript 全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。 詳しくは以下 Minimit 様々な動きが実現できるjQueryギャラリープラグイン。 Overscroll スマートフォンやタブレットの操作感をWEBで実
相関図やマインドマップを簡単に作成出来るシンプルなWebサービス・Foliage(フォリッジ)
制作者さんよりご連絡頂いたのでご紹介 します。相関図やマインドマップなどを 簡単に作成出来るWebサービス、Foliage です。KJ法なんかにも良さそうですね。 この手のサービスは沢山ありますが、 国内のサービスなのと使用感が良かった のでメモ的に。 よくある相関図や簡単なマインドマップを作成出来る国産Webサービスです。要ユーザー登録。 サイトマップを作ってみました。サクサクと作れます。国産なのと、直感で操作出来そうなので説明はいらないと思います。 軽量でサクサク動いてくれますよ。操作も簡単です。 大きな特徴は無いですが、個人的にはこういった目的がはっきり決まっているツールに多機能は逆に操作性を損なうと思っていますのでこれは軸がブレてなくて結構素敵だなぁと感じました。 ユーザーの利便性の為にシンプルに設計する事ほど難しいものはないですよね。ご利用は無料です。 Foliage(フォリッジ
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Iframeで『いいね！』を押した人限定で見れるコンテンツを作る覚書-ファンゲート- Eitoku's Blog
『Fan-Gate(ファンゲート)』をご存知でしょうか？ Facebookページでいいね！ボタンを押さないとページやコンテンツが見れないようにする事です。いろいろブログを見たりしたましたが、ちんぷんかんぷん、四苦八苦しましたが、iframeで使えるように作れました。↓ いいね！を押していない方にはコンテンツは見えません。いいね！を押してもらうように促す文が表示されます。 いいね！を押してくれた方にはコンテンツが見られるようになります。 実際に見てみたい方は、土屋英徳(Tsuchiya Hidenori) | Facebookへ。 海外のFacebookページでは、結構見受けられます。特徴としては、Facebookページ全体を見せないようにする設定とは異なり、あるコンテンツだけを見せないようにできるので、ウォールなどはいいねを押されない方でも見れる事です。 これがいい、悪いは別として、ユーザ
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年11月版 | WDS
本日は2011年の11月中にブックマークしたクリエイティブでデザイン性の高い日本国内のサイトをご紹介いたします。 私が11月中にブックマークしたサイトなので、ご紹介するサイト自体はそれ以前から存在しているものも多々ありますがご了承ください。メモに関してはさらっとソースを見て気づいた事を書いているので、間違っている可能性が有ります。 今回のアイキャッチは株式会社WacomよりBambooブランドサイトのBamboo Pop。 言わずと知れたペンタブレットで有名な会社です。デザイナーやイラストレーターの方で「使ってるよ！」という方も多いのではないでしょうか。 ブランドサイトだから出来る、デザイナーの個性が光る自由なデザイン。 この自由さが商品コピーである「ひらめきをカタチにするチカラを、すべての人に」つまりは自由自在に絵が描けるという商品アピールにも繋がってるのだと思います。 Bamboo P
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」
TOP > Design , Font > デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」 フリーで配布されているフォントでも、クオリティーが高く使いやすいフォントは多数存在しています。そんな中今回紹介する「20 High Quality Free Fonts Every Designer Should Own」は、普段のデザイン制作に是非取り入れてみたいフリーフォント集です。 （The League of Moveable Type – Sorts Mill Goudy） 基本ベースはシンプルですが、少し遊び心が詰まったフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Lost Type Co-op | ONRAMP
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ | HTML5でサイトをつくろう
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。 特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の
これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS
当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。
Design Bombs
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use. Strikingly Review: Is It the Best Website Builder for You? (2022) Considering using Strikingly to build your website? In our hands-on Strikingly review, we’ll help you decide whether or not it’s…
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー
自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、という感じです。 ミニマリズム / シンプルミニマリズム、シンプルデザイン専門のギャラリー。 MNIMAL とにかくここ自体もミニマルなギャラリーです。よく見に行ってます。 MNIMAL siiimple シンプルレイアウトなWebデザインのみを集めています。 siiimple Minimal Exhibit ミニマルデザインを収集。少々カテゴリの分け方がアレ。 Minimal Exhibit m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gano-web.com/rollover-js.html
The Tournament by Jaime Hayón | Dezeen
Blue D1653 by Arian Brekveld, Chris Koens and Damian O'Sullivan for Royal Delft | Dezeen
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
Minimit Gallery Plugin
マインドマップを手軽に作ることができるサービス「mindmaps」 | ライフハッカー・ジャパン
