HTML5 × CSS3 × jQueryを真面目に勉強 – #15 Evernote風タグ登録コンポーネントを作ってみた | DevelopersIO
ちょっとした備忘録といったメモには Evernote を使っています。一時期に比べると使用頻度は少し落ちましたが、それでも使っています。地味なところですが、Evernote のタグ登録 UI が結構好きなのが理由の一つでもあります。 Web メールにおいては基本的に受信がメインで送信といっても殆どが返信で済んでしまっていますが、 Gmail を使っています。Gmail は非常に早いサイクルで機能や UI が刷新されまくっていますが、いつの頃から送信先、Cc、Bcc 入力のUIがまるでタグのような見た目とインタラクションになりました。この両者の UI はとても良く似ており、単純なカンマ区切りの文字列よりも視認性が高くて個人的に気に入っている UI の一つです。 そんな訳で、このタグ登録のUIコンポーネントを作ってみました。前回、jQuery UI Widget の作り方について学んだわけです
2010年1月14日、jQueryの最新版1.4がリリースされました。 本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。 jQuery 1.4 Released jQuery 1.4のダウンロードとリリース情報 jQuery 1.4のダウンロードや詳細な情報は、下記ページをご覧ください。 jQuery 1.4 Released – The 14 Days of jQuery 性能は1.3.2と比較して、上のキャプチャのようにほとんどの面でパフォーマンスがより改善されたものとのことです。 jQuery 1.4 API チートシート jQuery 1.4に対応したチートシートです。 PDF版とPNG版も用意されています。
Welcome to The 14 Days of jQuery! We're excited to bring you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. You'll notice that we're excited about the number fourteen since jQuery 1.4 is being released on the birthday of jQuery (January 14th) . So be sure to come back each day as another announcement is made and new content is released! Also be sure to follow the
Simple JQuery Modal Window Tutorial | Queness jQueryを使って作るシンプルなモーダルダイアログ。 jQuery単体で、ライブラリを使わずにLightBoxのようなモーダルダイアログを実現する方法です。 JavaScript45行ぐらいで、これを実現できてしまっちゃっているところが、jQueryのシェアの要因かもしれません。 シンプルなモーダルダイアログ なかなか凝ったログインダイアログ 貼り付けメモ風 仕組みとしては、グレー背景や、ダイアログ等、あらかじめ必要なHTMLエレメントとCSSは定義しておいて非表示にし、jQueryによってshow,hideしているというものです。 実際に使える有用なサンプルとしてではなく、よいjQueryの教材としても使えるかもしれませんね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションの
jQuery 1.4 Released: The 15 New Features You Must Know | Envato Tuts+
jQuery 1.4 was recently released. This wasn't simply a maintenance release as some had speculated; there are many new features, enhancements and performance improvements included in 1.4! This post covers the new features and enhancements that you may find beneficial. You can download jQuery 1.4 right now, here: http://code.jquery.com/jquery-1.4.js 1. Passing Attributes to jQuery(…) Pre 1.4, jQuery
ブラウザ全面を使用したページでスクロール位置を自動的に一定の場所にスナップさせる【jQuery連載14】 | HTML5でサイトをつくろう
最近のウェブサイト構造の1つに、従来は「会社概要」「お知らせ」といった系統のことなるコンテンツを別ページとして用意しておいた構造から、それらをすべて同じページに配置してみせるシングル（単一）ページという構造もよく見られるようになりました。 シングルページは、ページ遷移の面倒さや待ち時間にストレスからくるユーザーのサイト離脱を防ぐ事ができ、また最近のスマートフォンでのサイト閲覧においても、片手でスムースにスピーディに情報を得る事ができるので、とくに新商品、新サービスのキャンペーン系の特設サイトやランディングページに適した構造と言えるでしょう。 しかし、こういったシングルページサイトの構造は、どこからどこまでは1つの情報になるのかが分かりにくい場合があります。もちろん、デザインでそれを分かりやすく伝える事は大切でありますが、伝え手側がうまくユーザを誘導するようにすることも1つの方法です。今回は
これはすごい。思わずうなってしまった。 Adrian Pelletierさんのブログ&デザインポートフォリオサイトの記事です。 マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。 落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。 デモは以下から。 » View Demo ぜひ見てみてください♪ » Create a Realistic Hover Effect With jQuery 昨日は会社のイベント。「2人のアートディレクター 仕事・生き方・考え方」というタイトルで、mountのイム・ジョンホさんとRAKU-GAKIの西田幸司さんにお話を伺いました。 懇親会でご挨拶させて頂いたんですが、刺激になりますね。
次期 jQueryバージョン1.4のチートシート「jQuery 1.4 API Cheat Sheet」:phpspot開発日誌
jQuery 1.4 API Cheat Sheet ? Future Colors 次期 jQueryバージョン1.4のチートシート「jQuery 1.4 API Cheat Sheet」が公開されています。 HTMLのチートシートではそれぞれからjquery.comへのリンクも掲載されています。 1.4以降の機能については次のようなヒントが表示されていてわかりやすいです。 印刷用のPDFも公開されています。 関連エントリ JQuery 1.4 Roadmap - jQuery JavaScript Library
Hot off the presses: jQuery 1.4 Alpha 1 is released! This is the first alpha release of jQuery 1.4. The code is stable (passing all tests in all browsers we support), feature-complete (we’re no longer accepting new features for the release), and needs to be tested in live applications. Grab the code: Regular: http://code.jquery.com/jquery-1.4a1.js Minified: http://code.jquery.com/jquery-1.4a1.min.
jQuery 3.2.0 has been released! This release includes some bug fixes, improvements, and some deprecations. There should be no compatibility issues if upgrading from jQuery 3.0+. If you haven’t yet upgraded to jQuery 3+, please have a look at the 3.0 Upgrade Guide. The jQuery Migrate 3.0 plugin will help you to identify compatibility issues in your code. Please try out this new release and let us k
All throughout 2012 there has been an enormous surge in new web design trends. Some of you may remember my earlier post on web design trends going into 2012. Now we can see many of these ideas have come to fruition, and even adopted further increasing levels of novelty. In this article I would like to delve into 20 more design trends for the new 2013 year. The design influence is merely a reflecti
jQuery 1.4 の互換性について
ping による疎通は確認できるのに、いざ ssh などで繋ごうとすると No route to host というエラーで即座に接続失敗し途方に暮れる場合、おそらく原因は接続先のホストの iptables によりパケットがブロックされ、到達不能を意味する ICMP パケットが返ってきたことによります。 以下のコマンドで INPUT ポリシーをチェックします。上から順にマッチさせていき、マッチし次第ジャンプして終わるので、デフォルト条件の設定されていそうな一番下の行が肝心です。 # /sbin/iptables -L --verbose を追加してブロックしているポリシーのカウンタを見ながらブロック状況を観察できます。 # /sbin/iptables -L --verbose おそらく問題となっているのは INPUT ポリシー最下行で全てのパケットにマッチするこういう行です ... -j
jQuery.qTipをjQuery1.4で使う « BPS株式会社 開発ブログ Beyond Perspective Solutions LTD.
よく欲しくなるJavaScriptライブラリに、ツールチップがあります。 jQueryにもたくさんのTooltipプラグインがありますが、使い方が簡単でデザインが綺麗なものということで、qTipを選んでみました。 http://craigsworks.com/projects/qtip/ とても良くできていますが、現状（1.0.0-rc3）では、jQuery 1.4に対応していないようです。 そのまま使うと、以下のエラーが発生します。 $(this).data(”qtip”) is null Line 138 これは、jQueryのdata()メソッドの挙動が変更になったためです。 以下のサンプルコードを実施すると分かりますが、jQuery 1.3では「undefined」が表示され、1.4 では「null」が表示されます。 <!DOCTYPE html> <html> <scrip
Here is a brand new list of 30+ Fresh CSS3 Tutorials for our readers; we have made this post keeping in mind the popularity of CSS3 these days. It has become one of the most popular tools for web development. Maximum browsers now support this Language. It will not be wrong if we call it future of web development. We have compiled a list of tutorials for the sole reason that every one should be upd
Overview: ASP.NET 4 and Visual Studio 2010 Web Development
This document provides an overview of many of the new features for ASP.NET that are included in the.NET Framework 4 and in Visual Studio 2010. Download This Whitepaper Contents Core Services Web.config File Refactoring Extensible Output Caching Auto-Start Web Applications Permanently Redirecting a Page Shrinking Session State Expanding the Range of Allowable URLs Extensible Request Validation Obje
jQuery 1.4 Alpha 2 is released! This is the second alpha release of jQuery 1.4 (alpha 1 was released previously). The code is stable (passing all tests in all browsers we support), feature-complete (we’re no longer accepting new features for the release), and needs to be tested in live applications. Grab the code: Regular: http://code.jquery.com/jquery-1.4a2.js Minified: http://code.jquery.com/jqu
The .NET Framework version 4 includes enhancements for ASP.NET 4 in targeted areas. Visual Studio 2010 and Microsoft Visual Web Developer Express also include enhancements and new features for improved Web development. This document provides an overview of many of the new features that are included in the upcoming release. This topic contains the following sections: ASP.NET Core Services ASP.NET W
A new method signature is slated for jQuery 1.4: .closest(Array). It builds upon the previous .closest() method and hyper-optimizes the logic needed for handling event delegation (and live events). closest() (and by extension, is()) has become a critical function in jQuery. With more people using live events reducing any overhead has become of the utmost importance. Every time an event fires that
Essential PHP Techniques for Web Designer and Developers | Desizn Tech
If your are an web designer or developer pretty sure you know or heard about PHP. Just as a refresher, PHP is a server-side HTML embedded scripting language, which designed for producing dynamic web pages. It generally runs on a web server, taking PHP code as its input and creating web pages as output . Some PHP script requires general knowledge or Math and and logic. In this post, you will find 3
If you’ve tried out jQuery 1.4, you might have noticed that, among other things, the $.param method has seen some significant improvements. I’d like to take a few moments to explain how request params parsing works, and how things have changed in jQuery 1.4. If you really only want to read about what’s changed in jQuery 1.4, skip ahead to the so, what does all this have to do with jQuery 1.4? sect
Getting Started with jQuery
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The web development scene is moving fo
113 Best Places to Learn to Code For Free | Learn to Code With Me | Coding for Beginners
Please note: all information, topics taught, etc., have been taken at time of updating (March 2022) and are definitely subject to change. Thanks! 🖥️ General Free Coding Websites & Course Platforms 1. Codecademy Codecademy is one of the most popular free coding websites for beginners. On their platform, you can learn how to program among other technical skills. Its reputation as one of the best fr
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]ニューリリースされたjQuery 1.4のチェックしておきたいサイト
The 14 Days of jQuery
jQueryを使って作るシンプルなモーダルダイアログ:phpspot開発日誌
jQueryで作るリアルなホーバーエフェクト – creamu
jQuery 1.4 Alpha 1 Released | Official jQuery Blog
jQuery 3.2.0 Is Out! | Official jQuery Blog
20 Hottest Trends To Watch Out For in 2013
30+ Fresh CSS3 Tutorials | web3mantra
jQuery 1.4 Alpha 2 Released | Official jQuery Blog
)
What's New in ASP.NET 4 and Visual Web Developer
John Resig - .closest(Array) in jQuery 1.4
Ben Alman » jQuery 1.4 $.param demystified