キーワード検索「ひとつ」
1300
UIデザインで困らないために押さえておくべき7つのWEBサービス 技術 UI Web デザイン まとめ デザイン リンク集 開発 ウェブサイトにおいて、画像や配色だけがデザインではありません。ページャーやパンくずリスト、タブやアイコンなど、サイトの随所に存在するユーザーインターフェース(UI)も重要な要素のひとつ。とはいうものの、毎回おざなりに済ませていませんか？ その結果、なんだか使いづらい...
1283
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shad...
1024
スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制作することができます。 しかし、その分ソースや読み込むCSSが多くなってしまったり、構成をしっかりと考えな...
650
2012年1月31日火曜日 この完成度に震えが止まらない！Node.js史上最高のIDE、Cloud9をインストールしよう。 今回はNodeのクラウドIDEのCloud9を紹介します。前のエントリーでNideを紹介しました。Nideはシンプルで美しいIDEでしたが、Cloud9は高機能でさらに美しいIDEです。 Cloud9は、クラウド上で様々な操作ができます。無料でエディタ、デバッグ、バージョン...
codedehitokoto.blogspot.com
469
世界各都市の地下鉄網の形を分析したところ、それぞれ異なった歴史や地理的条件を持つにもかかわらず「同じ構造」になっていることがわかった。粘菌の成長パターンが実際の都市構造に似ているという研究結果とともに注目されている。 世界の地下鉄の路線図。左上から時計回りに、上海、マドリッド、モスクワ、東京、ソウル、バルセロナ。Image: Roth et al./JRSI 数十年にわたって各都市が成長するなかで...
445
スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりました。 今回はXHTMLでコーディングしたソースで、CSS3のメディアクエリを使って、PC、タブレット、...
450
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきま...
374
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイトでとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストとローカルへ向ける Map Remote（指定UR...
337
Taranfx.com - Your Gateway to Technology, Redefined.ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されてい...
332
jQuery Mobile | 22:06jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにaja...
228
新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグイ...
183
Webサイトやブログなどでよく見かけるデザインのひとつとして、コンテンツ、写真スライダーを利用しているケースがあります。 グラフィカルなデザインに動きを加えることで、より一層コンテンツにユーザーの目を惹くのではないでしょうか。 海外デザインブログDesignModoで、色々なスライダー素材をデザインしたPhotoshop用無料PSD素材を30個まとめたエントリー「Huge Collections ...
207
SitePoint: New Articles, Fresh Thinking for Web Developers and DesignersHTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、Webプロ...
157
pjaxの前にpushStateとはAjaxとjQueryの説明は不要として、pushStateとはなんぞや。pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。有名なところではGitHubで使われてるアレ。hash...
120
複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 2011年05月25日- JSONSelect 複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 jQuery成功の背景には、そのDOMへのアクセスのしやすさがひとつの要因だと思いますが、JSONSelectを使うと、JSONデータへのアクセスを...
105
Home > まとめ > その他まとめ > ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー...
105
Webデザイン レスポンシブにデザインするために克服すること レスポンシブ・Webデザインがベストな解ではありませんし、レスポンシブにする必要があるのは工程だけではありません。ひとつの Web にアクセスしているのだという課題にどう取り組むかという上でレスポンシブ・デザインを考えていきたいですね。 画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪...
86
東京でお会いした人にも聞かれましたし、ツイッターでも最近よく聞かれるので、ひとつひとつ答えるのがなんだか大変だなぁと思い、「そうだソース元作ろう」という事でご紹介。 ちなみにこの記事は2時間でした。記事の属性を知る 初めに、記事がどこから生まれどういう活用になるのかを考えます。それによって、記事にいたる時間が大幅に変わります。多くの場合以下のようなリストに分かれます。 パッとひらめくリサーチした情...
87
News Home > News > オシャレな色使いが魅力、シングルページのウェブサイト60選 オシャレな色使いが魅力、シングルページのウェブサイト60選 2011年4月13日 最近よく見かけるウェブデザインのひとつに、情報、コンテンツを1ページにまとめたシングルページがあります。 特に自己紹介や経歴、実績などをまとめたデザイナー用ポートフォリオサイトやiphone、Androidアプリの...
91
js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、...
