ポリゴン風イラストを自動で作成できるアプリまとめと、その可能性 - 聴く耳を持たない(片方しか)
ちょうど一年ほど前の2013年5月にこの記事が話題になりました。 静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス ポリゴン風というのはまるでセガサターンや初代プレイステーションのころのような、ポリゴンの少ないカクカクとした図形で構成されたところから名付けられたものなのでしょう。 ただ実際にはこの系統は、三角形を組み合わせて平面的に構成させたものが多く……つまりこれは3DCGのような立体的な面の分割というよりは、原理的にはドロネー図（Delaunay triangulation）なのですが……、ま、分かりやすいので以後ここでもポリゴン風とします*1。 こうしたイラストを制作するのにはもちろん画像編集ソフトを使い、一つ一つ図形を配置していく手もありますし、実際に3DCGソフトでローポリゴンを作るのもありでしょう。 でも、できるなら楽に作りたいですよね？ 上記の
CSS見出し-ジェネレーター | WEB道
あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px
シンプルで美しいウェブサイトをたった数分で作成できるサービス「Strikingly」 | ライフハッカー・ジャパン
単純明快なウェブサイトを作成したいなら、そのプロセスをシンプルにしてくれる「Strikingly」がオススメです。サイトのベースを選択し、画像とテキストを入力すればすぐにウェブページの完成です。ほんの少しの情報でもサイトを作成することはできますが、筆者はStrikinglyを使ってポートフォリオ全体をアップしようと試みたそう。画像や絵の追加、動画などのアップには何の問題もありませんでした。ただ音声だけのファイルには対応していないようです。作ってみたところ、このような感じのポートフォリオサイトが完成しました。 Strikinglyへのアップロードはパソコンからだけでなく、インターネット経由でのアップもできます。動画の追加はURLをペースト、画像の追加はドロップゾーンへドラッグすることによって可能です。写真には数十種類のフィルターもかけられます。 Strikinglyは機能的に限界がありますが
レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」 - かちびと.net
gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak
[Generator] CSSmatic - CSS3の各種プロパティ指定に特化したジェネレーターセット
[Generator] CSSmatic – CSS3の各種プロパティ指定に特化したジェネレーターセット Pocket Tweet CSS3のグラデーション、角丸、ノイズテクスチャ、ボックスシャドウの各種指定に特化したジェネレーターセット。つまりそれぞれの指定ごとに異なる専用ツールがあって、それらをまとめたサイトという事になりますかね。分かりづらいですね。まぁCSS3のオンラインツールをまとめた感じのものです。ツールが各プロパティごとに分かれているので、それほど多機能でごちゃっとした感じにもならず、シンプルにコード生成ができます。この中じゃノイズテクスチャツールが地味に便利かなと。 CSSmatic
面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator
ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。
読込中のあのローディング画像を簡単に作成できるサービス「Loader Generator」 | ライフハッカー・ジャパン
忙しい朝もサクッと寝癖直し完了! コードレスでどこでも使えるブラシ型ヘアアイロン「Hair Master」を使ってみた
Create a Responsive and Multilingual Website in 5 min with Edicy
2014年7月23日 便利ツール 以前、元お隣さんが「非WEB屋でもサイトが作れる驚異的サービス／『サイトを作る』という敷居がどんどん低くなっていると実感する物色々」という記事でWeb制作の知識がなくても簡単にWebサイトを作れるサービスを紹介してくれていました。HTMLやデザインの知識がなくても、テーマを選んでコンテンツを入力すればサイトが作れるサービスがどんどん増えていますね。今回は同様のサービスですが、より多機能な「Edicy」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Edicyの特徴 動画を見てもわかる通り、Edicyは簡単にブラウザー上でWebサイトが作れるサービスです。 とにかく試してみましょう！ホームの「Try for Free」ボタンからアカウントを作成します。「.edicy.co」のドメインが取得できます。
スクリプト初心者でも簡単にパララックスのエフェクトを作成できるオンラインサービス -Parallax Background Builder
複数のエレメントを異なるスピードで動かすことで奥行きの錯覚を生み出すパララックスを簡単に、そして確認しながら作成できるオンラインサービスを紹介します。 JavaScriptやCSSの初心者でも簡単にできると思います。 Parallax Background Builder Parallax Background Builderの使い方をざっくりと説明します。 Step 1: 適用範囲の選択 まずは、パララックスの適用範囲を選択します。 左がページ全体、右がdiv要素のみ、です。カーソルを動かすとパララックスの動作が分かります。
面倒なCSS3グラデーションのスタイルシートをグラデーションの画像から簡単に生成するツール -GradienFinder
Photoshopなどの使い慣れたソフトウェアで作成したグラデーション画像から、CSS3グラデーションのスタイルシートを生成するオンラインツールを紹介します。 GradienFinder ドロップすると、すぐにグラデーション画像が反映され、スタイルシートが生成されます。 CSS: 生成されたスタイルシート background: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,rgb(128, 128, 128) 100%); background: -o-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,r
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム（回転／拡大縮小／移動）やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連：[CSS]GoodDesign賞にノミネートされて落選するこ
YouTube人気急上昇
【2018年群馬】「庭の木？切るの手伝うよ」→丸ノコで足を切断し大量出血 彼はなぜノコギリではなく「丸ノコ」を？ 気軽に買える工具の危険 【ゆっくり解説】
WEB制作に役立つジェネレーターの数々！ツールまとめサイト含め最近のお勧めを一挙ご紹介！ | バンクーバーのうぇぶ屋
皆さんはWEB制作の過程で何かジェネレーターの類とか使ってますか？使う派使わない派と別れるところかもしれませんが、僕はかなりヘビーに使う派。それも一個のジェネレーターに留まったことはほぼ無く、毎月、下手すりゃ毎週のように新しいジェネレーター試しては便利そうなら周りと共有してといったことを繰り返してきました。 飽きっぽいと言えば飽きっぽい、他にももっと良いのあるんじゃないかとあっちへ行き、もっと良いのあるよと言われればそっちへ行き、こっちの方がおいしいよと言われればホイホイ試してみる・・・・・なんか駄目な人間みたいですが気にしない方向で行きます！ というわけで、僕が最近使ってみたり、教えてもらったりしたジェネレーター関連。ボチボチごちゃついて来たのと、このブログでまだ紹介してない物も色々あったし、2012年5月現在使っているジェネレーターの類を一度振り返りながらまとめてみようと思います！ 良
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見出しデザインに迷ったら！吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。
オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」 - かちびと.net
4つのCSSツールを1つのサイトに集約した・「CSSmatic」 - かちびと.net
CSS3を使わなくてもつい使いたくなる、楽しくて実用的なオンラインジェネレーター -Useless CSS3 Generator
cmmntr.com
cmmntr.com
sekailog.com
