[B! JavaScript] urin0818のブックマーク

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

必要ならどうぞ。デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>

urin0818 2017/01/17

リンク

ituore.com - ituore リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

urin0818 2016/11/09

JavaScript

リンク

フォントサイズを変える「大・中・小」ボタンを実装する方法

知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。まずは仕様を考えてみましょう。仕様・大・中・小のボタンをクリックするとフォントサイズが変更される・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット・CSSにあらかじめ各class用のフォントサイズを入れておく・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し

urin0818 2012/06/13

リンク

JavaScript 入門基礎編 | TM Life

TM Life!!(ティーエムライフ) 「Time is money」をモットーとしたサイトです. 主にプログラミングについて描いています.日本国民全員プログラマ化計画進行中!! http://tmlife.io に引っ越しました. こちらでWebやプログラミングに関する情報をバンバン発信, 更新しているのでよかったら rss 登録していただけると幸いです.

urin0818 2012/04/14

JavaScript

リンク

[JS]かなりかっこいいアニメーションを使ったスライドショーを実装するチュートリアル

スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js [ad#ad-2] デモ実装デモまずは、そのダイナミックな3Dのアニメーションをご覧ください。スライドは5枚あり、それぞれアニメーションが異なります。デモページ：別レイアウト実装実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。紹介記事はこちら。広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネルを設置し、それをアニメーションでスライドする感じです。実装は一枚の広大なカンバスとなるルート（section要素）に、各パネル（div要

urin0818 2012/04/09

リンク

リストに1pxのラインを追加するだけで、印象がぐっとよくなる

#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみるこのリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

urin0818 2012/03/27

リンク

ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI

HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UI [ad#ad-2] Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコンポーネントを紹介します。と、その前にレイアウトとグリッドから。

urin0818 2012/03/04

リンク

これ知らないプログラマって損してんなって思う汎用的なツール

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

urin0818 2012/02/08

リンク

PHP or JavaScriptでMobile端末(iPad, iPhone, Android)かどうかを判別

PHP or JavaScriptでMobile端末(iPad, iPhone, Android)かどうかを判別 PCとiPad両方に対応したWeb Siteを構築したときのMemo. 共通のCSSのみで完結させたかったけど、どうしても下記理由でPCとMobileを判別する必要が出てきた。どの端末でも動画を再生させたいどの端末でも曲(BGM)を流したい Gallery（画像一覧）はSwipeで次の写真に移動したい → jQuery系Plugin側で対応しているのが多い。 PCで画面を広くした場合だけ、位置を変えたい実現するために調査した結果の一覧。