タグ

CSSに関するWatsonのブックマーク (525)

  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

  • JavaScript、HTML5、 CSSの投稿共有コミュニティサイト「jsdo.it」をリリース | 面白法人カヤック

    株式会社カヤック(社:神奈川県鎌倉市、代表取締役:柳澤大輔 貝畑政徳 久場智喜、http://www.kayac.com/  以下「同社」 )は、2010年6月18日、JavaScriptHTML5、CSSを投稿して共有するコミュニティサイト「jsdo.it」をリリースいたしました。 「jsdo.it」は、Web制作において話題となっている次世代開発言語「HTML5」と、「JavaScript」「CSS」のソースコードを投稿してユーザー間で共有できるWebサービスです。 同社はFlashを投稿して共有できるWeb サービス「wonderfl build Flash online」を2008年12月より運営しており、国内外合わせて2万3000人のユーザーと8万9000の投稿数を獲得しています。HTML5、 JavaScriptCSSにおいても簡単に投稿ができたり、ノウハウを共有したりで

    JavaScript、HTML5、 CSSの投稿共有コミュニティサイト「jsdo.it」をリリース | 面白法人カヤック
  • Firefox 4 がサポート予定の calc() とは

    Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。calc() 自体は CSS3 で策定中の機能としてかなり前から存在しますが、まだサポートしているブラウザがないので、馴染みはないかもしれません。Firefox にしてもまだサポート予定の段階ですし、正式に使えるようになるのは先の話ではありますが、calc() を使うことでどんなことができるようになるのか簡単に触れてみたいと思います。 Twitter でもポストしましたが、Mozilla Hacks で次期 Firefox 4 における calc() 機能の実装についてアナウンスされていました。 calc() 自体は CSS3 で策定中の機能としてかなり前から仕様が存在しますが、まだサポートしているブラウザがないので、馴染みはない

    Firefox 4 がサポート予定の calc() とは
  • Safari 5 で :visited の挙動が変更に : Safari Realized

    2010年06月13日12:03 Posted incolumn Safari 5 で :visited の挙動が変更に Safari5(及び Safari4.1) では :visited の挙動に大きな修正が入っています。 Safari 5.0 および Safari 4.1 のセキュリティコンテンツについて 対象となるバージョン:Mac OS X v10.4.11、Mac OS X Server v10.4.11、Mac OS X v10.5.8、Mac OS X Server v10.5.8、Mac OS X v10.6.2 以降、Mac OS X Server v10.6.2 以降、Windows 7、Vista、XP SP2 以降 影響:悪意を持って作成された Web サイトにアクセスすると、ユーザがアクセスしたサイトを特定できる可能性がある。 説明:WebKit による CSS

    Safari 5 で :visited の挙動が変更に : Safari Realized
  • HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT

    QuickConnectFamilyはiPhone/Android/Mac OSX(その他色々)用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。 地図アプリ。サンプルはその他にも多数あり それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。 QuickConnectFamilyは実に多様なスマートフォン、OSに対して利用が想定されている。現時点ではiPhone/Android/Mac OSX/Linuxなどがメインでは

    HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT
  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
  • 【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1

    HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL(zip:12kb) HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ?とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な?話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi

    【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
  • CSS3だけでMac OS X風の スタックを作る方法 | Web活メモ帳

    デモ デモでは画面下のボタンをクリックする事で動作を確認することが可能です。 Safari、Chrome、Firefoxで動作確認ができるそうです。 CSSでできる事もどんどん幅が広がっていますね!

    CSS3だけでMac OS X風の スタックを作る方法 | Web活メモ帳
    Watson
    Watson 2010/06/02
  • 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

  • iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編) - EC studio デザインブログ

    <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横

  • 透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net

    IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい:DD_be

  • CSS の visited を利用してブラウザの訪問履歴を取得されうるユーザは 76 % 以上に上る | スラド セキュリティ

    CSS の visited を利用してブラウザの訪問履歴を取得することができることは古くから知られているが、76 % 以上ものユーザがこの手法で履歴を取得されうる状態にあることが明らかになったとのこと (家 /. 記事より)。 What the Internet Knows About You プロジェクトが行ったこの調査では 5,000 の人気サイトからユーザの訪問履歴があるサイトを検出するという実験を行い、243,068 ユーザがこれに参加した (プロジェクトの実験ページはこちら) 。 調査では平均 63 の訪問履歴 (13 サイト + 50 のサイト内サブページ) を検出したとのこと。特に Safari や Chrome など最近のブラウザで訪問履歴が取得されやすい傾向が見られ、Safari では 82 %、Chrome では 94 % のユーザが履歴を取得されうる状態にあったとい

  • CSSセレクタの高速化の話を検証 - os0x.blog

    CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。 先に書いておくと、この元ネタのMozillaの記事には、in the Mozilla UIとある通り、FirefoxなどのUIレベルの話です。Mozillaの場合、ウィンドウとかタブとか、とにかくなんでもCSSでスタイルを指定できる(している)のでCSSのパフォーマンスについて考慮する点が他のブラウザとはズレています。 とはいえ、実際にどうなのか検証したことなかったので、少し試してみました。 今回の検証方法は、dl>dt+ddを5重に入れ子にした300KB強の大きめなHTMLを用意して、CSSを動的に適用したときの時間

    CSSセレクタの高速化の話を検証 - os0x.blog
  • http://www.designwalker.com/2010/05/css3.html

    http://www.designwalker.com/2010/05/css3.html
    Watson
    Watson 2010/05/19
  • CSSセレクタの高速化の話し - Webtech Walker

    続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

    CSSセレクタの高速化の話し - Webtech Walker
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    Watson
    Watson 2010/05/18
  • Webkit CSS Properties

    Determines whether the animation should play in reverse on alternate iterations

  • iTunesのフォントはやっぱダメだ - なげやりろぐ

    以前もちらっとだけ取り上げましたけど、WebKitITMSの表示に利用するようになってからのiTunesはフォントがとっても見づらいというか汚いというか・・・ Mac OSX版でならキレイなんですけどWindows版ではどうにもよろしくない。文字のジャギーが目立ってとてもApple製のアプリとは思えないですよね。 で、WebKitでの描画なら当然スタイルを指定しているファイルが必要なわけですが、iTunesのインストール先にあるiTunes.Resourcesフォルダ内にiTunes.cssというファイルがあって、これを編集することである程度はフォントを変更出来ることまでつかめていました。 しかし、アスタリスクで全適用させてみても変化してくれないところがかなりあったので、これはやはり個別にidやclassが指定されているに違いないなと。 では、それを指定しているファイルはどこにあるのかと

    iTunesのフォントはやっぱダメだ - なげやりろぐ
  • jQueryを使ったCSS切り替えコード色々:phpspot開発日誌

    10 Practical Jquery Style Switchers jQueryを使ったCSS切り替えコードが掲載されているチュートリアルサイトが色々とまとまっていました。 手軽にCSS切り替えの機能を入れたい場合に簡単そうなやつを選んで実装することが出来そうです。 関連エントリ PHPCSS・jQueryを使った横向きのタイムライン実装例 これは面白い、jQueryとCSSPHPで作る福笑いの仕組み

  • | test

    mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開! jade-taさん 脚家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報&IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作&企画・運用中! saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」

    | test
    Watson
    Watson 2010/04/28