Lifestyle & Business Blog - DezinerFolioHaving a strong online presence continues to be extremely important for any individual or business today. When you are looking…
Lucky bag::blog: 印刷用 CSS に必要なこと
拙サイトにおいて印刷用 CSS の需要と必要性がどれほどあるのかは微妙だけど、とりあえずは用意していたりする。んで、作成した当時にこうした方が良いかなってな事がいくつかあったんで、何となく書き残しておく。いや、別にネタがないとかそう言うことじゃ (ry 基本的に紙媒体を対象とするもんだから、通常のスクリーン用 CSS を作成する時とは考え方が変わってくる。 不必要な要素を非表示 ナビゲーションやらサイドカラム、フォームなんかは必要ないんで、display: none; にしてプリント用紙を節約。 フォント関連 ポイントで決め打ちする。拙サイトの場合は、本文 10pt にしてある。後は、本文などの長文系は明朝系のフォントを指定した方が読みやすい。 色は使わずモノクロ 余計な色を使ってインクを使わせないって事と、モノクロプリンタのユーザに対しての配慮。そして、なるべくスミ 100% などのベタ
長期間の使用で重くなったFirefoxを一瞬で軽くする方法
1.Firefoxのデータが保存されているディレクトリを開く（たとえばWindows7なら、下記ディレクトリ）。 C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\適当な文字列.default 2.そして、以下のsqliteファイルを削除する（削除が怖いならリネームや他の場所に移動させておくと良い）。 places.sqlite おしまい。 長期間Firefoxを使っていると、キャッシュがたまってどんどん遅くなってきてしまいます（これはFirefoxの仕様です）。特にplaces.sqliteファイルはどんどん肥大化していき、数MB〜数十MBまで膨れあがっていきます。こうなってしまうと、インストール初期の頃に比べて、Firefoxのパフォーマンスは相当落ちています。そこで、places.sqliteファイルを削除し、すっきりクリ
10 Tips for Better Print Style Sheets
Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet. Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen. Also, following tutorials is easier if you have one next to you, with your code edi
25 Detailed Tutorials for Coding Up Your Web Designs
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
CSS Design: Going to Print
A note from the editors: The print style sheet discussed below was used in ALA 2.0, whose February 2001 CSS redesign helped usher in the modern CSS-layout era. Some details below pertain only to that layout, and not to ALA 3.0. But the principles Eric Meyer discusses in this article are as true and as generally applicable today as they were when this article first appeared in ALA. You’ve seen them
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
CSS（スタイルシート）だけでグラデーションを表現する方法のまとめ｜web bibo
/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSS イメージ・背景 » CSS（スタイルシート）だけでグラデーションを表現する方法のまとめ タイトルやボタンの背景にグラデーションを施したいとき、グラデーションの画像を用意して、それを背景に敷くと思います。ただ、線形グラデーションのような単純なものなら、画像を使わずスタイルシートだけで表現することができます。一応メモとして載せておきますが、使える方法かどうかは個人の判断に任せます。-webkit-gradientの方法は各サイトで取り上げられているCSS3の注目の方法なので覚えておいても損はないかと思います。 各ブラウザで表現できるCSSグラデーション方法の一覧表 左項目のボックスにグラデーションがかかっていたら、実際に適用されている証拠
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。
画像のリサイズを処理する（IE6に対応させて、しかもハイクオリティ） - くらげだらけ
よくあるCSSの使い方ですが、画像をサムネイル表示するときにJSとかPHPとか書くのがウザイのでCSSでやるパターンのやつのメモです。 要は、CSSで画像のWidthとHeightを制御してやるわけですが、 今回はデカイ画像をサムネイル表示させるので、max-widthとmax-heightで制御してやります。 こんな感じ <style type="text/css"> .image-resize { max-width: 200px; max-height: 200px; } </style> <img src="images/test-image.jpg" class="image-resize" />これで、200pxより大きければ、200pxにしてくれる。もちろん比率はそのまま。 しかし、IE6ではmax-widthとmax-heightに対応していないので、だいぶ前に書いたエント
Safari 3 で textarea のリサイズを制御する方法 « Apple + iPod « Forest.Kの徒然日記
Home Apple + iPod Safari 3 で textarea のリサイズを制御する方法 Safari 3 で textarea のリサイズを制御する方法 July 13, 2007 18:50 forestk Comments(0) TrackBack(2) Safari 3 で textarea のリサイズを制御する方法 #forestk Posted in Apple + iPod Tags : Safari サファリ CSS textarea リサイズ Safari 3 だと textarea がリサイズできるようになってるんだけど、これによってレイアウトが崩れちゃう場合もある訳で。 そうするとこのリサイズもなんとか制御したいな、と思う訳ですよ。 で、結論から言ってしまえば CSS で制御することができます。 こんな感じ。 自由にリサイズ <textarea cols=
フォントを素早く選ぶんだ - 名もないテクノ手
Fonts大名である。「app.fonts.length;」なんてな具合で数えると2823書体もある。フォントを選ぶだけでフォントメニューをずるずるずるずるずるとドラッグしなくちゃいけない。＜管理しろ パッと一発で目的のフォントを適用できんもんか...と思っている方はおらんかね？ 知っていそうで、知らないキーボードショートカットは多いので、ちょっとしたことラクができたりするものですよ。 コントロールパネルにフォーカスする テキストフレーム中で、文字カーソルが点滅している状態なら「command + ６」（Fキーの下の数字。テンキーでない方）で、コントロールパネルの一番最初の項目（文字形式モードなら）のフォント欄にフォーカスが移る。 もしコントロールパネルが段落形式モードなら、「command + option + ７」でトグルするので、文字形式モードにしてから、「command + ６」と
Amazonのクイックリンクウィジェットで変なa要素を使わなくて済む方法
先日に続き、アフィリエイトネタをもう一発。 いまさら僕が言うまでも無いことですが、Amazonアソシエイトプログラムは最も優良なアフィリエイトサービスの一つです。 世界的にはAmazonだけで生計を立てているアフィリエイターも少なくありませんし、ちょっと工夫すれば一般のブロガーでも年間数千円程度のお小遣いは確実に稼げます。用意されたコードを貼るだけで済む魅力的なウィジェットが沢山用意されていて、特別な知識が無くても気軽に試せる"親切さ"も魅力です。 なかでも、特に試しやすく、高いクリックレートを望めるのがクイックリンクウィジェット。Amazonから提供されるJavaScriptコードをページに埋め込んでおけば、あとは任意の文字列を「type="amzn"」という属性値のa要素で囲むだけで、その文字列をキーワードとしたamazonの検索結果にリンクしてくれます。もちろん自分のアソシエイトID
ゲーム・裏技・攻略 - ワザップ! - 全てのゲーム情報を一つのサイトで
ワザップ!は新しいユーザーを募集中です！ユーザーになるとレビュー・ニュース記事の投稿やメッセージ機能、コメント・各種評価の通知機能が利用できます。
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
JavaScript色々まぜまぜ。主にjQuery使ったヤツ｜CSS HappyLife
Two I'm the two's tab content. ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ Three Guess who am I -- says the three's tab content.ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ ほげほげほげほげ <div class
zudolab.net
zudolab.net 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
タブ切替表示をCSSとjQueryで行う | エムティシステム
タブによる項目表示の切り替えは、作り方が記載されたサイトは沢山見つかるが、ここではタブ用の画像を利用して、CSSとjQuery(JavaScriptライブラリ)で行なった方法を説明したいと思う。なお、jQueryには「jQuery UI/Tabs」でタブ機能が提供されており、簡単に実現できる。以下が作成例である。 ミヤマキンバイ ミヤマキンバイ（深山金梅 学名:Potentilla matsumurae）はバラ科キジムシロ属の多年草。 特徴 分布域は本州中部以北・北海道・千島列島・サハリン・済州島。亜高山帯～高山帯の砂礫地、草地に生育する高山植物。高さは10～20cm。花期は7～8月、黄色い直径2cmほどの5弁花を咲かせる。 出典: フリー百科事典『ウィキペディア（Wikipedia）』 キバナシャクナゲ シャクナゲ （石楠花、石南花） は、ツツジ科ツツジ属シャクナゲ亜属の低木
howtwo みんなの「方法」サイト / top
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
10 Useful Techniques To Improve Your User Interface Designs — Smashing Magazine
Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let’s get started. Web design consists, for the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
