タグ

Internetとcssに関するtsupoのブックマーク (34)

  • 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 なんて機能がある
  • 雑記帳

    雑記帳

  • Account Suspended

    Account Suspended This Account has been suspended. Contact your hosting provider for more information.

    tsupo
    tsupo 2008/08/12
    Conditional-CSS is open source software, freely available for you to use and modify (U4EA CDDL license). The source files can be downloaded using the following link, or alternatively use the online compiler to generate the PHP or binary file you require
  • [CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス

    ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla

    tsupo
    tsupo 2008/08/12
    ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」 → サーバ側で条件式を評価しつつ、通常のCSSに変換してクライアントに送信する、という仕組み、みたいですね
  • はてなブログ | 無料ブログを作成しよう

    ネイルで使う材料で、DIY時の木割れやネジ跡を派手にしたらかわいい OSB合板でちょっとしたボックスをつくりました。 ビス止め下手すぎて木を割ったり穴あけすぎたりした場所に、好きな派手色の樹脂を詰めてパテ代わりにしてみました。 ちょっと某HAYっぽみ出て可愛かったので、自分用にメモです。 手順 塗装 派手色グミジェルで失敗部分…

    はてなブログ | 無料ブログを作成しよう
    tsupo
    tsupo 2008/01/19
    Firefox だと問題ないですけど、IE だと表示がすごいことになってしまってます。 → 直りました。早速の対応、ありがとうございます
  • IEにFirebugの機能を提供する - "DebugBar"登場 | エンタープライズ | マイコミジャーナル

    DebugBarの動作例 - DebugBarサイトから抜粋 Webアプリケーション開発に必須のツールといえばFirefoxとそのエクステンションFirebugだ。その機能は驚くべきものがあり、もはやFirebugなくてはWebアプリケーション開発はできないと考えるデベロッパやデザイナは少なくない。 エクステンションが豊富に用意されているFirefoxだが、ほかのWebブラウザでも似たような機能を提供するものがある。ここでは先日新しいバージョンが公開されたDebugBarを紹介したい。DebugBarはIEを対象として開発されたツールで、Firebugの機能をIEでも実現することを目指している。 今回公開されたバージョン(5.0 beta 1)では新しくDOMタブが追加されている。DOMツリー上のノードが選択されると、Source/Style/Comp.Style/Layout/Attrs

    tsupo
    tsupo 2007/11/15
    マイクロソフト純正の Developer Tool Bar と差別化できてない。今後に期待
  • 栄光ゼミナール;塾選びガイド

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

    tsupo
    tsupo 2007/08/10
    「何でもtable病」と根は一緒なんじゃないかという気がする。「何でもAjax病」にも注意。
  • 【レポート】CSS、YAML、XML、JSONのいいとこ取り? 新データフォーマット「RSD」提案 | エンタープライズ | マイコミジャーナル

    ZeraWeb development labは2007年3日(米国時間)、新しいデータフォーマットとして「Really Simple Data(RSD)」を提案した。同フォーマットは現在注目されているデータフォーマットの優れた特徴をまとめたようなフォーマット。CSSからクォートなしのシンプルな表記を、YAMLから高い柔軟性を、XMLからメタデータとの親和性の高さを、JSONから文法の学習の容易性を持ってきていると主張されている。 ZeraWebのサイトにおいて提案されているサンプルを次に引用する。CSSとJSONのフォーマットを組み合わせたようなフォーマットになっているようだ。 Example 1: A person object.(ZeraWebからの引用) person { name { last: Yoder, first: Dan } title: Web Application

    tsupo
    tsupo 2007/08/07
    RSD って、ふつう <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" /> で出てくる RSD のことだよね。紛らわしい名前を付けるのはやめて欲しい
  • [NS] お知らせ:「コナミコマンド」を実装しました

    当サイトでは、日よりコナミコマンドを実装いたしました。コマンドはファミコン版グラディウス準拠の「上上下下左右左右BA」です。SFC版グラディウスIIIのように自爆はしません。ご安心ください。 コマンドを打つとサイト全体がパワーアップします。もう一度コマンドを打つと元に戻ります。携帯電話やRSSリーダでご覧の場合は効果がありません。ご了承ください。 特に意味はありませんが、どうしようもなくコナミコマンドを打ちたくて打ちたくて仕方がなくなったときなどにご利用ください。料金は一切いただきません。 著作権を主張するようなモノでもないので、自分のサイトに付けたいと考えてらっしゃる奇特な方はソースを見て勝手にお持ち帰りください。 追記:うまくいかない方は日本語入力をオフにしてください。Windows版のInternetExplorer、Firefox、Operaそれぞれの最新版で動作確認済みです。

    tsupo
    tsupo 2007/07/26
    ↑↑↓↓←→←→BA でスタイルシートを切り替える
  • » 25 Code Snippets for Web Designers (Part4)

    tsupo
    tsupo 2007/05/05
    25個のスニペットシリーズ第4弾
  • 25 Code Snippets for Web Designers (Part3)

    tsupo
    tsupo 2007/04/18
    「25個の snippets リンク集」第3弾
  • 簡単にブラウザ別CSSを導入するJavaScript (CSS Browser Selector) - youmos

    tsupo
    tsupo 2007/04/12
    OS、ブラウザ別のスタイル指定を簡単にできるようにしてくれるJavaScriptライブラリ / 導入するとスタイルシート記述にOS別、ブラウザ別で記述する事が可能になる
  • 階層的CSSコンバータ - Cube Lilac

    CSSの記述テクニック 階層宣言コーディングから.エイプリルフールネタを掘り起こすのはどうかとも思いましたが,意外と便利そうな記述方法でしたので,コンバータを記述してみました.以下が,階層的CSSを解析するためのクラスのプロトタイプ宣言. namespace clx { template < class CharT, class Traits = std::char_traits<CharT> > class basic_hierarchical_css { public: typedef CharT char_type; typedef unsigned int size_type; typedef std::basic_string<CharT, Traits> string_type; typedef std::vector<string_type> selector_list; t

    階層的CSSコンバータ - Cube Lilac
    tsupo
    tsupo 2007/04/09
    http://3ping.org/2007/04/01/1442 で登場する「階層宣言コーディング」されたCSSを通常のCSSに変換するツール。
  • コーディングコンテスト 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
    tsupo
    tsupo 2007/04/07
    コンテストの応募要項
  • コーディングコンテスト開催決定なのっ!

    (4/5に仕様部分修正有り) 以前のエントリーで脳内妄想を炸裂させていた、コーディング大会の件が正式に開催される事が決定となりました。 今回、名称は取りあえずコーディングコンテストで。 何かソコで悩むのに疲れた… 取りあえず、サブタイトル的に勝手につけたのが、 コーディングコンテスト Vol.1 ~Coder's High~ という感じです。(今つけた) と、まぁその辺はどーでもいいっすが今回のコンテストは、CSS Nite LP, Disk 3 "Coder's High"との連動企画として動く事になりました! 連動だからってLP3に参加しないといけないとか、そういう事はありません。 スイッチの鷹野さん、CYBER@GARDENの益子さん、後デジパの中の人で仕様決めに関するディスカッションをして、ある程度仕様が固まったのでご連絡いたします。 最終的に変更が加わる可能性もありますので、その

    コーディングコンテスト開催決定なのっ!
    tsupo
    tsupo 2007/03/30
    すんごいやっつけ感が漂う記事だけど、コンテスト自体はおもしろそう。
  • IE版のFirebug IE Developer Toolbar[to-R]

    IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか? マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと

    IE版のFirebug IE Developer Toolbar[to-R]
    tsupo
    tsupo 2007/03/20
    いつの間にか Internet Explorer Developer Toolbar の IE7 対応版が出てたんだ
  • Live Nude Cams 😍 - Ooh Cams

    Live nude webcam chat IntroductionLive nude webcam chat has become increasingly popular as a form of online entertainment and communication. This unique platform allows individuals to connect with models in real-time, engaging in intimate experiences through video chat. With the advancements in technology and the widespread availability of high-speed internet connections, live nude webcam chat has

    tsupo
    tsupo 2007/03/15
    jQuery の応用例。複数の画像をスライドショー風に見せるエフェクト。
  • » 25 Code Snippets for Web Designers (Part1)

    tsupo
    tsupo 2007/03/14
    JavaScript と CSS を駆使した snippet 集
  • FirebugによるWebコードのデバッグ | OSDN Magazine

    Webサイトの開発は、世紀の変わり目となった7年前の頃ほど単純な作業ではない。新たなツール、テクノロジ、開発方法論の氾濫により、もはやWebページはかつての単純なHTMLコードの列ではなく、各種のスタイルシート、マークアップ言語、スクリプトが複雑に入り混じったものになっている。だが、こうした複雑なブレンドものをデバッグするのは容易ではない。そこで登場するのが、WebブラウザFirefox用のオープンソースのアドオンFirebugだ。このアドオンを使えば、CSSおよびJavaScriptの単純なテンプレートから複雑なAjaxアプリケーションに至るまでのすべての編集とデバッグを行うことができる。 各種Webプロジェクトの作成とデバッグに携わるWeb開発者を支援するアプリケーションは、いくつか存在する。SANIsoftの最高技術責任者で『Professional PHP4 Programming

    FirebugによるWebコードのデバッグ | OSDN Magazine
  • [ThinkIT] 第4回:Windows Liveで見せるMicrosoftの懐の深さ (1/4)

    奇異に思われるかもしれないが、実は「Ajaxの生みの親」は誰かという問い掛けに応えるのは難しい。 なぜかといえば、「Ajaxに使われる主要な技術を整備した者」と「現在Ajaxと呼ばれるサービスを作り出した者」、そして「Ajaxという名前を付けた者」はすべて異なっているからである。 具体的にいえば、最初の者はMicrosoft、2番目の者はGoogle、そして3番目の者はJesse James Garrett氏とみることができる。GoogleをAjaxの生みの親である、という立場を取っているケースが一般的だと思われるが、Googleだけですべてを作り上げたわけではないのも事実である。 一方Microsoftは、Googleを追い上げる形でAjaxに参入した後発の企業、というイメージで受け止められているが、見ての通りGoogleに先んじてAjaxに使われる技術を整備した元祖的な立場である。ここ

    tsupo
    tsupo 2007/03/13
    元祖でありながら後発となる、という奇妙にねじれた立場に立つMicrosoft / 誰でも使えるようにお膳立てされた技術が提供されていたにも関わらず、なぜAjaxは1998年に流行しなかったのか