デザインカンプをHTML+CSSにおこすための練習をしたい - VTuberになったプログラマーの魂の残滓
今HTML+CSSの勉強をしていて一つやってみたいことがあるんですが・・・ 現場のプロから学ぶXHTML+CSSposted with amazlet at 09.04.21益子 貴寛 堀内 敬子 小林 信次 千貫 りこ 伊藤 学 山田 あかね 西畑 一馬 毎日コミュニケーションズ 売り上げランキング: 192 Amazon.co.jp で詳細を見る 上記の書籍の第4章、1の項にある デザインカンプからの画像書き出し という部分の練習をしたいのです。 ただ、これを実際にやろうと思ってもデザインのファイルがなかったり、またこの書籍でも具体的な例が少なく、なかなか学べる環境がないなー、というのが現状です。 いや、実際はあるのかもしれないけどそういった情報が少ないなー、と。 というわけでその辺りの情報について詳しい人がいらっしゃいましたら是非教えてください。 こんなのが欲しい どう書く.orgの
HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kなんとかの日記
デザイナーとプログラマーの間に優劣なんかない。あるのは役割の違いだけ。なのになんでHTMLコーダーとかデザイナーとかをバカにするプログラマーが多いのかサッパリわからない。 HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね。 web業界にも様々な職種があり、最近では分業化も進んでるみたいだが、 だからって「自分はHTMLコーダーですから、プログラミングには興味ありません」は通用しない。 HTMLコーダーやデザイナーも、プログラミングは勿論サーバーやネットワークの知識を持つべき。 まぁデザイナーは別業界でもある程度潰しがきくかもしれない。 プログラミング知らないHTMLコーダーがダメな理由 なんでやねん。なんのために仕事が分かれていると思ってんねん。デザイナーがサーバやネットワークを知らないといけないような状況って、プログラマーがクソなだけだろ。 そんないうんや
Graceful DegradationとProgressive Enhancementの実践 | Web標準Blog | ミツエーリンクス
Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな
10人のデザイナさんに駄目出しして頂きました:Geekなぺーじ
10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの？」
ホームページの丸投げはいけないか？ | おごちゃんの雑文
会社の商品を作ったので、その宣伝エントリ。 作った「商品」はいわゆるウェブサービス的なものではなくて、 ホームページの丸投げパック である。「ホームページ」なるものを敬遠がちな人に向けて、「面倒なことはありません、アナログ情報を丸投げしてくれれば制作だけじゃなくて、運用も更新もしますよ」というサービスを作ったわけだ。 ところが、ちょっとSEO的なことを考えて「ホームページ 丸投げ」でぐぐってみたら、ネガティブなことを書かれたページばかりひっかかった。それを読んでいて、「果してそうか？」と思うと共に「なんか行けそう」とも思ったのだ。 そもそも、私がなんで「ホームページの丸投げパック」ということを考えたかと言えば、 デザインなんてどうでもいいから、 情報はインターネットで公開してくれよ と思ったからだ。「公開」といってもたいそうなことじゃない。たとえば、ちょっとした宴会をやる時に、「今度ここで
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
海外Webデザイン、2008年の潮流 (1/2)
Webデザインの世界で著名なブログ「Web Design Wall」が年末恒例の「Best of CSS Design 2008」を発表した。同ブログの姉妹サイトである「Best Web Gallery」の中から、CSSレイアウトの優れたWebサイトを全部で50サイト選出。こちらのエントリで画面ショット付きで紹介している。 選出されたサイトの一覧はぜひ元エントリを参照していただくとして、ここでは50サイトの中から特徴的なデザインのサイトと、共通する傾向をピックアップして紹介しよう。 JavaScriptでアニメーション＆エフェクト 今年に限ったことではないが、多くのサイトで何かしらの形で使われていたのが、JavaScriptだ。中でも、画像の拡大にLightbox系（ページを遷移せずにオーバーレイ表示）の効果を使ったり、ページ内リンクにスムーズスクロールを取り入れるのは相変わらず人気のよう
Designer meets Designersに行ってきました。 - blog::konk303
MdN-Designer meets Designersに行ってきました。 テーマは「現場で生かせるweb標準の知識とテクニック」。個人的にはお腹いっぱい気味のテーマではあったんですが、最近お気に入りのcouldの人が喋るということで。会社のデザイナ−2人と同行です。 場所はヒルズ。1年前までは毎日通ってた所です。久しぶりに麻布十番の干物屋さんでお昼食べてきました。美味！ 感想 「web標準はどうなのよ」話としては、今までのまとめのような講演が多かったです。 振り回されるんじゃなくて、より良いものをより多くのユーザーに届けるツールとしてweb標準があるよ。妄信はダメだよ。でも今アクセシビリティの高いサイトを作ろうと思えば、web標準的な制作アプローチが断然一番でしょ、っていう。 同僚のデザイナー（お局系・紙あがり・佐藤可士和の話は好きだけどオライリーさんが誰かは知らない）を連れてったのが良
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ホームページのタネ | サイト制作からSEO、マーケティングまで
https://www.openvista.jp/archives/note/2009/flexible-web/?2009/flexible-web/
ライブドアブログ｜無料で豊富な機能が充実