HTML5で学会タイマー
※ いくつかアップデートしました (2015/10/03) ・URLに設定が反映されるようになりました． ブックマークすることで現在の設定を保存できます． （Chromeでローカルファイルからの実行の場合セキュリティ上の理由でアプリからURLを更新することができません．左上のロゴが現在の設定を含んだURLへのリンクになっていますので，こちらをご利用ください．） ・画面サイズに適応した表示の調整を強力にしました． ※ いくつかアップデートしました (2015/09/01) ・ 時間表示下部のコメントを編集可能にしました． ・ iOS対応しました． ・ ダウンロード先などをGitHubに統一しました． 第40回制御理論シンポジウム で初めて学会の司会をする機会がありました． この学会では司会者がタイムキーパーを兼ねるのですが， 緊張でベルを忘れる気がしたのでタイムキーパー業務を自動化することに
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
JavaScriptをめぐるパラレルワールド 〜Webデザイナーから見た今どきのフロントエンド事情〜｜dwango creators' blog（ドワンゴクリエイターズブログ）
どうも、ほそだです。ゴールデンウィークも終わり、暖かい空気を感じる季節になりました。 さてちょっと前に、こんな記事が話題になっていました。 You Don’t Need jQuery – Qiita （旧題：もうjQueryは必要ない） 元々は海外の方が書かれたものを日本語訳してくださったものですが、あらかた網羅されていて感服しました。実は今回、これと全く同じようなことをこのブログのネタにしようと考えていたのですが（jQueryでやってたことをjQueryを使わずにやってみた的な）、締切間近になってさあ書くぞってタイミングでここまで完璧なものを先に出されちゃったので、こりゃ勝てねえと泣く泣く断念したのですよね。。 それで急遽新たにネタを考えなきゃいけなくなったのですが、これに対するネット上での反応がけっこう興味深いなと思って見ていました。 「もうjQueryは必要ない」に関するみんなの反応
Foundation 5をIE8に対応させるためのTIPS - crosawassant's blog
2015/05/25 追記しました。 CSSフレームワークといえばBootstrapとFoudationが有名ドコロでしょうか。 私はBootstrapしか使ったことがないのですが、Bootstrapのclass指定の冗長さが気になってきまして、今回はFoundationを使って構築してみることにしました。 FoudationはBootstrapよりもクラスがスッキリしているのはいいですが、問題はIE8に対応していないということ…。 IE8のサポートは2016年1月12日まで。無理に対応させなくてもいいじゃないのと思うのですが、まだまだ使っている人が多いのも事実…。そこで無理やりIE8に対応させる方法をメモしておきます。 元ネタはここ↓です。 Foundation 5 and IE8 | Foundation Forum from ZURB IE開発者ツールのエミュレーションだと、この方法
フロントエンドできない人が、フロントエンドやりすぎだ。あと、Vanilla.jsが便利だ。 - nobkzのブログ
最近、なんというか、フロントエンド勉強会に出席する度に、「フレームワークじゃねぇんだ! MVC設計がな! 」とか言い続けている気がする。たくさんフレームワークが出てきて、○○フレームワークの問題とか、開発の困難の話を聞く度に、自分の設計を棚に挙げて、「これは、フレームワークがスケールできないせいだ!」「jQueryが糞」とか言ってて、「何言ってんの?コイツ?」みたいな気分になる。 最近になって、なんでこの状況がいつまでたっても変わらないんだろう? って理由が分かってきた。フロントエンドできない人が、フロントエンドやりすぎなのだ。 なんでフレームワーク使うの? そもそも、なんでフレームワークを使うか?ってことに答えられない人が多い気がする。というか、大抵「上司が決めたから」とか「チームで決まっているから」という答えが返ってくる。そもそも、フレームワークを強制して学習させる環境になっている現場
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
[JS]レスポンシブにしっかり対応！高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js
divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。
秋のJavascript祭り
秋のJavascript祭り！ 好評につき（？）秋のJavascript祭りを開催します！夏にやろうと思っていたら、夏はイベント多過ぎにつき残暑厳しい9月7日(日)に開催決定しました。 プロ・ジャバスクリプターから、他言語のエンジニア、コーダー、WEBデザイナー、Javascript初心者まで参加者の幅が非常に広いのがこのJavascript祭りの特徴です。 Javascriptを愛する全ての人に参加権があります。 参加費無料となっております。 懇親会も別途開催予定です。 スポンサーアンケートご記入頂きますと、懇親会費用は500円となります。 受付時にお支払い下さい。 （アンケートご記入頂けない場合は1500円頂戴致します。） タイムスケジュール 内容・セッション順は変更になる可能性があります。 LT終了後に懇親会となっております。懇親会参加される方は受付でお申込み下さい。 受付開始 14
Choosing Vanilla JavaScript
A lot of JavaScript developers out there, myself included, love jQuery. And rightly so! Like any great tool, it makes our lives easier. When building something with a large amount of front-end code, like a robust site or application, jQuery is a powerful ally. However, if you’re building a small- to medium-sized library, you should seriously consider using vanilla JavaScript. Sometimes it makes se
fontsize change - jsdo.it - Share JavaScript, HTML5 and CSS
jQuery(function($){ //smartRollover var imgCount = 0; var images_pre = new Array(); $('img[src*="_off."],input[src*="_off."]').each (function(){ images_pre[imgCount] = new Image(); images_pre[imgCount].src = $(this).attr("src").replace("_off.", "_on."); $(this).hover( function () { imgOn($(this)); }, function () { imgOff($(this),".active"); } ); imgCount ++; }); //変数にクッキー名を入れる var history = $.cook
フォントサイズを変える「大・中・小」ボタンを画像も使って実装する方法
フォントサイズを変える「大・中・小」ボタンを実装する方法 今回も以前にエントリーした内容の変更版。知人に「フォントサイズを変えるボタンを画像にして、アクティブなボタンを保持したい」という要望があったので、もらったソースを元に作ってみた フォントサイズを変える「大・中・小」ボタン実装 CSSや文字だけで実装する場合は、以前の『フォントサイズを変える「大・中・小」ボタンを実装する方』を参照ください。 今回はこの機能に、画像の_onと_offを入れ替えるロールオーバーのスクリプトと、そのアクティブ状態を保持しているものを作成してみます。 ※ロールオーバー部分は知人にもらったコードを改変して利用。出典不明。主な仕様も、前と同じまま。 今回作成したデモ fontsize change - jsdo.it - share JavaScript, HTML5 and CSS 画像の場合の仕様ポイント 今
CSS切替なしでフォントサイズを変更するjQueryのスクリプト | Web Mugen
前に作ったフォントサイズを変更するjQueryのスクリプトの改良版です。元々はフォントサイズ切替用のスタイルシートを作るのがメンドイので作ってみました。改良点は画像でもテキストでも使えるし、クリックするとアクティブ用のクラスが付くのでCSSを適応できます。さらにロールオーバー画像のオンオフも切り替えれます。おまけにフォントサイズの段階（標準・大とか小・中・大みたいな）もいくつでも設定できます。ちなみにプラグイン風？に作りました。もちろん自己満の為です。 画像タイプDemo テキストタイプDemo 対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。 ※IE6はテキストタイプの場合、a要素を使用していない為ホバー機能が効きません。a要素を追加しても問題ないかと思いますが、リンク
ASCII.jp：jQueryで作る多階層ドロップダウンメニュー｜Web制作の現場で使えるjQuery UIデザイン入門
基本のドロップダウンメニュー メインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。 メニューバーのHTML／XHTML（以下、HTML）は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性「menu」を、子カテゴリーのul要素にはclass属性「sub」を付けて親子関係を分かりやすくしておきます。 ▼サンプル01（HTML部分） <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
要素の高さを揃える超軽量なjQueryプラグインjquery.tile.js - URIN HACK
要素の高さを揃える超軽量なjQueryプラグインjquery.tile.js ブロック要素の高さを揃える軽量なjQueryプラグインjquery.tile.js。このプラグインを使用するとブロック要素を簡単にタイル状に並べることができる。 このプラグインには余分な機能が一切無いため 使い方がシンプルでプラグインは非常に軽量 になっている。 JavaScriptを使用しないで要素の高さ揃える場合はHTMLのtable要素を使う、CSSのdisplay: tableを使用する、float: leftで横に並べてmargin-bottomを大きくするなどの方法が考えられるが、デザイン面で融通が効きにくく初心者にとっては少し敷居が高い。 要素を横に並べるにはfloat: leftやdisplay: inline-blockなどを用いるのが最も簡単だが、この場合HTMLとCSSだけで要素の高さを自動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
漢は黙ってjQuery
GitHub - carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
https://www.angstrey.com/projects/jquery-text-resizer-plugin/
jQuery UI Tabs で効率よくタブ機能を実現しよう！ 14.05.23 HTML5 jQueryビギナーズ