タグ

ジェネレータに関するricopinxのブックマーク (5)

  • ローディング作成☆

    Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's

    ローディング作成☆
  • Webデザインリリック

    「Highlighing Code Block」のプラグイン「Treeview」を導入したらコードブロックのテーマカラーが反映されない時の解決方法

    Webデザインリリック
  • もうCSS3の書き方につまづかない! CSS3ジェネレータのまとめ | SONICMOOV LAB

    はじめまして。新規事業部 コーディング担当のキテレツです。 キテレツというのは入社時に決めたあだ名ですが全く浸透してません‥ ありがちなネタではありますが、今回はCSS3のジェネレータをまとめて紹介したいと思います。 ジェネレータの一番の利点はブラウザ上で視覚的に確認できる事にあります。 プロパティ名を覚える事ももちろん重要ですが、時間が限られてる時や、アレ・・うまく動かない‥といった時に使えます。 今日は僕が使っているor使ったことのあるジェネレータを紹介していきます。 CSS3 Generator http://css3generator.com/ 色々なプロパティに対応しているジェネレータで数値を入力してカスタマイズできます。 CSS3 Generator – By Eric Hoffman & Peter Funk http://www.css3.me/ 角丸、ボックスシャドウ、グ

    もうCSS3の書き方につまづかない! CSS3ジェネレータのまとめ | SONICMOOV LAB
  • グラデーションに便利!国産CSS3ジェネレータ「Grad3」

    最近知ったグラデーションに特化したCSS3ジェネレータを紹介します。国産ということで何となく嬉しくなりました。 グラデーションの色は自由に追加できて直感的に操作できます。色を減らすのにちょっと悩みましたが、消したいポイントを左へドラッグすると消えます。 円形グラデーションも作ることができます。こちらも直感的な簡単操作です。 もちろんリアルタイムでプレビューされます。 深く考えなくてもサンプルがたくさんあるので、サンプルからいじっていくのもいいですね。 いい感じの実用的なサンプルが色ごとで分けられています。 通常は背景のグラデーション部分のみのコードが表示されていますが、「All」にすることですべてのコードが表示されます。 ベンダープレフィックスもブラウザごとで付けることができます。ただしベンダープレフィックスが付くのはbackgroundのみのようです。 テキストシャドウやボックスシャドウ

    グラデーションに便利!国産CSS3ジェネレータ「Grad3」
  • [Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った

    外で写真を撮ってきたりして、それを背景素材として使ったり出来るといいですよね。その写真、モノによってはシームレスに出来ますよ。 写真で撮ってきたテクスチャに使えそうな画像をワンクリックでシームレスな画像に作り変えられるアクションを作りました。自由に使って結構ですのでどんどん写真撮ってwebサイトの背景とかに使っちゃってください。例によって前置きいらない人はダウンロードへGO! シームレスパターンの基的な作り方 アクションファイルにしちゃってるのでそれをダウンロードすれば終わりですけど、作り方を知りたい人の為に一応書いておきます。 基的にはシームレスなパターンの作り方というのは斜め45°に回転させた正方形を敷き詰めていくということが重要です。

    [Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った
  • 1