UNIQLO CALENDAR
「こんにちわ、皆さんご機嫌いかがですか」 「3月21日から 公開デザイン祭2008春 が、始まっていますが、どうです?4月6日の締め切りに向けて制作は進んでいますか?」 「大賞はAmazonギフト券5万円分、と気になるものの、 『スタイルシートって難しいんじゃないか?』 と考えている人も多いかもしれませんね」 「でも、全然そんなことはありませんよ」 「今日は簡単に公開デザインを作る過程を紹介してみましょう、これを読んで皆さんも是非チャレンジしてくださいね」 「そもそも公開デザインとは何か?ついてはこちらを参考にしてください 他人のデザインをインポートする(公開デザイン一覧) - はてなダイアリーのヘルプ」 「はてなダイアリーに慣れない方が公開デザインを作るにあたって、最初につまづくのはどういう仕様なのか、分からないことでしょう。スタイルシートのことは分かっても、ダイアリーの構造までは把握し
簡易目次 ・はてなのドット絵 ・TIPS関係 ・お薦めドット絵サイト ・ドット絵関連の素材サイト ・ドット絵関連のネタ ・最後に ・おまけ 先日、ドット絵リング に参加しました、せっかくなのでそれにちなんでドット絵特集。 はてなのドット絵まずは、はてなのドット絵から。 はてなは特にドット絵を前面に押し出したデザインではありませんが、Webサービスですから favicon や、アイコンといった様々な小さい画像が配置されています。 ダイアリーのテーマでもそういったものもありますけれど、代表的なのは はてなのロゴですね。 記念日などでは、ロゴにちょっとしたお遊びがあり、それらは はてなロゴ日記 でまとめて見ることできます。 他には、それらはてなのデザインを主に担当されている、id:tikedaさん管理のグループ、 tikeda::Group のトップページも、はてなロゴをモチーフとしたドット絵が
日頃より、h555.netをご愛顧いただきまして誠にありがとうございます。 「ホームページオプション」のサービス提供は2015年11月30日をもちまして終了させていただきました。 これまで長らくご利用いただき、誠にありがとうございました。 今後も、皆様によりよいサービスをご提供させていただけるよう、サービス品質向上に努めて参りますので、何卒、ご理解いただけますようお願 い申し上げます。 <h555.netをご契約のお客様へ> 後継サービスとして「userwebサービス」を提供させていただいております。 詳しくは、以下のリンクをご参照ください。 ▼「userwebサービス」のご案内 http://www.ejworks.info/userhp/h555/index.html 今後ともh555.netをご愛顧いただけますようお願い申し上げます。 株式会社イージェーワークス h555.net カ
総数10000超!商用・非商用フリー! 無料で使える素材サイト DOTS・DESIGN(ドッツ・デザイン) ドット・デザインは、商用・非商用フリーのWEBデザイン素材サイトです。 この手のサイトはいろいろ規約がうるさいですが、このサイトはここにあるアイコンをあたかも自分の作った素材のように配布・販売しない限り、商用であろうが、非商用であろうが無料で使用できます。 WEBデザインをはじめて早5,6年経ちますが、毎度一からドットアイコンを作成することが多かったので、よく使うドット素材をここらで自分のためと誰かのために一から作ってまとめておいておこうと思ってます。 気に入ったらWEB製作や、あなたのBLOG、ホームページに使ってやってください。 クリスマス素材まとめ ドッツデザイン (2009年11月14日 09:59) | コメント(0) | トラックバック(0) ここのところクリスマスの素材
ヴィンテージ風の素敵な柄や古い感じのテクスチャ素材をdeviantARTから紹介します。 Package - Vintage Grunge - 2 Vintage Textures Pk2 Vinta
Thank you for being patient. We are doing some work on the site and will be back shortly.
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
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個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをCSSでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とCSS RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS Floatの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 */ ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く