もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
特定サイトから直リンクされた画像を一発で別の画像にする方法:phpspot開発日誌
他人のブログをパクり無断で公開！ 被害者の対抗策が凄い アメブロ広報「数件の通報が来ている」 - ガジェット通信 特定サイトから直リンクされた画像を一発で別の画像にする方法。 私のブログはともかく、不要な負荷が増えて嫌だなと思う場合に即効できる処置方法をご紹介。 mod_rewriteが入っているサーバ＆.htaccessが利くサーバの場合は以下のように書いて直リンクされた画像のディレクトリに設置します。 RewriteEngine on RewriteCond %{HTTP_REFERER} ^http://ameblo.jp/sfida2010/.*$ RewriteRule ^(.*)$ http://example.com/deny/unko.png [R=301] /images/ 以下に直リンクを受けている画像群がある場合は、/images/.htaccess として保存して下
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
グルーポンで1000人が購入し半額に！ → 店舗「やっぱ平日のランチだけにするわ」 購入者Twitterでブチギレ - ガジェット通信
グルーポンで1000人が購入し半額に！ → 店舗「やっぱ平日のランチだけにするわ」 購入者Twitterでブチギレ 毎度お騒がせな共同購入サービス、『グルーポン』だがまたも購入者がTwitterで怒りをぶちまけているようだ。今回はクレープ・ガレット専門店のランチ50％OFFというもので、1000人の共同購入者が集まった。 しかしこのクーポンページに後から訂正がされ「※平日限定利用可能（土日祝日は利用不可）」と追記されているのだ。これを発見した購入者は「即座に購入辞退依頼メールを送ったけど、これって騙し討ちの詐欺まがい商法じゃないのか？？」と怒りをぶちまけている。 『グルーポン』側の審査・チェック体制も気になるところだが、こうも幾度もミスが連続してくると国内でのグルーポンの信用がなくなっていくばかりか、あらゆる共同購入クーポンサービスまで同じ目で見られるようになってしまう。 これに対してネッ
Linuxでうっかりrm -rfしちゃったけど復活出来たよー＼(＾o＾)／ - y-kawazの日記
サーバのファイル整理作業をしていたところ…、 間違えてrm -rfしてしまった！ ぎゃーバックアップもねー！ 長いこと生きてたらこんな経験の1度や2度はありますよね？ えぇ、ついさっきやらかしちゃいましたｗｗオワタｗｗｗ 速攻「rm 復活」とか「rm 取り消し」とかでググッたねｗ、したらmcってプログラムのUndelete機能使えばよいって情報が出てくるが、どうやらこれext2じゃないと使えないっぽいぞ…、うちext4だ。 混乱。以下ターミナルのヒストリーより実況。 ## こーいうときはまずあれだ、現場保存！ ## まずは今いるパーティションを確認 # df -hT Filesystem Type サイズ 使用 残り 使用% マウント位置 /dev/sdb2 ext4 193G 6.9G 176G 4% / /dev/sdb1 ext3 194M 22M 163M 12% /boot /d
なぜ芸能人はペニーオークションで落札できるのか？
芸能人ブログはアメブロ以外でも存在するのだが、検索するのが大変なので省略した。アメブロだけでやっているというわけではないと思うので探せば他のブログサイトでもあるはず。 誰？という感じの人もかなり多いが、ほしのあき、東原亜希など比較的知名度の高い有名人もいる。 なぜペニーオークションを紹介するのか？ なぜ彼女らはペニーオークションを紹介するのか？ 友達から面白いサービスを教えてもらって、他の人にも知って欲しくてー…なんてのんきな理由ではないだろう。 ほとんどの人は1サイトを1回紹介しただけで、その後は全く触れていない。そんなに良いサービスなら何でも利用するだろうし、「また××を手に入れましたー」とか書きそうなものだ。毎日の更新の絶好のネタになるだろうに。 一部の日記で落札画面が映っていてオークションでのユーザIDも表示されているが、そのIDでペニーオークションサイト内を検索しても、紹介した日
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
W3C HTML5 Logo
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The Technology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
9 Useful Google Chrome Extensions for Web Designers
Tools 9 Useful Google Chrome Extensions for Web Designers Henry JonesJanuary 25, 201120 Comments010.8k Compared to the other major web browsers, Google Chrome is still relatively new. However, it’s popularity continues to grow rapidly. Here on WDL, Chrome is the second most used browser by our readers, right behind Firefox. With that in mind, and considering that most of you are web designers or i
ソフト404ページはウェブマスターとして微妙に恥ずかしい | 初代編集長ブログ―安田英久
今日は、「ソフト404ページ」の話題を。検索エンジンを困らせるぐらいで実害はほとんどないのですが、ウェブマスターとしては少し恥ずかしい、そんなサイトの不具合の話題です。 あなたのサイトでは、「ソフト404」の状態になっていませんか？ サイトがソフト404を出す状態になっていると、検索エンジンに嫌われて、正しくページをクロールしてもらえなくなってしまうかもしれませんよ。 ソフト404とは、システムの不備で出る「おかしな状態」ソフト404とは、少しわかりづらいのですが、Webページの表示に関するおかしな状態を表す用語です。どんな状態を指すのかというと、 ブラウザで見ると「指定されたURLのページが見つかりません」といった、ページがないことを示す404（not found）が表示されている。でも、検索エンジンのロボットからみると、「見つかりません」と書かれたページがそのURLで正しく表示されたこ
Googleが対策に乗り出した“コンテンツファーム”とは
コンテンツスパム対策を強化するためにGoogleがアルゴリズムを改良したことを昨日のエントリで伝えました。 公式アナウンスのなかでMatt Cutts氏は次のように言っています。 As “pure webspam” has decreased over time, attention has shifted instead to “content farms,” which are sites with shallow or low-quality content. 「純粋なウェブスパム」は長い期間をかけて減少してきた。代わりに、「コンテンツファーム」に注意が移ってきた。コンテンツファームというのは、内容が浅かったり質が低くかったりするコンテンツのことだ。 ここで出てきた“Content Farm”(コンテンツファーム)とはいったいどんなものなのでしょう？ ※日本語で発音すると「コンテント
ユーザを逃さないヘルプの見せ方、2つの注意点 (ユーザビリティ実践メモ)
前々回、前回に引き続き、ヘルプコンテンツの効果的な見せ方についてご紹介します。 ヘルプコンテンツは、すべての項目を羅列した「よくあるご質問」のようなページを持つだけでは不十分です。 以前の実践メモでは、疑問が発生したタイミングで「その場で」参照できるよう、主要な導線となるページ内に、ヘルプ内容を露出する方法を推奨していました。 今回は、ヘルプ内容を露出する際の、具体的な2つの注意点をご紹介します。 ヘルプの隠れた役割 置くだけでは不十分？ヘルプ活用3つのポイント そこで、実際に皆様のサイトで主要導線上にヘルプ内容を露出させる際の注意点を、以下の2つにまとめています。 注意点1. 同一ウィンドウでヘルプページに遷移させない ヘルプが掲載された別のページに「同一ウィンドウで遷移させる」（ページが完全に切り替わる）という方法はお勧めできません。 ページが完全に切り替わると、もとのページに戻るため
2011年1月に手に入れた SEO 情報や Web 制作者向けの記事まとめ | ウェブル
技術方面やアクセス解析や Web サービスの PV 集めばかりに気を取られて SEO などの知識が2年前程度で止まっていることに気付きました。私は安易な SEO というのがあまり好きではなく、正々堂々とコンテンツ作りをすれば自然にアクセスは増えると思っている口です。 しかし身の回りで、どうしても検索順位を上げたいというニーズが多く、また自分自身も正々堂々とコンテンツを作る人間ではあるが、現状どのようなコンテンツ作りが最も効果的なのかについて知ることで時代にあった正々堂々を見つけていければと良いなと思い、SEO というカテゴリに対してアンテナを張り始めました。 今回はそのまとめです。是非 SEO について興味の無い人も少し読んでみると良いかも。 Yahoo カテゴリ登録は必要ない Yahoo カテゴリに登録することで Yahoo での検索結果で上位に表示されるなどのことがあったらしいですが、
主要なCSS Resetのスタイルシートとドキュメントのまとめ -CSS Reset.com
ブラウザのスタイルを初期化するCSS Resetのスタイルシートとドキュメントをまとめたポータルサイトを紹介します。 CSS Reset.com [ad#ad-2] 現在、登録されているCSS Resetは下記の7つです。 Eric Meyer's "Reset CSS" Eric Meyer's "Reset CSS"のドキュメント HTML5 Doctor CSS Reset TML5 Doctor CSS Resetのドキュメントメント Yahoo! CSS Reset (YUI 3) YUI 3のドキュメント Vanilla CSS Un-Reset Vanilla CSS Un-Resetのドキュメント Tripoli CSS Reset – David Hellsing Tripoli CSS Resetのドキュメント 'undohtml.css' – Tantek Celik
ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ - かちびと.net
いくつか知っておいた方が、必要な時に 探しやすいと思ってメモします。Webサイト のデザインをヘッダーやフッターなど、 パーツ別に収集しているギャラリーサイトが いくつかあるのでまとめます。 そんな大量に有るわけではないですけど。パーツのデザインはいつも迷うのでこの手のギャラリーはいくつあっても結構重宝しますよね。 ブブンデザインアーカイブ 国内でおそらく唯一のパーツ別デザインギャラリーです。ナビゲーションやフッターなどで探せて、収集しているサイトも国内メインなので参考になるのでは。 ブブンデザインアーカイブ MephoBox ヘッダーやフッター、ナビゲーションやフォームデザインだけでなく、404やカレンダーなど全てのコンテンツをカテゴリにしてパーツデザインを収集しています。おすすめ。 MephoBox Pattern Tap こちらもナビゲーションやボタン、フォームデザインなどに分けてデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Top 20 Premium Quality Sliders | Envato Tuts+
新着記事
新着記事
最近リリースされた高品質なフリーのデザインフォント -2011年1月