随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40kb） Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
Chart Chooser Chart Chooserで配布されているチャートのテンプレートファイルは、それぞれエクセル用・パワーポイント用があります。 チャートのテンプレートファイルには、線グラフ・棒グラフ・円グラフ・バブルチャート・ウォーターフォールチャートなどさまざまなチャートがあります。 各チャートは、数字を書き換えて使用することができます。 サイトにある左のチェックボックスを選択することにより、用途に応じたチャートが表示されます。 Comparison 比較・対照・類似 Distribution 分類・分布・分散 Composition 組成・構成・複合 Trend 流行・傾向・動向 Relationship 関連・関係・依存 Table 表
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
ライフハック テンプレート ライブラリ最強のライフハックは紙とペン──。自分で印刷して使えるツール、「ライフハックテンプレート」シリーズの提供をスタートしました。印刷して使ってもらえることを想定して作っています。ペンを片手にご活用ください。 ライフハックシート： ＃016 FFFTPを使いこなして快適FTP生活！ Webページ作成時に必要なのがFTPツールです。その中でも定番ツールのFFFTPのショートカットキーをまとめてみました。これらを使いこなしてささっとサイトの更新を行いたいものです。（06/02） ライフハックシート： ＃015 PowerPointを使いこなしてプレゼンテーションの達人に！【発表編】 仕事の山場といえばやはりプレゼンの作成と発表。そこでプレゼンテーションツールの定番、PowerPointのショートカットキーをまとめてみました。これらをマスターしてプレゼンテーション
私のブックマークが散乱し、見づらくなってきたので自分用にそろそろWordPressについてまとめておこうと思う。 WordPressJapan WordPressの本体の配布元。 ここが始まりの場所です。 WordPressとは - はてなダイアリー インストール（公式） 公式サイトのインストール方法説明。 テンプレートカスタマイズ CSS自動作成サイト MovableTypeやFC2ブログなど、wordpress以外のtemplate作成マネージャ。 CSSや、HTMLなどパッケージとしてダウンロードできるため、wordpressのtemplateフォルダに投げ込めば、それだけで使えるという優れもの。 WordPressのテンプレートを作成可能な無料ツール『templatr』 海外のサイトだけど、WordPressのテンプレートを作ると言うコンセプトがすごい。 POPPOPさんの説明がこ
WordPressユーザーには便利そうなツールのご紹介。templatrではページのレイアウトからそれぞれの要素のスタイルまで、かなり柔軟にカスタマイズしたテンプレートを作成可能です。 しかも操作はすべてインタラクティブ。自分が指定した設定をその場で確認しながら作業を進めていくことができます。もちろん作ったテンプレートはクリック一発でダウンロード可能ですよ。 ↑ まずはレイアウトを選択します。 ↑ 次にエレメントを選んでいろいろ設定。 ↑ YouTubeでの紹介ビデオもありますよ。 ご利用は無料です。こちらからどうぞ。 » Web2.0 – templatr – Template Generator
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -
2カラムのサンプルを色々作ってみました。 事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。 細かく作っていけば限りなく出来
【このサイトのここがオススメ！】 「プリントアウトファクトリー」では、会員登録などの面倒な手続きは一切不要。WordやExcel、PowerPoint、ハガキ用テンプレート、クリップアート素材を探して、欲しいものがあったら即無料でダウンロードできます。提供はリコーなのでデータの信頼性も安心。 プリントアウトファクトリーでは、ビジネスで利用頻度の高いExcelのテンプレートやPowerPointですぐ使えるグラフや図形などの素材をはじめ、Webページでも利用可能なクリップアート、風景や動物などの写真素材まで無料で提供している。 企画書作りに役立つPowerPoint素材では、地図用素材、グラフやガントチャート、組織図やマトリックス、パーツ素材など566点を提供している。単純な3段階のステップなども、ビジュアルに訴える形でプレゼンシートを作れば、なんとなく内容にも説得力があるように見えてくるか
これまで、統一カラーサイト３０選・緑、赤、青をシリーズで公開しているブログをご紹介してきましたが、さらに茶色と黒が追加された為、計150となりましたのでまとめてご紹介していきます。 様々な統一されたサイトのセンスやWebの形を盗み、それでも尚足りないと思う人もいるかもしれませんので、HTML＆CSSのフリーテンプレートサイト『OpenWebDesign』をご紹介しておきます。 書店に売っているデザイン参考書を読む前に、一度目を通しておいても損は（きっと）ないですよ。 統一カラーのサイト群 黒配色系のお手本30サイト 30 Black Websites 茶色配色系のお手本30サイト 30 Brown Websites 緑色配色系のお手本30サイト 30 Green Websites 青色配色系のお手本30サイト 30 Blue Websites 赤色配色系のお手本30サイト 30 Red W
これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
