タグ

generatorに関するsite159のブックマーク (276)

  • CSS3 PIE: CSS3 decorations for IE

    PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!

    site159
    site159 2010/07/14
    なんていうかpngライブラリで 裏切られてから こういうの信用していないんですが 最近は使えるのかなあ。。。。 使う気もないけど 人柱を社内でやりたいww
  • Tiny Fluid Grid - Build Fluid grid based websites

    Aptoide APK is the best alternative to Google Play Store, where you can download paid applications and games for free. There might be plenty of alternatives to the Play Store, but some of them come with threats or malware. If you install those apps on your … Here’s a step-by-step guide to Making NJ Surcharge and Traffic Ticket Payments Online. In this blog post, I will introduce you to a useful on

    Tiny Fluid Grid - Build Fluid grid based websites
    site159
    site159 2010/07/13
    グリッドジェネレータ かっこいい けど グリッドって あんまし使い道がない
  • FavIcon from Pics -- how to create a favicon.ico for your website

    "The brand and visual elements of your website matter. Studies showed that more than 40% say a website design is the number one factor for discerning the credibility of a company." - Jerry, Founder of Web Hosting Secret Revealed (WHSR).

    site159
    site159 2010/07/12
    「.gif、.jpg、.pngなどで作った画像をファビコン用.icoに変換してくれるサイト。アニメーション効果も付け加えられます。Twitterのアイコンと同じ画像をファビコンにする場合はTwitterのIDを入力するだけでOK。」
  • カラースキームを決めるのに役立つ、配色ジェネレータ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」

    カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
    site159
    site159 2010/07/08
    カラースキームから先へ行けない人です
  • http://blog.e-riverstyle.com/2010/07/color-reminder.html

    http://blog.e-riverstyle.com/2010/07/color-reminder.html
  • カスタムイージングを作成できるAIRアプリ「Easing Generator」 | ClockMaker Blog

    FlashのActionScriptトゥイーンエンジンに利用できるカスタムイージング(加減速)編集アプリを作りました。ActionScriptでトゥイーンを作成するとテンプレートと言える「イージング関数」は数種類しかないので似たような動きになりがちです。それを解決すべく作った、動かし方を自由に編集できるツールということです。ActionScript 3.0で主要なトゥイーンエンジン各種に対応しています。 インストール方法と主な使い方は以下から。 このアプリが役立つ場面 [上:Flash Professionalのような感覚で加減速を調整できる] このアプリは主に次のような場面で役に立つと思います。 標準搭載のイージングに自分の求めている動きがなかった 始点と終点で別々のイージングを適用したい 他の人と同じイージングを使うのが嫌だ 簡単な動きであれば標準のイージングでことが足りるのですが、F

  • Welcome - Csscorners

    Skip to content Csscorners Scroll to Top

    site159
    site159 2010/06/10
    なかなか良いジェネレータ
  • Ultimate List of HTML5 and CSS3 Tools | Admix Web

    HTML5 and CSS3 are really revolutionizing the worlds of web development and web design, because they are bringing so many new features to work with to the fields. I have been spending much of my time working with both HTML5 and CSS3 in order to learn more about the two, and have learned that you can do everything from animation to rounded corners to amazing effects and fonts to easy offline line c

  • css3のボタンを作成出来るCSS3 Button Makerが貴方の手元に・実装ファイルが無料で配布されています - かちびと.net

    CSS-TRICKSが公開している CSS3 Button Makerを構成し ているファイルが丸ごと配布 されています。ちょっと驚きで した。HTML+JSで作られてい たんですね・・ PHPSPOTさんの記事やはてブに上がっていたので存在は知っていましたが、無料で配布されてるとは思いませんでした。DLすればブラウザだけでCSS3のボタンを作成出来ますよ。 JavaScriptHTMLだけで作ってたんですね・・・まるっと配布されていますのでいつでも誰でも使用できますね。 ↑ これが使えるようになる。HTMLファイルを変更すれば日語にもなりますよ。 テキストだけ変えてみた。cssも修正しないと見にくいですけどこれは結構助かりますね。 コードみてこういったジェネレーターの作成法を学ぶのもいいかも。なんとも太っ腹なCSS-TRICKSの記事は以下。無料でDL出来ます。 CSS3 Butto

  • グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI

    ちと技術的なツールだが、メモ的にエントリー。 用途にもよるだろうが格子状のラインに沿って要素を配置したサイトを作りたいならグリッドベースのデザインが便利だ。 そう考えるとTiny Fluid Gridは知っておいてもいいだろう。 このサイトでは作りたいグリッドのサイズを指定するだけで必要なCSSファイルをダウンロードすることができる。 あとはこれをベースにサイトをデザインしていけばいいだけだ。 最近のサイト作りはスピード勝負のようなところもある。こうしたツールをうまく使いこなしたいですね。

    グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI
    site159
    site159 2010/05/31
    うーん・・・・・・・・
  • フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    フォントブログ
    site159
    site159 2010/05/27
    フォント変換サービス
  • font dragr | A HTML5 web app for testing custom fonts | The CSS Ninja

    VomZom 15kb Quickly test those new fonts Drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module and it will be added to the list. The last font dropped will change the font-family of this text and the above title. At the moment this functionality of dragging and dropping files from the desktop to the brows

    site159
    site159 2010/05/25
    ウェブフォント 不可逆だったらいいのになあ 面倒だなあ
  • css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox

    話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 直感でグラデーションやドロップシャドウを作成、リアルタイムでプロパティが変わってくれるのでいい勉強になりそうです。CSS3 Sandboxの4つのジェネレーターをご紹介します。 Linear Gradients グラデーションを作成出来ます。左上でWebkit(SafariやChrome)かFirefoxを選択、その下でプロパティを決めます。実装画面下部に実際のプロパティが表示されるのでどのような数値でどう変化するか、というのが分かると思います。 Text Sha

    css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox
  • CSS3 Gradient Generator

    The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t

    site159
    site159 2010/05/14
    グラデのジェネレータ
  • 美容整形美容外科の高難度手術/仙台中央クリニック

    広告を制限しています 広告はクリニックの認知度を高めると共に、イメージを大幅にアップさせます。しかし広告費の増大は、手術料金の高騰につながります。仙台中央クリニックは、テレビや雑誌での広告は一切行っていません。その為、クリニックの認知度は低く、初めて来院される場合、怪しいクリニックと思い、恐る恐る来院される方もいらっしゃいます。当は他のクリニックで治療を希望していたものの料金が高く、予算オーバーになり、仕方なく仙台中央クリニックを受診される方もいらっしゃいます。仙台中央クリニックでは、出来るだけ低料金で治療を提供するという方針のもと、イメージアップを捨てて、広告を大幅に制限しています。 友達紹介を中心に集客を行っています 仙台中央クリニックは広告を制限しているため、友達紹介での御来院される割合が多いことが特徴です。多くの方が、当院で美容整形を受けた友人の紹介で御来院されます。仙台中央クリ

  • お手軽にCS5風のアイコンが作れるIcon Generatorをリリースしました | ClockMaker Blog

    新しいサイトを作ったので報告を。 Adobe Creative Suite 5 風のカッコいいアイコンが簡単に作れる「アイコン・ジェネレーター」です。 全世界で6万ダウンロード(※Adobe Marketplace)となったAIRアプリの「Icon Generator」をアップデートをするにあたり、もっとお手軽に利用できるようにウェブサービスとして展開しました。 ブラウザから操作して、16〜512までの6種類のサイズを一括で保存できる他、Twitterのプロフィールアイコンに設定することもできます。 デザイン デザインはAdobe CS5風のアイコンや旧来のCS4のアイコン、そしてWeb2.0風のスターバッジのデザインから選択することができます。 Adobe CS5風のアイコン 透過PNG画像を使って、イラストをアイコンに貼り付けることもできます。 写真を使っても、それっぽい立体的なアイコ

  • CSS3 Code Generator

    Help Pseudoをチェックにすると対応する擬似クラスのソースが生成されます。擬似クラスは対応するアクションを行わないと表示されないです。(hoverならマウスオーバー) プロパティの編集は、編集したい擬似クラスをチェックにすることで全てに反映されます。 ホールドにしておくとその擬似クラスは編集されません。右クリックすると削除されます。 グラデーションはFirefoxとWebkitブラウザで同じ見た目になるよう調節してあります。 IEはFilterのDXImageTransform.Microsoft.gradientを使用します。Stopは無視されます。 Linear GradientやText-Shadow等にあるAddを押すと、ポイントを増やすことが出来ます。削除する場合はラインの端にある[x]を押してください。 Settingのプロパティセットはドラッグ&ドロップで並び替えがで

  • グリッドをPNGで吐き出してくれるシンプルなジェネレーター・Design By Grid

    グリッドレイアウトのWebデザインを 作りたい時に役立つジェネレーター は沢山ありますが、高機能ではなく、 シンプルなものがお好みの方には お勧めのツール・Design By Grid のご紹介。 グリッドレイアウトのWebデザインを 作りたい時に役立つジェネレーター は沢山ありますが、高機能ではなく、 シンプルなものがお好みの方には お勧めのツール・Design By Grid のご紹介。 設定項目はたったの3つです。シンプルで個人的には好み。 いろいろなグリッドレイアウト系ツールがありますが、これは凄くシンプルなのでサクッと作りたい方にはお勧めです。 使い方 使い方は簡単です。上図が設定項目。Column Widthはカラムの幅、Gutter Widthはカラム間の幅、Number Unitsはカラムの数で、設定後は下部に全体の幅数(上の画像なら956px)が算出されますので問題なけれ

    グリッドをPNGで吐き出してくれるシンプルなジェネレーター・Design By Grid
    site159
    site159 2010/05/04
    デザインの下地に便利
  • 文字列URLエスケープ

    以下にURLエスケープしたい文字列を記入し、〔Shift_JIS変換〕または〔UTF-8変換〕ボタンを押してください。 英数字以外は、全てURLエスケープされます。

    site159
    site159 2010/04/14
    文字列エスケープジェネレータ
  • 0to255

    Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

    site159
    site159 2010/04/13
    おもしろいカラージェネレータ