Special Offers Great deals on gorgeous collections from our top foundries!
![Download Free Fonts - Search Free Fonts](https://cdn-ak-scissors.b.st-hatena.com/image/square/3178f02a19a2486dd28cc9944e035c5e92ed1272/height=288;version=1;width=512/https%3A%2F%2Fcdn.shopify.com%2Fs%2Ffiles%2F1%2F0568%2F7164%2F9450%2Ffiles%2FMT_MyFonts_logo_transparent_RGB.png%3Fheight%3D628%26pad_color%3Dfff%26v%3D1658909361%26width%3D1200)
Xmas card exhibition 2013の企画と、それをやろうと思った経緯と悩んだこと。 2013年11月29日 PCメガネの色味の変化 2013年3月 5日 見たり読んだりインプットすること 2012年10月17日 Over like a fat rat / Fonda Rae 2012年7月 3日 気になってたmacbook airのおしゃれケース 2012年4月20日 MT, Webサービス, Webデザイン, about, css, flash, javascript, moblog, インテリア・雑貨, グラフィックデザイン, デザインしたもの, デザインその他, 広告, 映画, 雑文, 音楽, 飲食, 2013 : 11 3 2012 : 10 7 4 2 1 2011 : 11 10 9 8 7 6 5 4 3 2 1 2010 : 12 11 8 7 6 5 4
:hover疑似クラスは宣言順序に注意が必要です ユーザの操作によって動的に状態が変わり、その状態を指し示すのがCSSの動的疑似クラスです。 この動的疑似クラスを用いるとJavascript等を用いなくても見た目に動的っぽいページを作ることができるので、 近年多くの人が採用しているように思えます。 しかし、この動的疑似クラスは宣言の順序に注意が必要です 実際に発見された間違い 以下のように宣言したとしましょう。 おそらくこのシートを記述した人はアンカーの上にマウスカーソルがある場合は赤、未訪問なら黒、訪問済なら緑のテキストで表示されることを期待したと思います。 a:hover{ color:red; } a:link{ color:black; } a:visited{ color:green; } 未訪問 訪問済 さて、どのように動作したでしょうか?IE6、Mozilla、Operaと
Updated 2013.11.04 / Published 2006.01.29 アットルール(@規則)は、セレクタとプロパティだけでは指定できない機能を補うために用意されています。アットルール(@規則)は、@キーワードとそれに続く部分から成ります。@キーワードとは、アットマーク(@)から始まって、次に識別子と呼ばれる文字列が続くものです。CSS2.1 の規格では識別子に import, charset, media, page の4つが定義されています。つまり、@importルール, @charsetルール, @mediaルール, @pageルールの4つがあります(CSS2.0で定義された@font-faceルールはCSS2.1で一旦削除されたため本稿では扱いません。)。 外部の CSSファイルを取り込む @import url("xxx.css"); @import url("xxx
Updated 2013.10.21 / Published 2006.01.29 ユーザは User Agnet(ユーザエージェント)の設定で制作者スタイルシート, ユーザスタイルシート, デフォルトスタイルシートの中から好みのレイアウトを選択することができます。UA の中でも視覚環境のものはデフォルトのスタイルシートを内蔵しており、(X)HTML文書をレンダリング(描画)する際にそのスタイル情報を当てはめています。そして、制作者スタイルシートやユーザスタイルシートは、その UA のデフォルトのスタイルシートを上書きすることができます。どのスタイルシートもセレクタと宣言ブロックのルールセットがいくつも並べられた、順序立てられたリストの構成になっています。 Cascading Style Sheets の Cascade とは順序立てられたリストのスタイルシートという意味から名付けられたも
Canlı casino siteleri :rulet, poker, slot ve masa oyunlarını freespin deneme bonusu ve ya gerçek para ile oynayabileceğimiz platformlardır. Sitelerde bilgisayar ile rakip olabileceğiniz gibi gerçek kişilerlede oyun oynayabilirsiniz. Yeni açılan sitelerde birçok oyunda farklı dillerde hizmet vermektedir. Lisans sahibi sitelerde, canlı olarak kurpiyerlere ve poker oynayanlara rastlayabilirsiniz. En
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
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を動的に適用したときの時間
ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」(閉じた状態)のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、今回と次回はWeb制作に使えるデザインに特化した無料オンラインツールの活用法の中から、コーディングに使える6点ずつ紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 ■バックナンバー 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら 第3回 デザインに使えるツール(3)はこちら Tweet [technique 01]CSS 3の表
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅:800px、高さ:800px、解像度:72pixel/inch、カラーモード:RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
Web系新社会人が入れておくと便利なFirefoxアドオン13選 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。Web系会社に勤める新社会人がFirefoxに入れておくとなにかと便利なアドオンを紹介します。 基本的に、webディレクター系職種の方を意識して選びました。 便利そうなものをお好みで入れていただければと幸いです。 All-in-One Gestures マウスジェスチャーをカスタマイズすることのできるアドオンです。 タブを開く、タブを閉じる、ページを進む、ページを戻る、といったアクションをマウスのみで行えるようにしておくと便利かもしれません。 All-in-One Gestures :: Add-ons for Firefox Firebug HTML、CSS、Javascriptなどのデバッグに便利です。 Fir
How To: Resizeable Background Image - CSS-Tricks Is there a way to make a background image resizeable? CSSで背景画像をリサイズするテクニック デモサイトを見ると、驚くべきことに、背景画像のサイズがビローンと伸びて表示されます。 記事中では3種類の手法について書かれていますが、JavaScriptなしで、CSSだけで実現する3つ目の方法がスマートです。 background-image ではなく、画像に次のようなCSSを宛てることで実現しているみたい。 #img.source-image { width: 100%; position: absolute; top: 0; left: 0; } body { overflow: hidden; } 背景が伸びるというと、ちょっと珍しいので
gotandajinです。 なにかGUIアプリケーションを作ろうとした時、一番手軽に手を出せる開発環境はVisual Studioあたりかなぁと思われますが、Visual Studio は基本的にWindows専用です。Javaを使えばプラットフォーム間の差異を吸収して、同一ソースでWindows、Mac、Linux などの複数のOSで動くGUIアプリを作れますが、他の選択肢としては、開発言語をCやC++で、マルチプラットフォームなGUIフレームワークを利用しての開発、なんかが挙げられます。マルチプラットフォームなGUIフレームワークを使えば、Javaと同様に同一ソースで複数のプラットフォーム用のGUIプログラムが作成できます。こちらはJavaとは違い、オブジェクトコードとして生成できるのが特徴です。 代表的なマルチプラットフォームGUIフレームワークにはQT(キュート)やwxWidget
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く