キーワード検索「Home」
571
Home > jQuery関連 > オフラインでjQueryを学ぶための教材がまるごと詰まった『jQuery 1.4.3 Offline Learning Kit』OlderJavaScriptの素敵な点はブラウザとエディターさえあれば開発できる、という点ですよね。サーバーなんかいらないので、やろうと思えばオフラインでもある程度がっつり学ぶことができます。そこで登場したのが「jQuery 1.4....
1854
Structured web programming Home Getting Started Technical Overview Tutorials Hello, World Classes Interfaces Language & Libraries Language Spec Library Reference Code Samples Articles Discuss From qui...
290
Home > まとめ > チュートリアルまとめ > Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（+サンプルPSD素材） Webサイトを制作するときにPhotoshopを利用するひとは多いのではないでしょうか。 海外デザインブログSix Revisionで、Photoshopを使ったウェブレイアウト用チュートリアルを25個まとめたエントリー「25 Excel...
340
Home > jQuery関連 > CSVファイルを読み込んでHTMLテーブルを作ってくれるjQueryプラグイン『jquerycsvtotable』Older便利そうなのでメモ的にエントリー。CSVファイルを読み込んでHTMLテーブルを作ってくれるjQueryのプラグインです。データを簡単に管理したいときにすっごく便利ですね。↑ こういうデータを…。↑ こう整形してくれます。ちゃんとCSVの一行...
275
![[CSS]IE6, 7も考慮した、CSS3で実装するドロップダウンメニュー | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-dropdown-menu-by-red-team-design.html)
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。デモページ：IE6での表示下記は各ポイントを意訳したものです。HTMLHTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。<ul id="menu"><li><a href="#">Home</a><...
228
News Home > News > 保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ 保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ 2011年4月26日 使っている方も多いであろうスマートフォンモバイル。2011年4月現在で携帯電話の新規契約数の半分以上がスマートフォンとなり、勢いは衰え...
233
Home > Firefox関連 | StartMac > 【ひとりStartMac】 Firefoxに導入したアドオン＋Greasemonkeyスクリプトまとめ（2010/11版）Olderさてお次はFirefoxで導入したアドオンとか行ってみますかね。FirebugこれのためにFirefox使い続けています。デバッグの最強ツール。Gmail Manager定番。Gmailへのアクセスが楽々でき...
105
Home > まとめ > その他まとめ > ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー...
77
![[CSS]1ページで構成されたウェブサイトで使える、かっこいいCSS3アニメーションのテクニック | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-page-transitions-by-codrops.html)
CSS3アニメーションを使って、ダイナミックなスライドやフェードのアニメーションでページ（コンテンツ）を切り替えるテクニックを3つ紹介します。 Demo 3 Demo 3は左からスライドのアニメーションで切り替わります。 実装 デモは一見、Homeを含む4ページで構成されているように見えますが、1ページで作成されています。 HTML HTMLはdiv要素で配置したコンテンツが4つ、ナビゲーションが...
87
News Home > News > オシャレな色使いが魅力、シングルページのウェブサイト60選 オシャレな色使いが魅力、シングルページのウェブサイト60選 2011年4月13日 最近よく見かけるウェブデザインのひとつに、情報、コンテンツを1ページにまとめたシングルページがあります。 特に自己紹介や経歴、実績などをまとめたデザイナー用ポートフォリオサイトやiphone、Androidアプリの...
85
Home > 開発ツール・技術 > ブラウザ、OS間での差異をなるべくなくしたフォーム用のCSS/JSライブラリ『Formalize CSS』Older最近Mac使いになって思ったのですが、フォームってOS間でだいぶ見た目が違いますよね。それはそれで慣れてしまえばいいのかもしれませんが、デザイナー的に気になった人がいたようです。そこで作られたのがこの「Formalize CSS」。ブラウザ、OS間...
96
![[CSS]スタイルシートを使用して現在位置のリンクを無効にする方法 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-tips-pointer-events-current-navigation.html)
Pointer Events & Disabling Current Page Links デモページデモは「About」ページに「About」のリンクが無効で他は通常通りに機能するナビゲーションが設置されています。このようなテクニックはJavaScriptを使用したり、 CSSの場合はclassを追加したりするものですが、ここではナビゲーション箇所もスタイルシートも全ページ共通で利用できるものと...
76
News Home > News > CSS3のメディアクエリを利用したWebサイトデザイン30個まとめ+使い方 CSS3のメディアクエリを利用したWebサイトデザイン30個まとめ+使い方 2010年6月7日 How To Use CSS3 Media Queries To Create a Mobile Version of Your Website iPhoneやAndroidなどのスマ...
80
Home > 開発ツール・技術 > iPhoneでJavaScriptの開発ができる『A JavaScript IDE for the iPhone』Olderほう、これは便利かも。iPhone上で簡単なJavaScript開発ができるツールですよ。これ自体、JavaScriptで書かれているみたいですね。↑ これを実行すると・・・。↑ こうなる、と。↑ コーディング中。括弧類が入力しやすくて良い...
78
レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン2011年02月27日-UI.Layout Plug-in - Home 2 レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン。 次のような複数ペインにわかれ、なおかつドラッグ＆ドロップでペインのサイズを変えられるようなUIが作...
79
Home > 開発ツール・技術 > MVCモデルによるクライアントサイドJavaScriptフレームワーク（？）『backbone.js』が便利そうOlder完全に個人的なメモですが、便利そうですよ・・・。まだ完全に理解していないですが勢いでエントリー。興味あるな、これ。知らなかったのですが、Backbone.jsなるフレームワークがあるようですね。データをモデル化して操作、サーバーとの同期もでき...
76
NewsHome > News > フルスクリーンで写真を利用したダイナミックなウェブサイトデザイン75個まとめフルスクリーンで写真を利用したダイナミックなウェブサイトデザイン75個まとめ2011年1月21日 海外デザインブログInspiiiredで、フルスクリーンでイメージ写真を表示したダイナミックなウェブサイトデザインを75個まとめたエントリー「75 Websites Featuring...
64
![[CSS]ホバー時のエフェクトに一工夫、リボン風デザインのナビゲーション | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-ribbon-menu-by-jacklmoore.html)
デモ 実装 デモ デモはCSS3アニメーションに対応したブラウザ、Chrome, Safari, Firefoxでご覧ください。 CSS3アニメーション非対応のIE8/9ではアニメーション無し、擬似要素非対応のIE7ではリボン無しになります。 実装 HTML HTMLはシンプルで、各アイテムをspan要素で実装し、全体をdiv要素で内包します。 <div class='ribbon'> <a hr...
68
JavaScriptにおいてメモリ管理は基本的にエンジン任せなのであまり意識することは無いかもしれませんが、メモリリークの調査やパフォーマンスの実験のためにメモリ情報をJavaScriptから扱いたいときがあると思います。メモリリーク調査は専用のソフトウェアなどがあるので、JavaScript Memory Leak Detector (v2) – GPDE Team Blog – Site Ho...
50
News Home > News > ユニークな画像スライダーを利用したWebサイトデザイン45個まとめ （無料プラグイン付き） ユニークな画像スライダーを利用したWebサイトデザイン45個まとめ （無料プラグイン付き） 2011年5月26日 Webサイトを訪れたユーザーに効果的に情報を伝えることができ、見た目のインパクトもある写真スライダー。 利用するプラグインやデザイン方法、アイデアによ...
