タグ

htmlとCSSに関するtsupoのブックマーク (11)

  • CSSコーディングで泣かないためのSassの基礎知識と10の利点

    CSSコーディングで泣かないためのSassの基礎知識と10の利点:爆捗! WordPressテーマ作成ショートカット(3)(1/3 ページ) 連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、現場におけるCSSコーディングの3つの問題点、Sassの概要と主な10の機能、SASS記法とSCSS記法の違いなどを紹介。 連載「爆捗! WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」(以下、Dreamweaver)でWordPressのテーマをカスタマイズできるようにする環境構築や設定を行い、前回の「WordPr

    CSSコーディングで泣かないためのSassの基礎知識と10の利点
    tsupo
    tsupo 2014/02/18
    Sass(サスと呼ばれている)は、「Syntactically Awesome StyleSheet」の略 / 直訳すると「構文的にすげえスタイルシート」 / SASS記法とSCSS記法 / 最近は、SCSS記法が主流 / Sassの利点: 変数が使える
  • HTML によるプレゼン作成のススメ - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨日、 HTML5 勉強会で Opera の開発者向け機能についてプレゼンしてきました。会場が Opera の目黒オフィスということで急遽駆り出されました(笑)。 こういったプレゼンをするときに必要なのがプレゼン資料(スライド)の作成。これまでは Google Docs や OpenOffice.org で作っていたのですが、これがどうにも不便。ちょっとしたことを

    tsupo
    tsupo 2010/01/21
    それぞれのスライドを個別の HTML にしたかった / HTML で表示できるものならなんでもスライドに埋め込める / Opera には Opera Show なんて機能がある
  • 引用のやり方についての論争まとめ

    ウェブでは、「引用はこうやってするよ」「それでは駄目だよ」といった論争・トラブルが時折発生します。 内容はいずれも似たり寄ったりで、要するに「HTMLの規格に基づいて引用するよ」という考え方と、 「そんな規格に従ったから何?」という考え方の衝突というパターンです。 毎度毎度似たようなやり取りが繰り返されて不毛なようにも思うのですが、 以前の論争を誰もが知っているわけではないので、仕方のないことなのでしょう。 以前の論争は、ログが消えてしまうことも珍しくありませんし。 というわけでこのページでは、現時点でログが確認できる範囲でそういった論争・トラブルをまとめてみたいと思います。 2001年7月:ありみかさとみさんvs佐藤治さん 2002年12月:野嵜健秀さんvsいずしさん 2005年9~10月:真名垣郁夫さんvsAkkyさん 2006年10月:中島聡さんvs高木浩光さん なお、このページには

    tsupo
    tsupo 2009/10/05
    少なくとも、著作権法には、blockquote を使えとも、cite を使えとも書かれていない
  • ブラウザ依存の記述を検査するツール「Pirka'r」がOSSで公開 - @IT

    2009/10/01 情報処理推進機構(IPA)は9月30日、ブラウザ間の互換性を備えたWebコンテンツの作成を支援するツール「Pirka'r」(ピリカル)を、オープンソースソフトウェアとして公開した。 Pirka'rは、IPAのオープンソフトウェア利用促進事業の1つとして、委託先のグルージェントにより開発されたツールだ。Webコンテンツが業界標準に沿っているかどうか、またブラウザに依存した記述がないかどうかを検査することで、互換性の高いWebコンテンツの作成を支援する。 Pirka'rは、検証サーバとクライアントから構成されている。起動すると、「CSSがWeb標準に準拠しているか」「HTMLCSSJavaScriptにブラウザに依存する記述がないか」などをチェックできる。また、1つのページを、Internet ExplorerやFirefox、Safariといった複数の主要ブラウザで

    tsupo
    tsupo 2009/10/02
    「Pirka'r」(ピリカル) / 検証サーバとクライアントから構成 / 「CSSがWeb標準に準拠しているか」「HTML/CSS/JavaScriptにブラウザに依存する記述がないか」などをチェック → クライアントがEclipse風。Javaで作ってるのかな。あとOper
  • 栄光ゼミナール;塾選びガイド

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

    tsupo
    tsupo 2007/08/10
    「何でもtable病」と根は一緒なんじゃないかという気がする。「何でもAjax病」にも注意。
  • Live DOM Viewer

    Markup to test (permalink, save, upload, download, hide): <!DOCTYPE html> ... DOM view (hide, refresh): Rendered view: (hide): innerHTML view: (show, refresh): <!DOCTYPE HTML><html></html> Log: (hide): Script not loaded. This script puts a function w(s) into the global scope of the test page, where s is a string or object to output to the log. Some files are available for testing purposes, notably

  • Articles: Create Your Own Custom Ajax-Enabled Accordion Compone

    How to use Questions to drive Generative Analysis By Jim ArlowOct 21, 2024Question is the Information Type that is the primary generator of all other Information Types in Generative Analysis. In this article, Jim Arlow expands on the discussion in his book and introduces the notion of the AbstractQuestion, Why, and the ConcreteQuestions, Who, What, How, When, and Where. Write a Requirement, not a

    tsupo
    tsupo 2007/01/31
    JavaScript による折り畳み(アコーディオン)の実装例、その他
  • W3Schools.com

    W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

    W3Schools.com
    tsupo
    tsupo 2006/02/27
    Web 関連技術 チュートリアル集 + リファレンス、サンプル、クイズ、クイックスター、その他、リンク集
  • 『web.paulownia.jp - ロールオーバーのオブジェクト指向的実装』へのコメント

    ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

    『web.paulownia.jp - ロールオーバーのオブジェクト指向的実装』へのコメント
    tsupo
    tsupo 2005/12/27
    これをCSSセレクタを使って記述するようにするとBehaviourになる。お好みで。>http://bennolan.com/behaviour/ → あとでチェック
  • Download details: Windows Server 2003 Resource Kit Tools

    Your AI-powered copilot for the web. Ask questions. Chat to refine results. Get comprehensive answers and creative inspiration.

    tsupo
    tsupo 2005/11/10
    The IE Developer Toolbar provides several features for deeply exploring and understanding Web pages.
  • Download details: Windows Server 2003 Resource Kit Tools

    Your AI-powered copilot for the web. Ask questions. Chat to refine results. Get comprehensive answers and creative inspiration.

    tsupo
    tsupo 2005/09/23
    The IE Developer Toolbar provides several features for deeply exploring and understanding Web pages. // 2007年1月に出た BETA3 で IE7 にも対応した
  • 1