最初に指定しておくと便利なCSS | Tech de Go
漬物は料理において重要なアクセントを提供します。 その酸味が、食事の味わいを引き締め、新たな深みを加える役割を果たします。 例えば、酢漬けの漬物は、独特の酸味と爽やかさで料理全体を軽やかにし、油っぽさを中和します。 これにより、食べ手の口の中をさっぱりとさせるだけでなく、食欲を増進させる効果も期待できます。 また、塩漬けの漬物もまた重要です。 塩の効果で野菜から水分を抜き、旨味を凝縮させることで、料理に深いコクと風味を加えます。 この塩味は料理全体のバランスを整え、食事を豊かにしてくれます。 漬物の酸味が生む料理のアクセントは、料理の種類や季節によっても異なります。 夏にはさっぱりとした酢漬けの漬物が、冬には塩漬けの漬物が特に重宝されます。 季節感や地域の食材と漬物の組み合わせを工夫することで、料理の魅力がさらに引き立ちます。 漬物は単なる付け合わせではなく、食事の一部としてその重要性を増
実録・ネットで叩かれたときの対処法！-ココロ社
ブログを書いたりしていると、たまに叩かれる場合があります。ちょっとした有名人気分を味わえるのでけっこう楽しいものですが、そういうのがニガテという人もいるでしょう。たとえばママにもぶたれたことがない甘えっ子ちゃんとか…それ、ぼくじゃないか！ …ということで、ネットで叩かれたときの対処法について、体当たりブロガーとしておなじみのココロ社が、実際に経験した例を通じて考察します。「毎回クソツマンネー日記を書きよって…」と思っているあなた、今回こそはとっても役立ちますので最後まで読んでくださいね！ 【１】無視する １０年前には「インターネットで、いろんな地域の人とコミュニケーションできるから世界平和に役立つ」という妄想が本気で信じられていましたが、ご存じの通り、現実は「ゲーム機を何にするか」という話題ですら大げんかになってしまう始末です。つまり、「話せばわかる」というのは都市伝説なので、叩かれて本気
行き詰まったときに役立つウェブデザイン8つのノウハウ | Web担当者Forum
ウェブデザイン作業には、びっくりするくらいイライラすることがある。 何をどこに表示するか無限の可能性があるのだから、真っ当なデザインがいとも簡単にできあがると思うじゃないか。でも、正常に表示できないデザインに何時間も手を焼いたり、今どき流行らないピクセル調整をするはめになったりとか、誰でも何らかの形で行き詰まった経験がある。 これから紹介する8つのノウハウは、そうした厄介な状況から抜け出すために、私が取る作戦だ。 先に中身からデザインする これは、今までに聞いたウェブデザインに関するアドバイスの中でも、最良の部類に入るものだ（Cameron氏に感謝を）。 多くのデザイナーが、まずヘッダーに力を注ぐ。でもたいていの場合、見映えのするページになるか否かは、ページの中身で決まる。ヘッダーは付け足しだ。とりあえずヘッダーのことは忘れて、中身の要素に取り組んでみよう。すると、しっかりした中身があれば
Lucky bag::blog: CSS を作成する際のお約束
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
はてブtips タグの一括変換方法 - 【仙台】smaaashの日記【平社員】
はてなhttp://d.hatena.ne.jp/naoya/20080324/1206354054のコメント(http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/naoya/20080324/1206354054)でタグの一括置換が結構知られてないという事が分かった。ので、やり方を書いてみる。ヘルプにも書いてあるのだけどさ。自分のブクマを開く(http://b.hatena.ne.jp/smaaash)タグ一覧から編集したいタグを選ぶ(http://b.hatena.ne.jp/smaaash/2ch/)えんぴつマークをクリックする(http://b.hatena.ne.jp/smaaash/2ch/?mode=edit)あとは気の向くままに編集というわけで一応タグの一括変換はできるよ！それ以上の事は今後に期待！（＝id:naoya頑張って
google電卓リファレンス
作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。 次のような透過PNGがあったとして、更にこの下に色を付けると・・・。 大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。 そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example five (FireFoxのみ) Example six (IEも動きます) Example seven (IEも動きます) アイデア次第でこういった技もできてしまいますね。 通常なら画像をPhotoShopなんかで
Google Japan Blog: Google マップを自分のサイトに貼り付けよう
ブロガーやサイトオーナーの皆様に朗報です。JavaScript や Maps API の知識がなくても、簡単にGoogle マップの一部を切り抜いてコピペするような感覚で、自分のページに地図を埋め込むことができるようになりました。 たとえば: 気に入ったグルメのお店の紹介ページに、店の地図を貼り付け旅行ルートを記録したマイマップの一部を、ブログに貼り付け使い方は、いたって簡単。Google マップで切り抜きたいエリアを決めたら、「このページのリンク」をクリックするだけで、HTML 貼り付けのコードが表示されます。それを自分のブログやウェブページにコピーペストするだけで OK です。 拡大地図を表示 デフォルトでは 425x350 ピクセルの地図が貼り付けられますが、「埋め込み地図のカスタマイズ」で地図の表示エリアやサイズの微調整ができます。貼り付けられた地図は、Google マップと同様に
CSSで背景画像をリサイズするテクニック:phpspot開発日誌
How To: Resizeable Background Image - CSS-Tricks Is there a way to make a background image resizeable? CSSで背景画像をリサイズするテクニック デモサイトを見ると、驚くべきことに、背景画像のサイズがビローンと伸びて表示されます。 記事中では３種類の手法について書かれていますが、JavaScriptなしで、CSSだけで実現する３つ目の方法がスマートです。 background-image ではなく、画像に次のようなCSSを宛てることで実現しているみたい。 #img.source-image { width: 100%; position: absolute; top: 0; left: 0; } body { overflow: hidden; } 背景が伸びるというと、ちょっと珍しいので
ブログに疲れたらどうするか？ | POP*POP
「なんだかブログに疲れちゃって・・・」「ブログを続けたいけど書くことがなくて・・・」という方に参考になりそうな記事のご紹介。よくあるトピックですが、こういうのは定期的にとりあげることに意味があるかな、と。 「10 tips to beat blogger’s block」という記事です。ブログを楽しく書き続けるための10のコツが紹介されています。 以下に詳しくご紹介。 あなたの中の基準を下げよう 別に小説を書くわけではありません。たまには駄文でもよいではないですか。ささっと書いて公開してもよいのです。 タイトルから始めよう 記事の内容をあれこれ考えるよりは、「自分が読みたい！」と思えるタイトルを考えることから始めましょう。その記事を書かなくても構いません。まずはタイトル、とすれば楽しくなりますよ。 締め切りを設定しよう パーキンソンの法則によれば「仕事の量は完成のために与えられた時間をすべ
今更人に聞けない初心者のためのRSSについて色々（後編）
前回、今更人に聞けない初心者のためのRSSについて色々（前編）という記事を書いたところ、RSS購読者が一気に１２０人ほど増えたことに、驚きました。 『今までRSSを購読するということがわからなかった』などのお言葉をいただいたりしましたので、サンプルとして自分のRSSを公開したのもひとつの成果でしょうか。 ただ、RSS購読を私もよく登録してみていますが、すべてを見るなんて事はしてません。 もちろん今回、初めてRSSリーダーという存在を知った方も、これから色々登録していくと、読まないという選択が多くなるのは当然なのです。 さて、それを踏まえたうえで、今回はRSS戦略についてお話いたします。 １）戦略を立てる前に ２）購読者を増やすためには ３）なぜ、人はRSS購読しようと思うのか？ ４）RSS購読者がもたらすあなたへの影響 この4本でRSS初心者を一気に卒業しましょう。 戦略を立てる前に まず
Passion For The Future: Webやメールのパスワード一覧を表示する Protected Storage PassView
Webやメールのパスワード一覧を表示する Protected Storage PassView スポンサード リンク ・Protected Storage PassView http://www.nirsoft.net/utils/pspv.html 会員認証付のWebサイトを複数使っていると、IDとパスワードの管理が面倒である。 Internet ExplorerはサイトごとにIDとパスワード情報をしばらく保持してくれるので、再度の訪問時は自動入力、自動ログインになることが多い。だが、設定期間を超えるとセキュリティ上、情報が消されてしまうケースがある。 IE以外にもパスワードはある。OutlookなどWindows系のアプリケーションはパスワードを＊＊＊＊＊という風にアスタリスク表示で安全性を高めてくれる。しかし、パスワードをメモしたい、人に教えたいようなときには、中身がなんだったのか忘
Google AdSense の広告表示精度を高める方法 :: Drk7jp
セクション ターゲットを使用すると、サイトのコンテンツと広告を照合する場合に、強調または無視すべきテキストや HTML コンテンツのセクションを Google に知らせて、広告表示の精度をより向上させることができます。 セクション ターゲットの実装は、HTML を熟知したお客様にのみお勧めしています。 <!-- google_ad_section_start(weight=) --> 記事のタイトル<$MTEntryTitle$>や記事本文<$MTCommentBody$> <!-- google_ad_section_end --> <!-- google_ad_section_start(weight=ignore) --> バナー広告やリンク集を貼り付けているサイドバーやトップバー部分やコメントやトラックバック部分 <!-- google_ad_section_end --> です。
3分LifeHacking：Webアプリ専用のFirefoxを作る - ITmedia Biz.ID
ページを固定する拡張機能「PermaTabs」、異なるFirefoxを同時起動する「 -no-remote -p "app"」パラメータを活用すれば、Webアプリ専用のFirefoxを作ることができる。 Webブラウザ上で動かすWebアプリケーションが増えてきて、Webページの閲覧だけでなく作業をするのにもWebブラウザを開くことが多くなってきていないだろうか。 Webアプリケーション──特にAjaxを使ったものの多くは画面が遷移しない。つまり「戻る」「進む」「更新」ボタンを使うことが少なく、終了と起動を繰り返すことも少ない。 筆者の例でいえば、Gmail、Google Reader、meeboなどがそうだ。 そこで試してみたいのが、Webブラウジングとは別にWebアプリケーション専用のブラウザを作ってみること。ポイントは3つある。 タブを閉じられなくする拡張機能「PermaTabs」 異
Omnidrive （次世代のオンラインストレージ） : ワークスタイル・メモ
ワークスタイル・メモ カレンダー・手帳術からグループウェア、ライフハックやWeb2.0系ツールまで、インターネットが変えようとしているワークスタイルの未来を考える。 記者発表会やイベントの様子を伝えるビデオブログにも挑戦中です。 ワークスタイル・メモ > ファイル共有・交換系 > Omnidrive （次世代のオンラインストレージ） OmnidriveはWeb2.0らしいオンラインストレージとして注目されているサービスです。 以前から、オーストラリアの注目ウェブアプリケーションとして紹介されていたのですが、先日Zohoと連携したと言う記事があったのもあり、気になったのでレビューしてみました。 Omnidriveに登録するとまず目に付くのは、WindowsのExplorerのようなユーザーインターフェース。 フォルダを作成し、ファイルをドラッグでフォルダ移動したりゴミ箱に捨てたり、右クリック
[PC]『IE 内で pdf や Excel を開かせない方法』
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっと自慢できるこんな裏技 Googleを「仕事」で使い倒せ！：デジタルARENA
hereticanthem co.,ltd. » Photoshop&Illustratorのチュートリアルまとめ
http://textocean.com/feat/140/css-tricks-10
・: - livedoor Blog（ブログ）