とてもかっこいいファイルアップロードフォームの作り方が書かれた記事を発見したのでご紹介。Mini AJAX File Upload Form
プログラミングは全く関係ないのだが、面白い製品を発見したのでご紹介。iPhone/iPadのイヤホンジャックからクレジットカード決済を実現しているSquareから、スタンドタイプの製品が登場した。Square Stand
今流行りのフルスクリーンWebデザインを簡単に実装するJSライブラリをご紹介。windows
僕自身Rubyは専門外なのだが、サーバーサイド言語でJavaScriptチャートが描けるというところが気に入ったのでご紹介。Chartkick
これはいつか使う機会がありそうということでご紹介。ファイルツリーを実装することの出来るjQueryプラグイン。dynatree
簡単に実装できるシンプルなjQueryベースのWYSIWYGエディタを見つけたのでご紹介。デザインもなかなかよい。jQuery TE
あまりにくだらすぎるが衝撃的だったのでご紹介。画面をスクロールするとオナラの音を出すJSライブラリ。fartscroll.js
JSライブラリを使わずにRetinaディスプレイ対応のレスポンシブメニューをHTML/CSS/JSで作る方法が紹介されていたので書いておく。これは勉強になるなー。RESPONSIVE RETINA-READY MENU
面白いjQueryプラグインがあったのでご紹介。処理中のローダー、処理完了時の通知アニメーションを兼ね備えたjQueryプラグイン。Jquery-async
ライブラリ名まんまの記事タイトル。笑 シンプルで使いやすそうなページネーションのjQueryプラグインをご紹介。simplePagination.js
かなりオシャレでかっこいいjQueryプラグインを見つけたのでご紹介。非常に簡単な実装で要素のソート、フィルタリングが可能。サイトもオシャレですな~。MixItUp
かっこいいポップアップ(モーダルウィンドウ)を実装できるJSライブラリが便利そうなので紹介しておく。Magnific Popup
英語ではあるがJavaScriptを学習している人にぜひおすすめしたいサイトがSuperhero.jsである。何とも渋いTop画面ではないか。Superhero.js
押し心地が何とも気持ちいい3Dボタンの作り方を紹介していた記事があったので書いておく。Create 3D Social Media Buttons with CSS3
少なからずはこういうのを探している人がいるかもということでご紹介。Youtubeのメニューエフェクトの実装方法を解説している記事を取り上げてみる。Simple YouTube Menu Effect(Demo)
これは!というWebサービスがあったのでご紹介。Bootstrapの知識が無くてもドラッグ&ドロップでBootstrapのWebレイアウトが作れてしまうWebサービス。もちろんレスポンシブWebデザインにも対応。LayoutIt! - Interface Builder for Bootstrap
iTunes11からなくなってしまった「cover flow」機能のようなスライダーを実装することのできるJavaScriptライブラリが良かったのでご紹介。Sly
画面を共有しながら作業を進めることが出来る無料サービスScreenheroがWindowsに対応していたのでご紹介。Screenhero | Collaborative Screen Sharing
最近こんな感じで「くるっと回る」かっこいいメニューバーってよく見る。Check out this Pen!
今週のお題「2013年のゴールデンウィーク」ということでセキュリティ対策について。ネットを使う以上、切っても切れない関係にあるのがセキュリティ対策。悪質な書き込みをしたとして逮捕されたが、遠隔操作が可能なウィルスに感染しており誤認逮捕だったと…
前回イベントハンドラについて書いた。JavaScriptのイベントハンドラをまとめてみた このイベントハンドラなのだがやや問題があり、今回紹介するイベントリスナーを使ったほうが良いということを学んだので、まとめてみる。イベントハンドラをHTMLから切り離…
動的なJavaScriptの実行を可能とするイベントハンドラについて学んだことをまとめておく。イベントハンドラとは 通常JavaScriptはWEBサイト(HTMLファイル)の読み込み時に実行されるが、ボタンをクリックする、テキストフォームを選択するなどイベントが発…
いつか使いたいと思ったので書いておく。 オシャレなデザインと、かっこいいアニメーションが魅力的なメニューが簡単に実装できる。下記リンクよりDemoページに飛ぶことが出来るので、一度試してみていただきたい。RESPONSIVE MULTI-LEVEL MENU
DOM関連の記事を書いているときにelementオブジェクトのselectedIndexプロパティについてふと疑問に思ったことがあったので、わかったことを書いておく。 selectedIndexとはselectタグ内のoptionにアクセスし、何番目のoptionが選択されているかを返すプロパ…
DOMの連載記事、最後の3回目は要素の生成、追加、削除について書く。本題に入る前にノードという概念について簡単に書いておく。ノードとは ノードとはHTMLへアクセスするためのインターフェースである。全12種類のノードがあるが、代表的なものは4つ。一つ…
DOMの連載記事、2回目は要素の属性や文字列の扱いについて書く。属性、文字列を取得したり、書き換えたりすることが可能だ。 前提としてHTML要素が特定できていなければ編集することが出来ない。なので、要素の参照が分からないという方は以下の記事をどうぞ…
最近DOMについて改めて学びなおし、気づきが多かったので連載という形で書き残しておこうと思う。1回目はDOMでのHTML要素の参照について。まずDOMとは何かについて、一応引用しておく。 Document Object Model (DOM) は HTML や XML 文書のためのプログラミ…
これから技術ブログを始めようという人のために、僕が使えると思ったツールを5つ紹介しようと思う。 コード表示 技術ブログならやはりコードは載せていくだろう。各ブログサービスに標準で用意されている機能やWordPressならプラグインを使って書くことも出…
ブラウザからクリップボードに文字列をコピーする機能を実装したく調べた結果、便利なJSライブラリがあったので書いておく。zClip
最近JSライブラリを試すことが多くPC上での管理が破綻しかけていたなか、大量のJSライブラリがまとめられたCDNを発見したので書いておく。ライブラリを軽く試してみたいという人におすすめ。cdnjs