ドットインストール代表のライフハックブログ
HTML をシンプルに保ったままブロック要素を段組みする方法です。 ↑のように写真を横並びで表示したい、というケースはよくあると思います。 まず、上記の HTML ソースがこちら。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サンプル3" width="160" height="120" /></li> </ul> </div><!-- /#photo --> 今回のサンプルでは、ボックスと余白が以下になっています。 全体の横幅(500px)が決まっていて
いいかげんに目を覚まそうではないか。もう2008年だ。私たちがもう何年もウェブサイト上でするのにも見るのにも慣れてしまったもので、本当は今頃とっくに消えてなくなっているべきものがいくつかある。筆者の頭に浮かぶ5つのことは、ユーザーインターフェースの悲劇とも呼べるものだ。筆者が大統領になったら、間違いなく次の5つを禁止するよう、最高裁判所に命じるだろう。 1. リフレッシュ この記事を思いついたのは、Appleイベントの基調講演をチェックしようとした時だ。講演の最新内容を見るのにリロードボタンを押さなくてすむページを見つけるのに苦労した。筆者はただ、最新の内容がリアルタイムで反映されるブログを見つけたかっただけなのだが。信頼の置けるブログで、最新情報が自動的に表示されるものはSlashGearしか見つけられなかった。 ニュースサイト「Huffington Post」では、トップページを見てい
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像などを追加して読みやすくするかもしれません。 なお、最後のほうのツール紹介の部分は省きました。 もし問題があればすぐに消しますのでコメントなどいただければ。 11月14日追記: 文中のリンクを追加しました 訳が間違っている部分もあると思うので参考までに。 Google Starter Guide まとめ 【目次】 説明の前提 <title> ・ユニークで
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
独立行政法人「石油天然ガス・金属鉱物資源機構」(本部・川崎市)の公式サイトが改ざんされ、閲覧した最大約2000人のパソコンが、情報流出させられるウイルスに感染した可能性があることが分かった。実際の感染数は不明で、実害の報告はない。機構は改ざんされた部分の公開を停止し、ウイルス駆除を呼びかけている。 機構によると、公式サイトの4カ所が7月30日〜9月4日、中国や台湾、韓国のサイトを経由して改ざんされた。このうち、用語などの検索ページと一部関係者向けページの2カ所を閲覧すると、自動的に別のサイトへ誘導され、ウイルスに感染させられる仕組みという。 ウイルスは、クレジットカードのデータなどを特定サイトに自動送信するものなど、少なくとも6種類。9月4日、通常は切らないサーバーの電源が切れたため内部調査し、改ざんが判明した。 同法人は04年、旧石油公団と旧金属鉱業事業団を統合して設立。石油開発な
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ&ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
WEB制作会社を営んでいる者です。弊社が受注致しました制作の仕事(サイト)を、ある外注に出しましたが、外注請負先は個人事業の方です。WEBデータ(HTML、CGI、Perl等)の成果物は、お客様のサーバーへ直接アップロードし納品完了しました。この外注先の方だけは、サイトの元データやHTMLデータは、この外注先の著作物(所有権があり)で弊社には渡せないとの事ですが、こういった成果物の所有権はどちらにあるのでしょうか? あと、外注先や仕事の内容によって違うと思いますが、WEB制作の外注費用は、ユーザーへの納品価格の何%くらいが妥当でしょうか? 元請負する会社の立場からと、下請け(外注先)の両方の立場でご意見を伺えたらと思います。 よろしくお願致します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く