画像スライドショーでjQueryプラグインの基本を学ぶ
画像スライドショーでjQueryプラグインの基本を学ぶ：jQuery×HTML5×CSS3を真面目に勉強（2）（1/4 ページ） はじめに この連載で取り扱っているjQueryはJavaScriptのライブラリエンジンです。 世の中には実にさまざまなプログラミング言語があります。昨今主流となっているものの大半は、オブジェクト指向プログラミング言語と呼ばれているものです。 代表的な例を挙げると、Java、C#、Ruby、Python、Objective-Cといったところでしょう。これらの言語はクラスベースというカテゴリに属しています。クラスベースはアプリケーションにおけるさまざまな機能をクラスと呼ばれる単位でキッチリと分割することで、プログラム全体をキレイに整理整頓できるという特徴を持っています。大規模な開発になるほど、この特徴が威力を発揮するため、先に挙げたプログラミング言語が積極的に採用
フォームのselectをスタイリッシュに彩るJavaScript「jQuery Stylish Select plugin」
twitter facebook hatena google pocket formを使用する時にデフォルトのものだとちょっと味気ないです。 そんな時に今回のJavaScriptjQuery Stylish Select pluginを利用すると、selectを鮮やかにすることができます。 sponsors 使用方法 jQuery Stylish Select pluginからjquery.stylish-select.js、stylish-select.cssをダウンロードします。 また、画像が2枚あります。（画像1、画像2） これらを以下のように記述します。 <link rel="stylesheet" type="text/css" href="stylish-select.css" /> <script type="text/javascript" src="jquery-1.3.
Pinterest風のデザイン 「jQuery Masonry」を試してみた
Pinterestのデザインは、要素が敷き詰められた感じになっています。 これはなんていうデザインの通称かわからないので、ひとまず「Pinterest風」と言ってます。 これを実装してくれるJavaScriptプラグインのひとつが「jQuery Masonry」なのですが、どういうものか使って試してみました。 基本的には公式サイトに載ってることを自分なりにまとめた内容となっております。 ダウンロードはこちらから JSなどの必要なファイルは以下からダウンロードします。 jQuery Masonry 設置の仕方 設置も特に難しいことはなくJavaScript読み込んでCSSで調整する感じです。 サンプルは以下から サンプルサイト JavaScriptの記述例 <script type="text/javascript" src="https://ajax.googleapis.com/ajax
可変グリッドレイアウトを実現するjQuery | 海外のホームページ作成＆進出支援の株式会社メディアウェイブ
デザイナーの植村です。 一昨年～去年あたり、可変グリッドレイアウトのWebデザインが 一世を風靡しました。 カードが並んでいるようなデザイン、と言えば分かりやすいと思います。 通常のWebサイトよりも、ブログなど記事を扱うWebサイトに取り入れやすく、 WordPressのテーマとしてもよく採用されています。 こちらはWordpressの「tanzaku」というテーマです。 無料で国産ということもあって、導入しているサイトも数多く見かけます。 まるで雑誌を読んでいるような感覚になる、親しみのあるデザインです。 他にもSTRAIGHTLINEさんのテーマが有名でしょうか。 上記のような無料のテーマを導入するのもいいですが、 jQueryプラグインを利用すれば簡単にテーマが作成できます。 今回、3つのjQueryを紹介させて頂きます。 1. jQuery Masonly 定番ですね。利用してい
CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
jQueryでバリデーション付きメールフォームを作ろう (2/3)
スクリプト部分は次のようになります。これまでに比べると非常に長いソースコードですが、5行ほどの小さな処理のかたまりが集まったものですので、1つずつ見ていけば大丈夫です。 ▼サンプル01（スクリプト部分） $(function(){ $("form").submit(function(){ //エラーの初期化 $("p.error").remove(); $("dl dd").removeClass("error"); $(":text,textarea").filter(".validate").each(function(){ //必須項目のチェック $(this).filter(".required").each(function(){ if($(this).val()==""){ $(this).parent().prepend("<p class='error'>必須項目です</p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BucketList App: Getting the Data (part 1) | appendTo
GitHub - kotarok/jQuery.zip2addr: Google日本語入力を利用して郵便番号から住所を補完。JSのみで動作。メンテフリー。Complement address string from zip code with using Google Japanese Input API. Works with JS alone, no server side system required. Maintenance free.