タグ

cssとgeneratorに関するhiro360のブックマーク (5)

  • かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら(FC2ブログ時代)

    「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい! 簡単すぎ! 画像およびHTMLCSS)もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTMLCSS)を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT

  • HTMLからCSSのベースを作ってくれるサービス – creamu

    テーブルなどをHTMLで組んだ後に、CSSコーディングを簡略化したい。 そんなときにおすすめなのが、『Primer』。HTMLからCSSのベースを作ってくれるサービスです。 HTMLをペーストして、「PRIME IT」ボタンを押すと、idやclass名からCSSのベースを作ってくれます。 プログラマが作った素のHTMLにスタイルを当てていくときなどに使えるかもですね。 インターフェースがシンプルで、アイコンがかわいかったりするので一度見てみてください。 Primer あけましておめでとうございます。今年もよろしくお願いいたします。 今年は初の東京での年明け。浅草に初詣に行ったりおせちべたりで楽しい感じです。 勢いでwiiとニュー・スーパーマリオブラザーズを買いました。めちゃおもろいです。

  • ホントに助かるフリーのcssジェネレーターいろいろ

    使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日語のテキストで作成できるcssメニュージェネレーターは当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、cssのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 cssもDL(コピペ)出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen

    ホントに助かるフリーのcssジェネレーターいろいろ
  • ウェブデザイン用超便利ツール集:phpspot開発日誌

    Web Design Toolbox: 130 New Tools to Make You a Better and Faster Designer ウェブデザイン用便利ツール集 ブロックレイアウトなんかをウェブ上から簡単に作れるツールなんかをまとめたエントリがあがってました。 YAML Builder - 複雑なカラムレイアウトもGUIで簡単作成 Sky CSS Tool - CSSオーサリングツール The Box Office - イメージにあわせて以下のようにテキストの位置を指定したページをジェネレート CSSTXT - CSSでのテキスト整形をプレビュー付で確認しながら生成できる izzyMenu.com - メニューを簡単作成 pForm  - フォームを簡単作成 Roxer  - ドラッグ&ドロップでページを簡単作成 Wirenode - モバイルサイト作成 doodleki

  • グラデーションや角丸を使用したエレメントを簡単に作成できるジェネレーター -Fresh Generator | コリス

    Fresh Generatorは、グラデーションや角丸を使用したエレメントを簡単に作成できるオンラインジェネレーターです。 Fresh Generator 作成できるエレメントはPNG形式で、表示されている画像を右クリックでダウンロードします。 作成画面では、「Box」ボックスのサイズ・色・不透明度・影、「Corners」角丸の有無・カーブの加減、「Border」ボーダーのサイズ・色・不透明度、「Text」入力するテキスト(日語不可)・フォント・サイズ・色をスライドバーで簡単に調整できます。 変更後は「Update」ボタンをクリックすると、即時に反映されます。

  • 1