これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w

These examples demonstrate the basic effect of jQuery Masonry. $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); itemSelector is specified to rearrange all box elements, including the ones inside another div. <div id="primary" class="wrap"> <div class="box col2">...</div> <div class="box col1">...</div> <div class="box col1">...</div> <div class="box col3">...</div> <div> <div c

HTML, HTAccess, CSS, JavaScript, jQuery, PHP, WordPressのよく使うコードをまとめたスニペット集をCSS-Trickから紹介します。 Code Snippets CSSでフッタを下にするのはどうするんだっけ？　異なるdivの高さを揃えるのはどうするんだっけ？　など便利なコードがたくさんまとまっています。 CSS, jQuery, WordPressは下記のようになっています。他にもHTML, HTAccess, JavaScript, PHPにもたくさんのスニペットが登録されています。

CSS is an acronym that stands for cascading style sheets and refers to a set of instructions that controls the appearance of a web page. The formatting principles of CSS are supported by most browsers include Firefox and IE3. In comparison with HTML, CSS provides more formatting options and finer tuning for instance, instead of being stuck with 7 font sizes one can simply use an infinite number of

It will probably not be a big surprise that jQuery Highlight plugin can be used to highlight pieces of text on a page. It's based on great Highlight plugin by Johann Burkard. To be honest most of the credit should go to him, as all I did was a little refactoring and customisation (so blame me if I broke something). How does it work See the highlighted word in the title of this page? The code shown

Free Web Resources Everyday - WebResourcesDepotRelated PostsTable Sorter Plugin For jQuery: tablesorter jQuery Plugin Development - 10 Tutorials To Get Started jQuery Slider Plugin: Easy Slider Custom Form Elements JavaScript Library Skin Your Ajax Applications: ThemeRoller

As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But

リンクをはじめ、画像やdiv要素にもツールチップを実装する超軽量（1.1KB）のスクリプトをVertigo Projectから紹介します。 vTip demo vTipの設置は簡単で、JSとCSSを外部ファイルで指定し、ツールチップを表示する要素に「class="vtip"」を記述します。 ツールチップに表示するテキストは、title属性に記述します。 ツールチップの表示位置は、スクリプト内の「this.xOffset」と「this.yOffset」で変更することもできます。 vTipはjQueryのプラグインのため、実装にはjquery.jsが必要です。

divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。

これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなＵＩ。Windows7っぽいデザインのＵＩがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているＵＩのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ

Domain for History This domain name was built between 2012-12-06 and 2013-06-01 for a period of 2 year. The website title is [ Liviu Cerchez ].This domain name was built 2013-11-08 for a period of 1 year. The website title is [ Liviuholhos.com ].This domain name was built 2014-01-04 for a period of 1 year. The website title is [ Index of / ].This domain name was built 2014-12-17 for a period of 1

There are lots of reasons you might want to offer your users more than one CSS file for your website: You want to offer a “stylish” low-contrast and an easy-to-read high-contrast version of your site. You have many low-vision readers and want to give them easy access to a customized stylesheet with a larger typeface. Your site is schizophrenic and you want to be able to change the look quickly. Wh

jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。 jQuery Browserでのスタイルシートの記述例 <textarea name="code" class="css" cols="60" rows="5"> div#browser-test{ border: 2px solid #000; padding: 10px; } ■Internet Explorer用 div#browser-test.msie{ background-color: #f00; } ■Firefox用 div#brow

View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can

By Karthik Viswanathan Knowing where your files are is an important task. Every person who uses a computer usually likes to store their files in an organized manner. A simple way to keep track of many files is to use a directory tree. A directory tree lists out files and directories so that it’s easy to find what you’re looking for. In this tutorial, we will create a directory tree using PHP and j

25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近