タグ

WebDesignとgeneratorに関するslashnskのブックマーク (6)

  • CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

    最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。

    CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • ●●っぽいロゴが作れるジェネレータまとめ - まる : コピペハウス

    カテゴリ画像 ●●っぽいロゴが作れるジェネレータまとめ - まる ●●っぽいロゴのジェネレータっていうのが、 探してみたら思った以上にたくさんあったのでいくつか紹介してみます。 漫画・アニメ、企業、映画のロゴなどなどー ■漫画・アニメ ▼けいおん! けいおんサブタイトルジェネレーター http://kitchenstudio.biz/generator/kontape/ アニメけいおん!の各話タイトルで現れるあのカセットテープのジェネレータです。 崩したフォントなのに漢字も使えるみたいですよー ▼とある魔術の禁書目録・とある科学の超電磁砲 とある櫻花の画像生成(ジェネレーター) http://to-a.ru/ 人気アニメとある~の、あの見慣れた明朝体のロゴのジェネレータです。 魔術色(赤)、科学色(青)を選ぶことができ、縦横の向きも選べます。 投稿などもできるので面白いですよー ▼とらド

  • font checker(フォント・チェッカー)

    font checkerはブラウザでのフォントスタイルを簡単に確認するためのツールです。 複数のfont-family/font-sizeを同時に確認する事ができます。 (複数指定する場合は半角のカンマ「,」で区切って下さい) Windows標準フォント(和文)をセット MS UI Gothic,MS Pゴシック,MS ゴシック,MS P明朝,MS 明朝,HGゴシックE,HGPゴシックE,HGSゴシックE,HGゴシックM,HGPゴシックM,HGSゴシックM,HG丸ゴシックM-PRO,HG教科書体,HGP教科書体,HGS教科書体,HG行書体,HGP行書体,HGS行書体,HG正楷書体-PRO,HGP正楷書体-PRO,HGS正楷書体-PRO,HG明朝B,HGP明朝B,HGS明朝B,HG明朝E,HGP明朝E,HGS明朝E Mac標準フォント(和文)をセット ヒラギノ明朝 Pro W3,ヒラギノ明朝

  • CSS Optimizer (CSS最適化ツール)-CSS TIPS

    CSSファイルを圧縮、並び替えなどを行うためのツールです。CSS 入力にCSSコードもしくはCSSのURLを記入の上、必要に応じてオプションを選択して、『CSS最適化』ボタンをクリックしてください。画面下に最適化されたCSSコードをが表示されます。

  • Web2.0 - Logo Creatr

    Komponenten einrichten! Auf dieser Seite siehst du eine Übersicht aller zur Zeit verfügbaren Anwendungen, die du in deine Streams einbinden kannst. Hilfe zu den einzelnen Anwendungen und den Komponenten findest du in der umfangreichen Hilfe. Einfach auf den Button hier unten klicken. Hilfe zu den Anwendungen » Slides sind Präsentationen wie Powerpoint oder Impress die unterschiedlich konfiguriert

  • 1