「こんにちわ、皆さんご機嫌いかがですか」 「3月21日から 公開デザイン祭2008春 が、始まっていますが、どうです？4月6日の締め切りに向けて制作は進んでいますか？」 「大賞はAmazonギフト券5万円分、と気になるものの、 『スタイルシートって難しいんじゃないか？』 と考えている人も多いかもしれませんね」 「でも、全然そんなことはありませんよ」 「今日は簡単に公開デザインを作る過程を紹介してみましょう、これを読んで皆さんも是非チャレンジしてくださいね」 「そもそも公開デザインとは何か？ついてはこちらを参考にしてください 他人のデザインをインポートする（公開デザイン一覧） - はてなダイアリーのヘルプ」 「はてなダイアリーに慣れない方が公開デザインを作るにあたって、最初につまづくのはどういう仕様なのか、分からないことでしょう。スタイルシートのことは分かっても、ダイアリーの構造までは把握し
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。12月9日（月）～12月15日（日）〔2024年12月第2週〕のトップ30です*1。 順位 タイトル 1位 無自覚にメンバーの心理的安全性を奪っていた経験から得た学び - Speaker Deck 2位 重度知的障害の女性が活躍する仕事 川崎 “あるシステム”が決め手に 職場全体にメリットも | NHK 3位 犬とおばあちゃん助けたら最近かなりいい感じ 4位 セロトニンを補う薬がびっくりするほど効く人たち | Books&Apps 5位 コワーキングスーパー銭湯ランキング（東京近郊） 6位 あるXユーザーの「娘が4～5歳の頃にハマったボドゲ」全26種の紹介ツリーが参考になる→クリスマスに子どもからボドゲを所望された親御さんは必見 - Togetter [トゥギャッター] 7位 一つ嫌なことがあると
2007年11月12日 〜 2007年11月27日まで開催していた「公開デザイン祭2007秋」では、たくさんの方に素敵なデザインをご応募いただきありがとうございました。総計で71作品の応募をいただき、昨日はてな社内にて厳正な審査を行い、大賞・入選作品を決定いたしました。 今回ご応募いただいた71作品は、惜しくも入賞されなかった作品も含めてどれもクオリティが高く、選考にあたったスタッフも思わずうなるほどの力作揃いでした。選考の様子を撮影した動画を昨日のエントリーで公開しておりますので、よろしければご覧ください。 大賞、入選作品はそれぞれ以下の10作品です。入選となったユーザー様、おめでとうございます。 大賞(Amazonギフト券 5万円分) オータム・リーフ id:K8A さん 季節感を感じるシルエットのイラストを利用しつつ、さりげないテクスチャ感がとても品がよく、それでいてゆとりを持った間
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
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 リンクの上にマウスを乗せ
CSS | 01:06 | はてなダイアリーのデザインをいじる上ではてなダイアリー独自に気をつけなくてはいけないものについて例をあげてみます。DOCTYPE宣言が互換モードまず一番問題になるのがここでしょうか。気をつけなくてはいけないのはなんといっても「IEで見るとwidthにpaddingがふくまれる」という点です。これはIE7になっても変わりません。そのためwidthとpaddingを同居させた要素を記述した場合にIEと他のモダンブラウザでは表示が変わってしまいます。回避策で一番簡単なのは同じ要素にwidthとpaddingを同居させないということです。ただしはてなダイアリーの構造上h1とかでwidthとpaddingを一緒に使わざるを得なくなったりするのでそん時はハックするしかないです。はてなのヘッダを透明にするはてなのヘッダは配色がしやすいように、画像部が透過されるようになりました
はてなアンテナアップデート デザイン管理機能、titleモジュールリリースに伴い、以下の機能をはてなアンテナに反映しました。 はてなアイデア 「アンテナの設定」から大中小を選べるようにしました はてなアイデア 表示用URLのスクリーンショットを表示するようにしました。 はてなアイデア 「ページの編集」のスクリーンショットからはてなスクリーンショットへリンクするようにしました はてなアイデア ftp:// で始まるURLも登録できるようにしました。更新取得できるかはftpサーバーの設定依存ですので非推奨の機能とさせていただきます。 はてなアイデア 携帯用のプライベート画面を表示するようにしました はてなアイデア pagerの種類毎にidを指定しました #pager_top #pager_bottom #pager_group #pager_relate はてなアイデア 表示しました はてなア
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 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 */ ...
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単に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ページを開く
