ドットインストール代表のライフハックブログ
ドットインストール代表のライフハックブログ
17日から下書き状態だったエントリー、、、沢山用意する予定だったけど色んな都合で増えない予感なんで公開。 ずいぶん昔にフッターの区切りっぽいサンプルを作ったけど、ヘッダーは作ってなかったので、ヘッダーのサンプルを作ってみましたよっと。 というか、ヘッダーのサンプルって見かけたことがほっとんど有りません。(必要とされてないから? ヘッダーって作るの大変というか、厄介だったりしませんかね。 全部画像ならがっちり固定しちゃえば、文字サイズ変更されても耐えられますけど、一部テキストがあったりした場合とかに文字サイズ変更するとレイアウト崩れてしまったりっていうアレが厄介だったりするのです。 文字サイズ変更しても崩れないようにする事を、DDTT対応っていうんでしたっけ。 今回のサンプルデザインは、一部弊社デザイナーにお願いしてつくってもらいました。 感謝感激でございまする。 デザイン提供してくれた方は
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
Dilectio: A Smashing Wordpress Theme | Design Showcase | Smashing Magazine 超クールなWordPressテーマ「Dilectio」が配布されています。 次のような、かなりカッコいいWordPressテーマがダウンロードできます。 実際のデモはこちら WordPressでのサイト開設時には是非とも導入したいと思わせられたデザインでした。 関連エントリ 4カラムのクールなWordPressテーマ集20+ 3カラムのクールなWordPressテーマ集30+ 超高品質WordPressのテーマ20個 10の超クールなWordpressテーマ集 WordPressのテーマをWEB上で作成「Wordpress Theme Generator」 WordPress テーマパーク
この度、2007年より多くのお客様にご利用いただきましたモバクシーにつきまして、誠に勝手ながら、2011年4月20日(水)をもちまして、全サービスの提供を終了させていただきました。 ご利用いただいたお客様には大変ご迷惑をおかけいたしますが、何卒ご理解賜りますようお願い申し上げます。 長きに渡るご愛顧を賜り、誠にありがとうございました。
最近のページやサイト作成に欠かすことのできない「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のレイアウトを作成する
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
前回は、Perlモジュールである「Web::Scraper」を使ったスクレイピングについて説明した。Webページ(HTML)は、「構造」と「デザイン」面で比較的分離が進んできたため、CSSセレクタによるスクレイピングが有効であることが分かったはずだ。 今回の最終回では、コンテンツの自動収集と統計手法について考えてみよう。 記事内で扱っていくのは、幾つかのコンテンツをたどって、「利用頻度の高い語句を集め、話題となっているキーワードを見つけよう」というものだ。 話題のキーワードを集める手法 近年ブログのポータル上などでは、話題となっているキーワードを「利用頻度に応じたフォントサイズ」で示し、クリックすると該当の記事一覧が表示されるという仕組みが実装されているものが多い。 オルタナティブ・ブログにも似たようなものとして「話題のキーワード」が見られる。キーワードをクリックすると、Googleによる
前回作った【e】パレットの後継に当たるもので、殆ど機能は変わらないという恐ろしく微妙なブックマークレットを作りました。 例にすると、紹介したいブログエントリを発見。 ただの紹介じゃ寂しいと思ったらこのBパレットを使います。 すると以下のようになります。 とりあえずはてぶ数を、リンクの右側に表示するようにして『タグ化』を選びます。 すると・・・。 こんな感じのタグが出てきますのでコピペーします。 そうすると、 Photoshopカスタム・シェイプいろいろ - DesignWalker ↑はてぶ数がついたリンクが完成>< ブックマーク数はリンクの回り、上、右、下、左の4種類から選べます。 2007年ウェブデザインの6つのトレンド | コリス CNET「読者ブログ」上でSEO業者が検索エンジンスパムな記事を何本も書いている件 ブックマークははてなブックマークと、livedoorClip、Buzz
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
Drawter.com - DrawAble Markup Language ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。 次のように、グラフィックソフトを扱うように、範囲をドラッグ&ドロップで囲ってブロックが作れます。 好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。 ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。 凄く凝ったレイアウトを作る際になかなか使えそうです。 関連エントリ 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 ビジュアルにドラッグ&ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」
The CSS Text Wrapper allows you to generate HTML and CSS to wrap text on your website into any shape.Examples Not Just Rectangles Anymore The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
『livedoor グルメ』と『本が好き!』の根岸です。今回は「SEOは単なる HTML の書き方テクニックではない」ということを中心に、極私的なSEO論をしていきたいと思います。 ■「検索上位にでない! なぜか!」「坊やだからさ」 あるキーワードの検索に対して、自分のウェブページが検索結果リストの上位に出るようにチューニングすることを「SEO=Search Engine Optimize」というのは、みなさんご存じかと思います。その基本テクニックとして、検索でヒットさせたいキーワードを titleタグや hタグや strongタグで囲うということをしている方も、多くいるのではないでしょうか? それゆえ、hタグだらけのページなんてのも、少なくありません。そんなことをしても効果はほとんどないはずなのですが。 逆に「うちは FLASH 中心のサイト(※)なのに、検索上位に出まくりなのはどういう
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
Free online web template generator プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」。 doTemplateでは、基本となるテンプレートが12種類用意されており、「CUSTOMIZE」をクリックすることで自由にテンプレートをカスタマイズすることが出来ます。 カスタマイズを押すと、次のようなパネルが表示され、背景、コンテナ、タイトル、バナー、ナビゲーションなどの部分の色や各種サイズについてのCSSをカスタマイズすることが出来ます。 DOWNLOADボタンを押せばそのままテンプレートをダウンロードすることも可能。 ZIP形式でダウンロードでき、HTMLとCSS、画像が含まれたアーカイブを入手できます。 カッコよくデザインされたサイトを手軽に作るには非常に便利なツールですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く