便利なCSS3ツール6つ＋α:phpspot開発日誌
Six Useful CSS3 Tools | Tools 便利な６つのCSS3ツールがまとまったエントリを＋αでご紹介。 まだ覚えていないプロパティなんかもWYSIWYGやジェネレート等で簡単に理解＆覚えることが可能です。 CSS3 Button Maker CSS3なボタンメーカー。角丸やシャドウの指定が可能 CSS3 Generator CSS3を使ったスタイル効果をブラウザ上で簡単ジェネレート CSS3 Please! クロスブラウザ向けのradiusやshadow等を一括生成 CSS3 Gradient Generator CSS3のグラデーション生成ツール CSS3 Transforms WYSIWYGでCSS3のtransformプロパティを生成可能 CSS3 Selectors Test ブラウザのCSS3対応状況が分かるツール CSS3 Click Chart by Im
おしゃれなプロフィールアイコンを簡単に作れるWebツール | nanapi[ナナピ]
おしゃれなプロフィールアイコンを簡単に作れるWebツールに関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。最近は、ブログやmixi、Twitterなどで情報発信をしている人も多いと思います。 そんなとき、まず悩んでしまうのが、自分のプロフィール画像。 写真は載せたくないけれど、似顔絵やイラストなんてうまく描けないし…。 そんなときに、簡単にWeb上でプロフィール画像を作成できるツールをいくつか紹介します。 パーツを選んでリアルな似顔絵を作成するサイト 髪型や輪郭、顔のパーツなどを組み合わせて似顔絵を作成します。 かなり細かく選ぶことができるので、本当にそっくりな似顔絵が作れちゃうかも！？ アクセサリなどの遊び心も満載です。 似顔絵イラストメーカー ゲーマーさんにお勧め？な似顔絵作成サイト 某ゲームのような似顔絵を作成できます。
画像を自動でテキストデータ化してくれる「文字絵エディター」が面白い - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 今回はちょっと面白い画像加工のフリーソフトを見つけたのでご紹介しますよ。 加工といってもphotoshopみたいなややこしいソフトではなくて、 指定した画像をすべてテキストデータに変換くれるソフトです。 誤解を恐れず言うなら、「画像を自動でAA（アスキーアート）化してくれる」ということでしょうか。 名前は「文字絵エディター」。 公式サイトのページ中頃からダウンロードしたらダブルクリックで解凍し、出来たフォルダの中にある「mozie30.exe」というファイルを立ち上げます。 するとこんな画面が。 使い方はものすごく簡単ですが軽く説明しておきます。 まず「画像を開く」から任意の画像を選択します。 今回はアムステルダム空港で撮影してきたこちらの画像を使ってみます。 オランダ版ドナルドさんです。大変迫力のあるお顔をされてい
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個 - かちびと.net
個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというのを一緒に使うの
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
CSS3の角丸+グラデーションを簡単に作成できるジェネレータ「CSS Corners」*二十歳街道まっしぐら（FC2ブログ時代）
「CSS Corners」は角丸ボタンを作成できるジェネレータです。 CSS3でコードをはいてくれますよ。 角丸の大きさやグラデーション、ボタン全体の大きさが設定できます。 簡単に角丸ボタンが作成でき、さらにCSS3でコードを出してくれるところが便利ですね。 以下に使ってみた様子を載せておきます。 まず「CSS Corners」にアクセスします。 サイト全体はこんな感じ。 真ん中にボタンのプレビューがあります。設定を変更する度に更新されます。 下の灰色部分にCSS3のコードがはきだされますよ。 角丸ボタンを作ってみました。 こんな感じ。 プレビューがとっても便利で、細かい調整などにもってこいです。 CSS3で角丸が表現できるようになって、画像を作成しなくてもよくなりましたね～。 今後いろんな場面で使えそうなのでチェックしておきたいです。 （本記事で紹介したサイト：CSS Corners）
CSS3グラデーションと角丸を使ったボタンを簡単に作成できるジェネレーター
<textarea name="code" class="css" cols="60" rows="5"> element { -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; padding: 20px; background: -moz-linear-gradient(center top, #999999 23%,#ffffff 93%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.23, #999999),color-stop(0.93, #ffffff)); } </textarea>
ロゴ作成系のジェネレータツールまとめ | 日刊ウェブログ式
初心者からプロまで幅広く利用できる、サクッとロゴ作成の時間と手間を短縮してくれるジェネレータをまとめました。 オリジナルロゴ作成 Web 2.0 Free Logo Generator WEB2.0風なロゴ Link LogoCreator WEB2.0やリフレクションなど5タイプ使える Link フリーフォントで簡単ロゴ作成 日本語フリーフォントでロゴ作成 Link Supalogo グラデーション色の設定をして文字を書いたら出来上がりの簡素なもの。 Link Logo Design Engine リンクウェアですが、300種以上のロゴイメージあり Link Xara3D 6タイプの3Dロゴ作成ジェネレータ Link GRSites Text Logo Maker 2D,3D,アニメのロゴが作れます。 Link COOLTEXT いろいろなエフェクト集 Link 3Dテキスト.in ３Ｄ
レイアウトの小技 Ver2.0 電脳狂想曲 WEBデザインの小技
推奨ブラウザ：Firefox2.0, Internet Explorer 5.5以降 注意：比率の計算上、割り切れないので誤差が発生します。
不貞の証明を得て離婚を決意しました
不貞の証明を得て離婚を決意する 男性と女性とでは脳の使い方が異なると聞いたことがあります。それぞれの脳をうまく使えば、より効率的に生活していけるのかもしれません。動物の中には、夫婦で生活するものもあれば、繁殖行為のみで夫婦で生活しないものもいます。人間については、古くから夫婦で生活するようになっています。お互いの得意分野を活かしながら生活するようになっているのだと思います。世界においては、夫婦の関係についてはいくつかあります。一夫一妻制のところもあれば、一夫多妻制、一妻多夫制のところもあります。日本においては、一夫一妻制が長らく取られていますから、結婚をしたのであれば他の異性とお付き合いしたりすることはできません。そのような関係も持てません。 結婚の誓においてもそのようなことを行うのですが、夫が仕事をしている場合、どうしても仕事場に女性などがいます。そうするとお付き合いをするような関係にな
Pictaculous - A Color Palette Generator (courtesy of MailChimp)
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Select Art - 選択反転すると画像が出てくるジェネレータ
Select Art はメンテナンスモードに移行しました。過去の作品の参照は出来ますが、今後の新しい作品の追加は出来ません。 申し訳ありませんが、ご理解いただきますようお願いいたします。
Adobe CS5風のアイコンがとっても簡単に作られるアイコンジェネレータ*二十歳街道まっしぐら（FC2ブログ時代）
「CS5風アイコンジェネレータ」では、Adobe CS5風のアイコンが簡単に作れます。 こんな感じのアイコンが作れるということです。 文字を入力、色を決めるだけで！あとは自動的に作ってくれます。 その場でダウンロードおよびTwitterアイコンに設定ができますよ！ 開発者の方の記事はこちら： お手軽にCS5風のアイコンが作れるIcon Generatorをリリースしました Icon Generatorができるまで～制作レポート～ CS5およびCS4、Web2.0アイコンが作れます。 CS3は過去記事で紹介しています： 綺麗なアイコンがサクっと作れちゃうツール「Icon Generator」 以下に使ってみた様子を載せておきます。 まず、「CS5風アイコンジェネレータ」にアクセスします。 するとこんな感じでジェネレータが表示されます。 好みの文字を入力し、色を指定します。 「アイコンを保存す
2010年3月第4週号 1位は、マークアップ効率化 - zen-codingでコーディングを倍速に、気になるネタは、ネットでラジオが聴ける「radiko」がスタート | gihyo.jp
週刊Webテク通信 2010年3月第4週号1位は、マークアップ効率化 - zen-codingでコーディングを倍速に、気になるネタは、ネットでラジオが聴ける「radiko」がスタート ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年3月15日～2010年3月21日の間に見つけた記事のベスト5です。 1. マークアップ効率化 - zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog)http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/ 最近話題となっているzen-codingの入門記事です。 zen-codingは、HTMLとCSSを高速にコーディングするためのエディタ用プラグインです。昔からあ
スタイリッシュなフォームをオンライン上で作れる「Faary」
サイトを作る際に、できれば見た目もスタイリッシュであってほしいのがお問い合わせフォーム。しかし、そのデザインを０から作るのは、なんだかんだ時間がかかってしまいますよね。 そこで今回は、カンタンにスタイリッシュなフォームを作れるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! スタイリッシュなフォームを作れる「Faary」 「FAARY」は、オンライン上でCSSによってデザインされたフォームを簡単に作れるサービス。 フォームの項目を入力すると、フォームデザインのプレビューが表示され、HTMLやCSSファイル一式をダウンロードして使うことができます。 質問の項目を入力してボタンを押すだけ ↑FAARYのページを開き、質問項目を入力するだけでフォームを作れます。 入力欄の下にある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
favikon · Generate favicons with ease
類似色をジェネレート出来て便利な「Color reminder」:phpspot開発日誌
https://grafikk.co.uk/blog/archives/122
Button Maker