グラフィックデザイナーがウェブデザインの技術を習得するために大事なこと。【HTML・CSS】 カテゴリ: DTP WebDesign コードを書くというグラフィックデザイナーにとっての大きな壁 グラフィックデザイナーがウェブデザインの技術をはじめに習得する時に やはり一番大きな壁が「コードを書く」ということではないでしょうか? 個人的には「デザインを考える」のと「コードを書く」ことは使う脳もちがうのではないかな?と思うぐらい別の技術のような気がします。 実際にグラフィックデザインの世界からウェブデザインの世界へ飛び込んだ自分の経験からもグラフィックデザイナーにとって「コードを書く」って言うのは、とてつもなく高いハードルなのではないのかな?と思います。 まず最初に本などを読んで勉強すると思うのですが、やはり使う脳がちがうのではじめのうちは中々頭に入ってこず、ある程度タグの名前や大まかな作り方
このページの「私」は Lift の作者、David Pollak のことです。 Lift の設計は、Rails をはじめとするさまざまな技術を使った経験 (良いものも悪いものも含めて) から生まれました。Lift の最初の設計目標は、プログラミングロジックやプログラミングで使う記号を表示用の静的なテンプレートに一切持ち込まないようにすることでした。この問題をめぐる最も優れた論文のひとつに、Terrence Parr の StringTemplate に関する考察があります。 ERB や JSP、ASP にはいずれも、ビューへのコードの混在を可能にしているという致命的欠陥があります。コードの混在がよくないのはなぜでしょうか。これには、次のようなさまざまな理由があります。 テンプレートで使われる構文が各種の HTML レイアウトツールで処理可能でなければ、HTML レイアウトツールでテンプレー
Androidアプリを作るのには、Javaの知識が必要?!いいえ、HTMLと少しのJavaScriptが使えればいいんです!HTML5/JavaScriptでAndroidアプリを作る方法を紹介します。 Read less
本連載では、Webデザイナーに向けて、HTML5/CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5/CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 Pack for Dreamweaver CS5」を使用します(詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください)。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の仕様です。本連載は執筆時点の仕様内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 前回HTML5を用いて作成した文書を、CSSを使って装飾して
本連載では、Webデザイナーに向けて、HTML5/CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5/CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとしてDreamweaver CS5以降を使用しています。CS5をお使いの場合は、拡張機能「HTML5 パック for Dreamweaver CS5」が必要です。CS5にHTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。CS5.5の場合、これらのHTML5 パックの機能はデフォルトで実装されています。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり
本連載では、Webデザイナーに向けて、HTML5/CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主な HTML5/CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 Pack for Dreamweaver CS5」を使用します(詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください)。 ※HTML5とCSS3は現在策定中の仕様です。本連載は執筆時点の仕様内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 さっそく、Dreamweaver CS5を用いて HTML5を用いてWebページを作ってみましょう。 HTML5文書を作成する Dreamweaver CS5では新規ファイルを作成
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか?という質問をいただきました。 CSSとJavaScript(場合によってはJSのみ)で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く