タグ

cssとhtmlに関するkirara_397のブックマーク (20)

  • 人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life

    みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか? それは、 パーツが完璧に揃いすぎている! のが原因です。 Twitter Bootstrapがバージ

    人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life
  • Create a new fiddle - JSFiddle

  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    kirara_397
    kirara_397 2009/04/22
    謎だったsugamo.cssがいつの間にか3回も!
  • 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル

    あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(

  • Best Practices for Speeding Up Your Web Site - Yahoo Developer Network

    Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, styleshee

  • Takazudoさんの質問に忘年会代わり・バトンに回答する - Trans

    ヨモツネットの小山田さんにならい、Takazudoさんからの質問に答えます。 先にエクスキューズ といっても、僕はNPO法人という「組織」に所属するとはいえ、「SOHO」のような個人でサイト制作を請け負っているようなものなので、皆さんと回答の毛色がちょっと異なるかもしれないことをご了承下さい。 あと、Takazudoさんがコーダーが気にしちゃうことバトンというエントリーで、 前回のエントリをバトンにしない?と言われたので とあり、その一人なのですが、まさか質問内容が変わるとは露とも思っておらず、忘年会のときの質問に答えてしまいました...orz重複している質問に関しては忘年会の時の回答にまとめています。また、忘年会の時の回答はこの記事の後半に掲載しています。 てか、バトンと言うからにはやはり誰か指名しないといけないのかな。あ、でも、まずは忘年会参加の人たちが書いてくれるのを待つ感じかなー。

    Takazudoさんの質問に忘年会代わり・バトンに回答する - Trans
  • コーダーが気にしちゃうことバトン | Takazudo Clipping*

    前回のエントリをバトンにしない?と言われたので、答えられそうな話題にしぼってバトンってことにしてみました。 エディタは何使ってますか? 高さ揃えるとか、なりで広がるとかいうところに関してtableを使いますか?JavaScriptを使いますか? ブラウザごとのCSSバグ対処方法はどうしてますか? 画像置換についてどう思いますか? 印刷についてどうしてますか? スクリーンリーダーにて確認などはしますか? IE7のズーム機能について、対応させていますか? JavaScriptライブラリのライセンスについてクライアントに説明しますか? JavaScriptのフレームワークを使いますか?使っている場合は何を使っていますか? CSSJavaScriptの圧縮をしていますか? コーディングにかける時間はどのくらいでしょうか? あなたのコーディングのこだわりはコレ!みたいなものがあれば。 「コーディン

  • マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年 - TRANS [hatena]

    東京のマークアップの皆さんと忘年会に行ってきましたというご報告です。 レポエントリー 完全に乗り遅れましたが、参加していただいた皆さんからはすでにレポエントリーが上がっているので、概要を知っている方もいらっしゃると思います。今週月曜日に東京のマークアッパーな方々と出張がてら飲んできました。参加者はこんな感じです。 Archivaのsigさん Takazudo Clipping*のTakazudoさん コリスさん CSS HappyLifeのhiraさん ヨモツネットの小山田さん hamashunさん vantguardeのvantさん なんていうすごい面々だ、これはwこんな人たちを僕の都合に合わせてもらって、なんかもうごめんなさいというか何というか><月初+月曜日+平日っていうかなりの悪条件なのに誰一人も遅れずに来てもらいました!(一番遅かったのが僕というザマ)いやもうほんとありがとうござ

    マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年 - TRANS [hatena]
    kirara_397
    kirara_397 2008/12/04
    Sugamo.css[仮称]???
  • マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年

    ただの雑記。 素晴らしい方々と飲んできた! こんな面子↓ Arataさん あっきー hamashunさん コリスの中の人 sigさん Takazudoさん vantさん やーホント、ボクが参加しちゃっていいの!?ってくらいすごい方々が揃ってるわけですが、びびりながらでも、参加する価値はありますね。 飲みの内容は、終始hamaさんのお料理トークで盛り上がったわけですが、とても有意義な時間で、素敵なお話満載でした。 特にコリスの中の人とお会いできたのはびっくり。 なんかこーゆーのいいですね。 セミナーとか勉強会より、ただ集まって飲む方がボクは有意義な時間に感じますね。 同じ業界で更に同じような職種が集まると、必然的に会話の内容は、お料理トークになるわけですが、色んな会社の話が聞けるのはやっぱり参考になるっす。 マークアップな人たち(じゃなくてもいいけど)が、ただ集まって飲む会とかってコミュあっ

    マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年
  • マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年 - Archiva

    Make a note of it: Web tech, montaineering, and so on. TRANSのarataさんが来るということで開催された、関東のマークアッパっぽい忘年会に行ってきました。改めてみると、というか見れば見るほどそうそうたる面子。 arataさん, TRANS Takazudoさん, Takazudo Clipping* コリスの中の人, coliss 平澤さん, CSS HappyLife 小山田さん, ヨモツネット hamashunさん, hamashun.com vantさん, vantguarde 関西なarataさんに沈黙のTakazudoさんが来るというだけで、どう考えても断るという選択肢はないわけだけど... いや~まさかコリスの中の人に会えるとは。平澤さんも小山田さんも@hamashunもvantさんも、みんな凄い人だし。「いや俺、場違

  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    kirara_397
    kirara_397 2008/12/04
    sugamo.cssって何だー!
  • マークアップな人たち(じゃなくてもいいけど)の忘年会 -2008年 | Takazudo Clipping*

    あらたさんが大阪から出張で来る!ってんでみんなで集まって飲みました。 最初は僕とあらたさんとhamashunさんだけの予定だったんですが、もっと呼んでみる?ってなことで8人にも!以下面々。 Archiva TRANS Takazudo Clipping* coliss CSS HappyLife ヨモツネット hamashun.com vantguarde 僕は、聞きたいことリストを事前にせこせこ用意していたので持っていき、これどう?→わーわーおしゃべりって感じでした。以下が僕が用意していったリストです。飲み会やブログのネタにどうぞ? 右に画像左にその他モジュールについてどう思うか。やっぱtableにする?もしくはtable嫌だからそもそもそういうモジュールは用意しない? Web標準に準拠、アクセシビリティに準拠と銘打ってHTMLを書くとき、tableをつかわないといけないことはないの?

  • もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

    業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

    もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
  • 料金表のデザインいろいろ - DesignWalker

    料金表のデザインいろいろ - DesignWalker
  • XHTML-CSS Validator

    Just type or paste an URL in the form above, and click on "check it" to see the magic. If you want to fine tune your validation, click on the "advanced" link. That's it! An Idea: The Social Media Algebra I used to be very good at maths. I really was. Then I started studying computer science stuff (which is normal for a computer scientist) and as time goes by, I forgot many of the coolest stuff I l

  • Designing for Dyslexics: Part 1 of 3

    Maven has a long history of being selected as a top service provider. In 2017, Maven hit Ukraine’s Web Dev Podium. In 2019 Goodfrim and Designrush named Maven among the Top Developers of the year. This year is not an exception. TopDevelopers revealed its updated shortlist with Maven Ecommerce among the year’s most reliable and… We are thrilled to announce that Maven is growing up, and we are start

    Designing for Dyslexics: Part 1 of 3
  • CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」:phpspot開発日誌

    CSS HTML Converter / Stuff / Andy Langton's Website CSSHTMLを相互に書き換えることができる「CSS HTML Converter」。 CSS HTML Converter を使って、CSSでのスタイル指定をHTMLに変換したり、逆にHTMLの<font>指定の記述をCSSによる記述に変換することが出来ます。 次がその変換例) HTMLのFONTタグをCSSに変換できてます。 CSSを知っている人には無縁のツールかもしれませんが、HTMLを知っていてCSSはこれからという人にはもってこいのツールなんではないでしょうか。 これからCSSを学ぼうという人には良いツールかもしれませんね。

  • (X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (6)

    (X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね?とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた 2年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -

  • 我的春秋 コード共有のためのネーミングルール

    最近、CSS の使いまわしなどを視野に入れ、一部で class名や id名の共有というテーマへの関心が徐々に高まりつつあるような印象です。microformats なんかも、その流れのひとつといえるでしょう。 Naming conventions table(And all that Malarkey) もう、class名やid名で悩まないんだからっ!!(CSS HappyLife) (X)HTML の id/class における命名規則(purprin さん CSS Flight プレゼンスライド) 名前の共有はコードの共有のための(複数人で同一コードを編集・転用する)重要なファクターのひとつですし、非常にいい傾向だとは思うんですけど、実際につけられている名前を見てみると、シブい顔をせざるを得ない事例が結構あるようです。 コード共有のためには避けたい命名事例 構造ではなく見栄えで命名して

    我的春秋 コード共有のためのネーミングルール
  • ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点

    こんばんは。harukです。 DoCoMo編…となるはずですが、特に書くようなことがないので、今回はXHTMLについて少し書いてみます。 現在ではすべてのキャリアが3G端末がメインとなってきています。 ※2006年11月末現在 DoCoMo: 約60% au: 約90% SoftBank: 約35% ほとんどの3Gの端末ではHTMLに加え、XHTMLを使うことができます。 XHTMLを使うことによって、文字の背景色を設定できたりするなど、デザイン表現が多彩になっています。 今回はXHTMLを使用する上での、各キャリアの仕様の違いなどをまとめてみたいと思います。 対応機種 DoCoMo FOMA(初期の2001,2002,2101以外) au WAP2.0ブラウザ搭載端末 SoftBank W型、3GC型 DOCTYPE宣言(推奨) DoCoMo <!DOCTYPE html PUB

  • 1