タグ

2011年3月27日のブックマーク (9件)

  • 質問に答えるだけで1?3カラムのCSSレイアウトページ生成:phpspot開発日誌

    CSS Source Ordered 1-3 Columned Page Maker by ClevaTreva Designs - The Generator Form v2.90 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成。 次のようなフォーム内容をカスタマイズしていくだけで、1〜3カラムのCSSレイアウトを作成できます。 質問にデフォルトでこたえてもそれなりのページができあがります。 WYSIWYGではなく、原始的ともいえますが、操作は簡単なので使いやすいですね。 関連エントリ ビジュアルにドラッグ&ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」 12のフリーCSSテンプレート集

  • 使えるCSSレイアウトテンプレート集「mycelly.com」:phpspot開発日誌

    Nice and Free CSS Templates This site contains free css templates for your website - Just copy and paste and there you have a stunning website ! 使えるCSSレイアウトテンプレート集「mycelly.com」。 次のように、サムネイルから選んで好きなCSSテンプレートを12種類入手できます。 2カラム、3カラムレイアウトの他、センターボックスのレイアウトもあります。 センターボックスのレイアウトは他サイトではありそうでなかったりするのでこのサイトで参考にできそうですね。 関連エントリ ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 12のフリーC

  • ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」:phpspot開発日誌

    Drawter.com - DrawAble Markup Language ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。 次のように、グラフィックソフトを扱うように、範囲をドラッグ&ドロップで囲ってブロックが作れます。 好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。 ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。 凄く凝ったレイアウトを作る際になかなか使えそうです。 関連エントリ 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 ビジュアルにドラッグ&ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」

  • HOKYPOKY. | MULTICOL. jQuery Plugin

    MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日製のプラグインなので日語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしていたのです。

  • チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌

    チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占

  • 30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content

    Writen by Bogdan+ / Comments Off on 30 Superb Photoshop Web Layout Tutorials Designing layouts in Photoshop is easier than you think and if the website only needs some text and images, you can actually do all the website in Adobe Photoshop. If you need some inspiration or you want to learn something about web layouts, you should check out these superb tutorials. Some of them are new, some of them

  • デザインにアナログ感を演出できるグランジphotohopブラシ「1000 Grunge Photoshop Brushes (40 Sets)」

    TOP  >  Design , Photoshop  >  デザインにアナログ感を演出できるグランジphotohopブラシ「1000 Grunge Photoshop Brushes (40 Sets)」 デザインに雰囲気や味のある質感を出すことができるグランジ素材は、自分で素材として作成しようと思うとなかなか大変な作業になってしまうかと思います。そこで今回は、手軽にアナログ感を演出できるグランジphotohopブラシ「1000 Grunge Photoshop Brushes (40 Sets)」を紹介したいと思います。 (Floral Photoshop Brushes – Free Photoshop Brushes | Brush King) デザインがどこか寂しい、もっとデザインに厚みを出したい時などに活躍してくれるデザインブラシが多数収録されています。中でも特に気になったもの

    デザインにアナログ感を演出できるグランジphotohopブラシ「1000 Grunge Photoshop Brushes (40 Sets)」
  • テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT

    なかなかユニークだったのでメモ的に。 普通のテキストに等角投影法を使った ようなエフェクトを加えるjQueryプラグ インです。画像ではなく、テキストのみ でちょっとしたタイポグラフィも作れそう。 IE6でも7でも動作してくれますよ。 アイソメトリックとは建築でよく使われる投影法で奥行きを表現した図(ここの説明が分かりやすいです)に用いられます。一般的には「アイソメ」と略されますが、これをテキストに用いる事が出来る、というもの。 こんな感じで。普通にテキストなのでドラッグも可能です。大抵は画像で作らざるをえない表現ですが、テキストなら編集しやすいでしょうし、上手く使えばSEO的にも有利に働いてくれるかも知れませんね。 IE6でも問題無し IETesterを使ってのIE6。問題無しです。 使い方<script type="text/javascript" src="jquery.js"></

    テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT
  • プロレベルのWEBサイトレイアウト作成チュートリアル30:phpspot開発日誌

    30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80