Firefox 拡張はてなヘルプ
目次 はてなブックマークツールバー ... (1)(2)(4) ロケーションバー ... (3) はてなブックマークサイドバー ... (5)(6)(7) ブックマーク追加・編集画面 ... (8)(9)(10)(11)(12)(13) はてなブックマークステータスバー ... (14) Web ページ内でのブックマーク数の表示 そのほかの機能 FAQ (よくある質問とその答え) はてなブックマークツールバー 基本操作ボタン はてなブックマーク Firefox 拡張を利用するための基本操作のボタンです ... サイドバー表示切り替えボタン … はてなブックマークサイドバーの表示/非表示を切り替えます。 ... ブックマーク追加ボタン … 現在閲覧中のページをブックマークするときに利用するボタンです。ブックマーク追加ウィンドウを起動します。 ... ブックマーク閲覧ボタン … 自分のはてなブ
Webデザイン・デザイナー向けギャラリーまとめ || デザインギャラリーパッケージ
Webデザイン・デザイナー向けに、Webデザインギャラリーのデータをまとめて提供しています[ Webデザイン・デザイナー向けギャラリーまとめ ] Webデザインギャラリーに紹介されているWebデザインをマージしてまとめて公開! メジャーWebデザイン検索Webデザイン リンク集Webデザイン ネタまとめWebデザイン タグ検索PhotoShop ネタCSS テクニックWeb製作会社検索JavaScript 記事まとめFlash テクニック [ Webデザインギャラリーのまとめ ]近年Webデザインのギャラリーサイトが増えてきていますね。 CSSレイアウトに注目したWebデザインを扱うもの、国内のWebデザインに重点を置いたものなどなど…。 いろいろなWebデザイン紹介サイトがある中で、重複しているWebデザインもけっこうあるものです。 このデザインギャラリーパッケージでは、「重複して」紹介
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
HTMLの特殊文字 ： IT用語辞典
HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
カラーコード表
HTMLリファレンス_______ TOPページ(Alt+B) カラーコード表 色 16進数 カラーネーム 色 16進数 カラーネーム 色 16進数 カラーネーム #000000 Black #87CEEB SkyBlue #F0E68C Khaki #000080 Navy #87CEFA LightSkyBlue #F0F8FF AliceBlue #00008B DarkBlue #8A2BE2 BlueViolet #F0FFF0 Honeydew #0000CD MediumBlue #8B0000 DarkRed #F0FFFF Azure #0000FF Blue #8B008B DarkMagenta #F4A460 SandyBrown #006400 DarkGreen #8B4513 SaddleBrown #F5DEB3 Wheat #008000 Green #8
HTMLを小綺麗にするための4つの方法 | エンタープライズ | マイコミジャーナル
HTMLを規約にそった記述にすることは最低条件として要求されることだが、最後の状態ではない。まずHTMLを規約にそった記述にし、さらに次の段階でアクセサビリティに対応できる形式であったり、必要になる情報を追加したり、もっと小ざっぱりとさせてブラッシュアップさせた方がいい。 Kevin Yank氏がSitePointにアップした4 Easy Ways To Spruce Up Your HTML Markupはその点でかなり興味深いドキュメントだ。同氏はこれまでの経験からHTMLドキュメントを小ざっぱりとさせるための4つの方法を紹介している。要約すると次のとおり。 h1、h2、 h3などのヘッダ要素を厳密に階層化する。h2のあとでh3を飛ばしてh4をつけるといったことをしない。ヘッダ要素による階層化はFirefoxのエクステンションWeb Developerを使うとわかりやすい。Inform
楽してプロっぽいデザイン | Forty-N-FiveBlog
MovableTypeで作成してきたこちらの「楽してプロっぽいデザイン」はデザインの陳腐化に伴いWordPressベースのサイトに移行しました。 ブログ移行先：https://www.forty-n-five.site/ 引き続きご愛顧の程お願いいたします。 また、Photoshopのチュートリアルを中心としたyoutubeも運営を始めました。 youtube運営チャンネル：https://www.youtube.com/channel/UCXZMAcX7vukJ2iQg7EEVbGQ?view_as=subscriber | パーマリンク | コメント (0) | トラックバック (0) |
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
これだけは知ってほしいウェブデザインの常識 インターネット-最新ニュース:IT-PLUS
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
web制作に役立つサイトまとめ - 肉汁が溢れ出ています
引用元：web制作板 545 名前：Name_Not_Found[sage]投稿日：03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のＨＰ作成講座 〜 http://ismt.cside.com/ ■趣味のWebデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レッツPHP!
W3C CSS 検証サービス
Webデザイン・デザイナーに役立つネタ検索 || デザインレシピデータベース このサイトについて
★ 4 U ★ アイコン、ボタン、バナー、背景画像、イラスト、写真など、ホームページ用素材のポータルサイト
いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
