サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Translation of: Getting Started with Sass - A List ApartCSSの持つその簡明さは欠かせない特徴の一つで、それは最も歓迎されている点でした。CSSによるスタイルシートは、セレクターといくつかの適用したいスタイル情報を含むルールを羅列したものに過ぎません。しかし、WebサイトやWebアプリケーションが巨大に、そして複雑になり、様々なデバイスや画面サイズに対応せざるを得なくなった現在、この簡明さという特徴―fontタグやテーブル・レイアウトの淘汰に大いに役にたったもの―が大きな足かせになっています。 簡単な計算機能や変数を追加するなどといったCSSの修正案が過去に提示されましたが、どれもブラウザー・ベンダーには採用されませんでした。仮にこういった新しく素晴らしい拡張されたCSSがあるブラウザーに実装されたとしても、それが実用に耐える程度に
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
色調補正のためのスキルを身に着けたら、続いて着手したいのがPCの環境を整えること。モニターキャリブレーション、カラースペースなど、どこまでも奥深い話になってしまう分野だが、今回は極力わかりやすく、誰でも簡単に導入できるよう解説する。 記念すべき連載第10回目の今回は、「色調補正を正しく行なうために、PC環境を整えること」についてお話していきたいと思います。新しいステージへの扉を開く回です！ 今までこの連載では、色調補正の方法をお伝えしてきました。「写真全体の明るさや色調」をコントロールする方法は、もうかなり身についてきていると思います。そんなあなたを次のステージへお連れするために、ちょっと苦いお話をしなくてはなりません。 （心苦しいのですが）、早速苦い一言を申し上げます。もし、あなたが調整した写真を人に渡した時「なんか色がおかしいんだけど？」と、言われたらどうしますか？ 「せっかく色調補正
前回は「Oracle VM VirtualBox（以下VirtualBox）」の概要とインストール、仮想マシンの作成方法について簡単に解説した。今回は、仮想マシンのカスタマイズやスナップショット機能などについてみていく。 ハードウェア構成の変更 作成した仮想マシンの構成を変更し、利用目的に合わせてカスタマイズするには、仮想マシンごとの設定オプションを変更する。変更できる項目はほかの仮想化ソフトウェアと同様だが、CPUの特権機能に関する設定があるなど、やや細かくなっている。よく分からない場合は、デフォルトのまま利用するのがよいだろう。そのためにも、仮想マシンを作成する場合は、Windows OSの種類（Windows XPかWindows 7か、など）やbit数の違い（32bit版か64bit版か）などを正しく指定しておくことが重要である。 仮想マシンのハードウェアの構成を変更するには、Vi
第4回ではCakePHPでの開発環境を構築しました。今回からアプリケーション部分の開発にとりかかります。 開発するのはToDo管理アプリケーションです。今回は以下の作業を行います。DBの設計と作成 コントローラの作成 モデルの作成 ビューの作成 この作業で実装される機能は以下になります。 タスク一覧の表示 このアプリケーション開発の前提として、DocumentRootは/home/gihyo/public_htmlで、URLはhttp://example.com/~gihyo/、CakePHPをセットアップしたディレクトリは/home/gihyo/public_html/todo、URLはhttp://example.com/~gihyo/todo/とします。DBの設計と作成 まずはCakePHPに慣れるためのサンプルアプリケーションですので、機能は最小限とします。アプリケーションを利
25Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
1. 概要の理解 jQueryを一切知らない場合はまずは概要の理解から始めます。 ノンプログラマーのためのjQuery入門 http://www.slideshare.net/hayatomizuno/jquery-7665168 はじめてのjQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. 基本的な使い方を理解する サンプルを見ながら具体的なコードを作成し理解を深めます。 40分で覚えるjQuery速修講座 http://ascii.jp/elem/000/000/498/498710/ jQuery基礎文法最速マスター http://blog.webcreativepark.net/2010/02/02-111519.html jQueryサンプル集 http://www.designwalker.com/2008/04/jque
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（ApplicationProgramming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
JSONとJSONP ネタ元：JSONについての勉強メモ：外部URLから呼び出せない。どうやったら・・・ JSONやJSONPを利用したJavaScriptでのデータをの取り扱い方です。 JSONの場合 JSONはJSONについての勉強メモで書かれているようにデータをオブジェクトとして記述しておく方法です。 var jsonData ={"users": [ { name: "hamu", age : 24, language:["XHTML" , "CSS"] }, { name: "h2", age:25, language:["PHP" , "Java"] }, { name: "hoge", age:26, language:["JS" , "jQuery"] } ]} とJSONを定義しておけば、 for(var index in jsonData.users){ documen
新人に捧げる「Webブラウザの仕組み」 皆さんが毎日利用している「Webブラウザ」。インターネットの創成期から現在まで進化を続けながら、一線で活躍する技術です。今回はこのWebブラウザについてあらためて見てみましょう。 前編・後編2回に分けて、前編ではWebブラウザとサーバの通信の仕組みや役割、後編ではWebブラウザやHTMLの歴史と未来について説明します。 基本的な説明ですが、読めば新しい発見があるかもしれません。 WebサーバとWebブラウザの甘い関係 インターネットを通じてWebブラウジングするとき、私たちはInternet Explorer（以下、IE）やFirefoxといった「Webブラウザ」ソフトを使ってWebサーバにアクセスします。Webサーバが画像やテキストといったデータをWebブラウザに送り、Webブラウザが情報を解釈して表示します。では、ここでのWebサーバとWebブラ
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
