2008-04-01
「こんにちわ、皆さんご機嫌いかがですか」 「3月21日から 公開デザイン祭2008春 が、始まっていますが、どうです？4月6日の締め切りに向けて制作は進んでいますか？」 「大賞はAmazonギフト券5万円分、と気になるものの、 『スタイルシートって難しいんじゃないか？』 と考えている人も多いかもしれませんね」 「でも、全然そんなことはありませんよ」 「今日は簡単に公開デザインを作る過程を紹介してみましょう、これを読んで皆さんも是非チャレンジしてくださいね」 「そもそも公開デザインとは何か？ついてはこちらを参考にしてください 他人のデザインをインポートする（公開デザイン一覧） - はてなダイアリーのヘルプ」 「はてなダイアリーに慣れない方が公開デザインを作るにあたって、最初につまづくのはどういう仕様なのか、分からないことでしょう。スタイルシートのことは分かっても、ダイアリーの構造までは把握し
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日（月）～3月3日（日）〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び｜Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
「公開デザイン祭2007秋」キャンペーン入選作品発表 - はてなダイアリー日記
2007年11月12日 〜 2007年11月27日まで開催していた「公開デザイン祭2007秋」では、たくさんの方に素敵なデザインをご応募いただきありがとうございました。総計で71作品の応募をいただき、昨日はてな社内にて厳正な審査を行い、大賞・入選作品を決定いたしました。 今回ご応募いただいた71作品は、惜しくも入賞されなかった作品も含めてどれもクオリティが高く、選考にあたったスタッフも思わずうなるほどの力作揃いでした。選考の様子を撮影した動画を昨日のエントリーで公開しておりますので、よろしければご覧ください。 大賞、入選作品はそれぞれ以下の10作品です。入選となったユーザー様、おめでとうございます。 大賞(Amazonギフト券 5万円分) オータム・リーフ id:K8A さん 季節感を感じるシルエットのイラストを利用しつつ、さりげないテクスチャ感がとても品がよく、それでいてゆとりを持った間
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
チープカ - はてなダイアリーのデザインを作るうえでのtips
CSS | 01:06 | はてなダイアリーのデザインをいじる上ではてなダイアリー独自に気をつけなくてはいけないものについて例をあげてみます。DOCTYPE宣言が互換モードまず一番問題になるのがここでしょうか。気をつけなくてはいけないのはなんといっても「IEで見るとwidthにpaddingがふくまれる」という点です。これはIE7になっても変わりません。そのためwidthとpaddingを同居させた要素を記述した場合にIEと他のモダンブラウザでは表示が変わってしまいます。回避策で一番簡単なのは同じ要素にwidthとpaddingを同居させないということです。ただしはてなダイアリーの構造上h1とかでwidthとpaddingを一緒に使わざるを得なくなったりするのでそん時はハックするしかないです。はてなのヘッダを透明にするはてなのヘッダは配色がしやすいように、画像部が透過されるようになりました
はてなブログ | 無料ブログを作成しよう
キジ焼き丼とおばんざい シンプルな我が家の定番のおばんざいたち 赤梅酢の新生姜漬け 昨夜は香ばしいきじ焼き丼に添えて。大きめにカットした鶏とししとうを魚グリルでこんがり焼く。 タレをつけながら煙モクモク、焼き鳥屋さんみたいな香ばしい香りがキッチンいっぱいに広がります 磯の味も…
2006-11-08
はてなアンテナアップデート デザイン管理機能、titleモジュールリリースに伴い、以下の機能をはてなアンテナに反映しました。 はてなアイデア 「アンテナの設定」から大中小を選べるようにしました はてなアイデア 表示用URLのスクリーンショットを表示するようにしました。 はてなアイデア 「ページの編集」のスクリーンショットからはてなスクリーンショットへリンクするようにしました はてなアイデア ftp:// で始まるURLも登録できるようにしました。更新取得できるかはftpサーバーの設定依存ですので非推奨の機能とさせていただきます。 はてなアイデア 携帯用のプライベート画面を表示するようにしました はてなアイデア pagerの種類毎にidを指定しました #pager_top #pager_bottom #pager_group #pager_relate はてなアイデア 表示しました はてなア
CSSの小技集、20個:phpspot開発日誌
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS ＦｌｏａｔのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
CSSを書く際の5つのテクニック:phpspot開発日誌
CSS tips and tricks at The Blog Herald CSSを書く際の5つのテクニック。 1. サイズ指定の際はピクセルを使うな。 body { font-size: 62.5% } p { font-size: 1.2em; line-height: 1.5em; } px指定してしまうとブラウザの文字サイズに反応しなくなってしまうというやつですね。 2. 階層構造はインデントして読みやすくしよう h1 {} h1#logo { font-size: 2em; color: #000; } h2 {} h2.title { font-size: 1.8em; font-weight: normal; } 確かに、これは分かりやすいかもしれません。今後導入しようと思います。 3. セクションごとにコメントを入れて構造化しよう /* Structure */ ...
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
はてなCSSデザイン便利リンク - チープカ
リンク, CSS | 13:25 | 更新日：2008/2/3スタイルシート基礎HTMLクイックリファレンスHTML版『スタイルシートWebデザイン』CSS DencitieCSS2リファレンスはてなのスタイルシート構造はてなダイアリーはてなダイアリーガイド「CSSセレクタ」はてなダイアリーガイド「CSSセレクタ - 日記１日分」はてなモジュール一覧はてなブックマークはてなブックマークの構造はてなRSSはてなRSSの構造はてなダイアリーのテーマはてなダイアリーデザインテーマサンプルはてなダイアリーテーマランキング公開デザイン一覧CSSグループthemeグループ他の人、既存のテーマを見て研究はてな内http://a.hatena.ne.jp/chpk/素敵なデザインのはてなダイアリーを独断と偏見で集めていますそが部のテーマそが部のテーマサンプル部員によって作られたはてな各サービスのテーマがコ
テーマ利用者数調査結果 - はてなダイアリー日記
本日、はてなダイアリーのテーマ利用者数を調査しましたので、上位150テーマを公開します。 人気のあるテーマは、デフォルトのhatenaテーマの他にはhatena_water、delta、memoなどとなっております。 現在はてなダイアリーで使用できるテーマのサンプルは、はてなダイアリーデザインテーマサンプルにて見ることが出来ます。どうぞご利用ください。 # テーマ 利用者数 1 hatena 42333 2 hatena_water 5354 3 delta 4913 4 memo 4872 5 menu 4678 6 city 4535 7 hatena_leaf 4492 8 指定なし 4364 9 navy 3543 10 soda 3437 11 pearl 3241 12 wall5_tatami 3108 13 wall3 2879 14 chiffon_pink 2835 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
http://d.hatena.ne.jp/odachi/20070718
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
アンダースコアハック - lucky bag