Programming主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。ブログを移転しました。Tecuration.comこのサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。2013-08-02パララックスサイトに導入したいスクロールプラグイン「panelSnap」Javascript個人的にパララックスデザインなサイトは大好きだ。いうプラグイン入ってるといいよね。Javascriptなんか良さそうだったので、ご紹介。jQueryで軽量という特徴をもつフレームワーク。jQueryで軽量なフロントエンドフレームワーク「UIkit」2013-07-30プロジェクトに含まれるファイルツリーをグラフ化する「disc」Javascriptなんぞこれ!全く役に立たなそうだけど面白いのでご紹介。プロジェクトに含まれるファイルツリーをグラフで可視化するJavaScriptライブラリ。discプロジェクトに含まれるファイルツリーをグラフ化する「disc」2013-07-30ヒートマップが作れるJavaScriptライブラリ「Cal-HeatMap」Javascriptほう、面白い。アクセス解析で有名になったヒートマップであるが、それを実装できるJavaScriptライブラリ。Cal-HeatMapヒートマップが作れるJavaScriptライブラリ「Cal-HeatMap」2013-07-283Dなスライダーが実装できる「ImpulseSlider」Javascriptうまく使えばかっこいい効果だと思ったのでご紹介。3Dキューブのようにイメージをスライドさせるスライダー。Skype.」というキャッチコピーがすごい。VMUXはブラウザ上でビデオチャットが出来るオンラインサービス。「VMUX」2013-07-26モバイルファースト!スマホに特化したタブを実装する「Tabby」Javascript最近はどのプラグインもスマホのタッチ操作に対応するようになってきてとても助かる。このTabbyにおいても例外ではない。Tabbyモバイルファースト!スマホに特化したタブを実装する「Tabby」2013-07-25レスポンシブなライトボックスを実装できる「flipLightBox」Javascriptひとつ勉強したので、ご紹介。レスポンシブなライトボックスを実装できるjQueryプラグイン。flipLightBoxレスポンシブなライトボックスを実装できる「flipLightBox」2013-07-23PSDファイルをHTMLに変換してくれるWebサービス「PSD2HTML」ほぉー。有料ではあるが、PhotoshopのPSDファイルをHTMLに変換してくれるWebサービス。CMS」ツール面白いCMSがあったのでご紹介。軽量でシンプルなPHP&MySQLを使ったCMS。Lid」Javascriptこれはかっこいい。マウスオーバーで表示されるサイドバーが実装できるプラグイン。その特徴は3Dのような立体的な表示方法。Lid」2013-07-221ページ内に複数のスクロールウィンドウを配置できる「jQuery.scrollpanel」Javascript面白かったのでご紹介。1ページ内に複数のスクロールウィンドウを配置できるプラグイン。jQuery.scrollpanel1ページ内に複数のスクロールウィンドウを配置できる「jQuery.scrollpanel」2013-07-21タブ切り替え時のアニメーションが心地よい「Tabulous.js」Javascript非常にシンプルだが、アニメーションがいい感じだったのでご紹介。タブ切り替え時に動く複数のアニメーションパターンを実装するプラグイン。Tabulous.jsタブ切り替え時のアニメーションが心地よい「Tabulous.js」2013-07-21テキストエディタツールバーを実装する「popline」Javascriptあまり使い道が思い浮かばなかったのだが、面白かったのでご紹介。単語をダブルクリックするとそのテキストを編集するツールバーを表示させるプラグイン。poplineテキストエディタツールバーを実装する「popline」2013-07-213Dキューブがくるくる回る斬新なUIの「HexaFlip」Javascriptこれは面白い。配列として与えた文字や画像のデータを、くるくると回る3Dキューブ上に表示させるプラグイン。ライブラリおぉ!これはすごい。スクロールしていくと、その幅に応じてヘッダーを切り替えていくという仕組みが実装できる。ライブラリこれは便利。選ばせる仕組みはよくある。大分類で選んだoptionに基づいて、中分類のselectで表示させるoptionを変更させるという仕組み。それを実装できるプラグインがこちらです。Dropdown」2013-07-21フルスクリーンデザインにぴったりなスクロール機能を実装する「ScrollIt.js」Javascriptまぁこんなの自分でも実装できるけど、サクッと使えて便利そうなのでご紹介。クリックすると指定の箇所にアニメーションを伴ってスクロールする機能が実装出来るjQueryプラグイン。BOOKS」CSSうーん、これは面白い。マウスオーバーするとパラパラとページがめくれるアニメーションで本が開くという、まぁそれだけかよと言えばそれだけ。BOOKS」2013-07-18JavaScriptでもっと読む機能を実装する「ReadMore.js」Javascriptまぁそんな需要もあるのかな。JSでもっと読む機能が実装出来るjQueryプラグイン。ReadMore.jsJavaScriptでもっと読む機能を実装する「ReadMore.js」2013-07-17マークダウン形式のドキュメントジェネレーター「DAUX.IO」ツールなんぞこれ。「.md」拡張子のマークダウンファイルを生成し、管理するドキュメントジェネレーターをご紹介。マークダウン形式のドキュメントジェネレーター「DAUX.IO」2013-07-17画像サイズをレスポンシブ化させる「imagefill.js」Javascriptなかなか便利そうなのでご紹介。レスポンシブWebデザインは画面サイズに合わせたHTMLエレメントの配置を提供するものだが、「imagefill.js」を使えばHTMLエレメント自体を画面サイズに合わせて拡大、縮小させることができる。Gallery」はアニメーションが最高に心地よい。Gallery」2013-07-16フラットUIのフレームワーク「Furatto」ライブラリまだまだ流行っているフラットUI。僕はあのミニマルなデザインが好きで、そんなサイトに出会うと興奮する。いう訳で、フラットUIの新しいフレームワークがリリースされていたのでご紹介。ライブラリ縦にやたら長いフォーム画面っていまだによくある。入力をミスると正しい部分も全部初期化されるなんていうイケてないフォームも。いうわけでウィザード形式を取り入れたほうがスマートだ。ライブラリ軽量でレスポンシブ対応、フラットなデザインもかっこいいフロントエンドフレームワーク。skel.js軽量でレスポンシブ対応!フラットなデザインのフレームワーク「skel.js」2013-05-20フラットデザイン!CSS3を使ってWebサービスでよく見る料金表を作る方法CSSCSS3を使って有料のWebサービスなどでよく見る料金表を作る方法が載っていたのでご紹介。ライブラリレスポンシブWebデザインに対応したオーディオプレイヤーを実装できるライブラリをご紹介。AudioPlayer.jsレスポンシブルなオーディオプレイヤーが実装できる「AudioPlayer.js」2013-05-18JSONをオシャレに編集、整形する「JSONmate」が素敵ツールこれは面白い。オシャレなデザインのJSONエディタ&整形ツールをご紹介。家電の遠隔操作を実現する製品のデザインがとてもよいのでご紹介。次のページプロフィールid:akiok_jp主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。