タグ

cssとHTMLに関するk_ume75のブックマーク (223)

  • Web Design Psychology Blog | 3.7 Blog

    k_ume75
    k_ume75 2008/03/14
    勉強用テンプレート※英語
  • Re: HTML及びCSSは習得が難しい言語か! - ysk_lucky-star’s diary

    最近タグでブログ書くのがダルくてさー。だから家じゃなくてこっちで書きますね(ぇー http://kennsu.jp/2008/01/htmlcss.htmlであるような話は他の人がいろいろ思うことを書いているので、ちょっち方向性を変えた話をします。 とりあえず覚えろよ 是が非でも覚えさせるよ派 まず、フツーのウェブサイト(よくある企業サイトとか)を作るにはだいたい1人ないし2人ってところだと思います。1人ならデザインから HTML ページに起こすまで全て。2人の場合はデザイナ&コーダで分担。 まあそれはいいです。役割が明確になっているので。 問題はプログラムシステムを使ったウェブサイトの制作とかで、デカイサイトなら分業しますが、小さいサイトだとプログラマとデザイナでやるの(この辺は会社にもよるだろうけど) んで、PHP なり Java なりは(中身はどうか知らないけど)しっかり書くんです

    Re: HTML及びCSSは習得が難しい言語か! - ysk_lucky-star’s diary
    k_ume75
    k_ume75 2008/02/08
    「CSS 書いた!がんばったオレ!だけどスタイルシートなくたって全然綺麗だぜ!」
  • ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス

    Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。

  • James Whittaker - Interactive designer, developer and consultant

  • hxxk.jp - HTML や CSS を身に付けて、その先は ?

    記事データ 投稿者 望月真琴 投稿日時 2008-01-22T01:27+09:00 タグ CSS HTML Vicuna アフィリエイト 実践 Web Standards Design 概要 HTMLCSS を習得したい ! と考えるのではなくて、 HTMLCSS を習得して○○を作りたい、と考えましょうというお話し。 リプライ リプライはまだありません。 「何を作りたいか」ということだと思います HTML及びCSSは習得が難しい言語か!:::STOPN' LISTEN::: や HTMLは道具という記事について、 IRC チャンネル #Team-One で軽く話し合ったのですが、せっかくなので記事に残しておこうと思います。 改めて私の立ち位置を説明すると、 HTMLCSS の解説書 ( 実践 Web Standards Design - Web 標準の基CSS

  • HTMLは道具 - 3ping.org

    追記あり IRCで知人から HTML及びCSSは習得が難しい言語か!の記事について、僕の意見を聞きたいと言われました。僕もだいぶ前から、マークアップエンジニアとして働いている人の考えに思うところがあったので反応してみます!あっと、ちなみに、記事はHTMLについて話されていますが、CSSも含めて意見を述べさせていただきます。 まず、僕の考えを端的に伝えるために、当時のIRCでのログを編集して貼り付けます。改めて読み返すと言葉足らずだったり、脱線しているところもあるので、後に補足しますね。 (wu^-^) HTMLとかCSS勉強したいひとは (wu^-^) なぜ勉強したいかってところが大事 (wu^-^) HTML言語そのものが面白いなんて思う人は稀なのは確か (wu^-^) 何か作りたいものとか (wu^-^) 表現したいものがあって (wu^-^) HTMLはその道具にすぎなくて (wu^

  • スペシャルベスト

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    k_ume75
    k_ume75 2008/01/22
    大して評価されない上に、コーダー以外の人には「自分には関係ない」と思われてる。
  • あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM

    似たようなツールはいくつかあるが、やっぱり便利なのと、きれいなインターフェースなのでご紹介。 xhtml-cssではCSSHTMLの文法チェックを行ってくれる。自分でサイトやブログを持っていたら一度試してみるといいだろう。 診断結果はかなり具体的なのでどこをどう直せばいいかが一目瞭然だ。 ウェブは厳密に正しくなくてもなんとなく表示されるものだが、やっぱり検索エンジンのこととか、メンテナンスのことを考えると正しい文法であるに越したことはない。 また何がどう正しくないかを知ることによって自分が何を勉強すればよいかもはっきりするだろう。こうした勉強欲を高めてくれるツールはいいですな。

    あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
  • 新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife

    08年6月4日追記: コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記: contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ!じょぐ!!!すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう

    新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife
  • いまさら聞けない“Web標準”、そしてXHTML+CSS

    いまさら聞けない“Web標準”、そしてXHTMLCSS:いまさら聞けないリッチクライアント技術(4)(1/3 ページ) 前回の「いまさら聞けない、“Ajax”とは何なのか?」の説明の中で、Ajaxの定義の1つとして「XHTMLCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML/XHTMLCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか? HTML/XHTMLCSSとどのような関係があるのか? さらに、HTML/XHTMLCSSって何? といった点について見てみましょう。 「Web標準? Webを標準化することかな?」 AjaxやXML、Jav

    いまさら聞けない“Web標準”、そしてXHTML+CSS
  • 台州食品机械服务中心

    来源:技术 时间:2022-03-01 10:29 台州品机械服务中心qcug8,运城废弃资源综合利用服务中心,萍乡废弃资源综合利用经销部,六盘水家具制造经销部,南通家具制造总公司   中国体育彩票超级大乐透 第17139期开奖公告 开奖日期:2017年11月27日 期全国销售金额:208,076,169元 期使用第1套摇奖球 前区 后区 期出球顺序: 06 25 19 32 02 12 09 期开奖号码: 02 06 19 25 32 09 12 期中奖情况 期一等奖出自:湖南(基1注 追加1注)、重庆(基1注)。 4,210,596,967.28元奖金滚入下期奖池。 期兑奖截止日为2018年1月26日,逾期作弃奖处理。 开奖信息查询网站:http://www.lottery.gov.cn

    k_ume75
    k_ume75 2007/08/13
    泣ける。
  • HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」:phpspot開発日誌

    Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば、次の図の左のようなHTMLがあったとすると、図の右のような階層的で、構造が分かりやすいHTMLに変換することが出来ます。 変換されたHTMLのブロック要素には、次のようにブロックのID要素が赤の点線で分かりやすく表示されます。 利用には、Perl環境が必要です(ActivePerlでもOK)。 実行は、次のようにコマンドラインで行います。 perl stylizator.pl <変換を行いたいH

  • モバイルでのXHTMLとCSS

    ちょっと脱線#2 次々と賛同者が! iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ!by tobetchi なんかしゃべりましょうか?むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ワクワクby cafistar モバイル勉強会興味津々!by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (`・ω・´) シャキーン

    k_ume75
    k_ume75 2007/06/18
    Twitterのminiturboさん
  • 論理構造を文脈に読み換えながら class 名を考える - 我的春秋

    POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。(ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。) 例によって

    論理構造を文脈に読み換えながら class 名を考える - 我的春秋
  • 正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    k_ume75
    k_ume75 2007/04/15
    「ドリのデザインビューに貼り付けるとタグ付けされた状態でペースト」は衝撃ですた。
  • コーディングコンテスト Vol.1 〜Coder's High〜|CSS HappyLife

    2次応募も締め切りました。 コーディングコンテスト Vol.1 ~Coder's High~を開催します! 今回初の試みでもある(と思う)コーディングコンテスト。 用は、デザインは用意されてて、ソレを個々のスキルや考えに基づいてコーディングするというものです。 初回という事もあり、盛り上げたいな!と思っていたのですが、すんごい協力を頂けました。 ソレは、CSS Nite LP, Disk 3 と連動企画として動けたということ。 こんなWebの片隅でちまちま運営してるブログでも奇跡は起こるんですね。 さてさて、取り合えずさっさと必要データが欲しいって人の為に、目立たないDLボタンがありますので、そちらからダウンロードしてください。 このエントリーの追記で書いている詳細・必要事項は全て入れております。 (04/10:テキストデータ.txtが追加されております) 未統合psd、統合済みpsd、p

    コーディングコンテスト Vol.1 〜Coder's High〜|CSS HappyLife
    k_ume75
    k_ume75 2007/04/13
    データは落としたけど、参加できっかなー…。
  • 脱初心者をめざす人のためのホームページ作成講座

    栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業

  • Web サイト制作時の参考文献リスト

    完全に自分用メモ代わりですが、Web サイト制作時に参考にする機会の多いドキュメントをまとめてみました。とりあえずは仕様書関連のみ。 英語で書かれたドキュメントばかりを並べてもなんなので、参考までに日語訳されたドキュメントも私が知っている範囲内で併記してみました。ただし、日語訳は完全に原文との整合性を保障するものではありませんので、あくまで参考までにご利用ください。 HTML 関連 HTML 4.01 Specification -W3C Recommendation (日語訳) ISO/IEC 15445:2000(E) ISO-HTML (日工業規格 JIS X 4156:2000) ISO-HTML: Entities, element types and attributes (DTD) W3C から勧告されている、HTML 4.01 の仕様書に関しては現状、(X)HTML

    Web サイト制作時の参考文献リスト
  • IFRAME を使わない方法の補足 | WWW WATCH

    phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 (Transitional、Frameset では定義済み)、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、(XHTML1.0 Strict) <!ELEMENT object (#PCDATA | param | %bl

    IFRAME を使わない方法の補足 | WWW WATCH
    k_ume75
    k_ume75 2006/12/13
    「Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになる」
  • HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌

    Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTML