Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

2013-05-01から1ヶ月間の記事一覧

step1,2,3...!ウィザード形式のフォームを実装する「jQuery Steps」

縦にやたら長いフォーム画面っていまだによくある。で、入力をミスると正しい部分も全部初期化されるなんていうイケてないフォームも。。。というわけでウィザード形式を取り入れたほうがスマートだ。jQuery Steps

軽量でレスポンシブ対応!フラットなデザインのフレームワーク「skel.js」

軽量でレスポンシブ対応、フラットなデザインもかっこいいフロントエンドフレームワーク。skel.js

フラットデザイン!CSS3を使ってWebサービスでよく見る料金表を作る方法

CSS

CSS3を使って有料のWebサービスなどでよく見る料金表を作る方法が載っていたのでご紹介。How to Create CSS3 Pricing Tables

レスポンシブルなオーディオプレイヤーが実装できる「AudioPlayer.js」

レスポンシブWebデザインに対応したオーディオプレイヤーを実装できるライブラリをご紹介。AudioPlayer.js

JSONをオシャレに編集、整形する「JSONmate」が素敵

これは面白い。オシャレなデザインのJSONエディタ&整形ツールをご紹介。JSONmate

グッドデザイン!iPhoneから家電の電源をON/OFFできる「WeMo」

家電の遠隔操作を実現する製品のデザインがとてもよいのでご紹介。WeMo

ドラッグ&ドロップOK!ajaxのファイルアップロードフォームの作り方

とてもかっこいいファイルアップロードフォームの作り方が書かれた記事を発見したのでご紹介。Mini AJAX File Upload Form

クレジットカード対応のiPadレジがかっこいい

プログラミングは全く関係ないのだが、面白い製品を発見したのでご紹介。iPhone/iPadのイヤホンジャックからクレジットカード決済を実現しているSquareから、スタンドタイプの製品が登場した。Square Stand

流行りのフルスクリーンWebデザインを簡単に実装できる「windows」

今流行りのフルスクリーンWebデザインを簡単に実装するJSライブラリをご紹介。windows

RubyでかっこいいJSグラフが描ける「Chartkick」

僕自身Rubyは専門外なのだが、サーバーサイド言語でJavaScriptチャートが描けるというところが気に入ったのでご紹介。Chartkick

jQueryでファイルツリーが作れる「dynatree」

これはいつか使う機会がありそうということでご紹介。ファイルツリーを実装することの出来るjQueryプラグイン。dynatree

簡単に実装できるjQueryベースのWYSIWYGエディタ「jQuery TE」

簡単に実装できるシンプルなjQueryベースのWYSIWYGエディタを見つけたのでご紹介。デザインもなかなかよい。jQuery TE

くっ、くだらなすぎる。。。画面スクロールでオナラ音を出す「fartscroll.js」

あまりにくだらすぎるが衝撃的だったのでご紹介。画面をスクロールするとオナラの音を出すJSライブラリ。fartscroll.js

JSライブラリを使わずRetina対応のレスポンシブメニューを作る方法

JSライブラリを使わずにRetinaディスプレイ対応のレスポンシブメニューをHTML/CSS/JSで作る方法が紹介されていたので書いておく。これは勉強になるなー。RESPONSIVE RETINA-READY MENU

ajax処理に最適!?ローダー、処理結果通知をかねそなえた「Jquery-async」

面白いjQueryプラグインがあったのでご紹介。処理中のローダー、処理完了時の通知アニメーションを兼ね備えたjQueryプラグイン。Jquery-async

シンプルなUIのページネーション「simplePagination.js」

ライブラリ名まんまの記事タイトル。笑 シンプルで使いやすそうなページネーションのjQueryプラグインをご紹介。simplePagination.js

簡単にソート、フィルタリングが実装できるjQueryプラグイン「MixItUp」

かなりオシャレでかっこいいjQueryプラグインを見つけたのでご紹介。非常に簡単な実装で要素のソート、フィルタリングが可能。サイトもオシャレですな~。MixItUp

軽量&高速でかっこいいポップアップが実装できる「Magnific Popup」

かっこいいポップアップ(モーダルウィンドウ)を実装できるJSライブラリが便利そうなので紹介しておく。Magnific Popup

JavaScriptの学習資料を集めたサイト「Superhero.js」が渋い

英語ではあるがJavaScriptを学習している人にぜひおすすめしたいサイトがSuperhero.jsである。何とも渋いTop画面ではないか。Superhero.js

押し心地が気持ちいい!CSS3で3Dボタンを作る方法

CSS

押し心地が何とも気持ちいい3Dボタンの作り方を紹介していた記事があったので書いておく。Create 3D Social Media Buttons with CSS3