これは使ってみるべき!CSSを楽しむジェネレーター「EnjoyCSS」

カテゴリー:Services    |    タグ:

これは使ってみるべき!CSSを楽しむジェネレーター「EnjoyCSS」

もうすぐクリスマスですね!
ということで、このブログのヘッダーにクリスマスっぽいものを置いてみました。実はこれ、画像ではなくてCSSで作られています。

「EnjoyCSS」ジェネレーター

1から自分で作成していくことも出来ますし、Galleryをみて気に入った物を加工したりしていくことも出来ます。

「EnjoyCSS」ジェネレーターの使い方

使い方といってもジェネレーターなので、自身で好きなように加工していくだけです。

作りたいもの(要素)からと作成したい装飾形態のどちらかを選択して作り始めます。
以下は、作成できる装飾の種類

  • Text
  • Background
  • Shadows
  • Border and Radius
  • Transition
  • Tranceform

このジェネレーター指定できる項目がかなり豊富です。
ただ、指定項目が多いので、CSS初心者の方は難しいかもと思いましたが、知らなくても数値を変更すればいいだけになっていたりするので、見ながら触りながらできるので大丈夫かと思います。

どこをどうしたらどうなるの?って方は、Galleryから選択して加工していけばOK!

ggallery

1. 選択する

今回は、テキストからAdobe Fontsを選択してつくってみます。

ggallery-1

ぽちっと押すと、以下の画面にいきます。

ggallery-2

少し見づらいですが、いちばん右のところがフォントを選択するところで、いちばん左がプレビュー画面です。
まずは、フォントを選択します。
※ フォントは後からでも変更できます。

2. 加工する

次に、テキストの内容を変更していきます。
左下にある【 Settting 】を押下します。

ggallery-3

設定できるところがたくさんあるので、とりあえす片っ端しから押してみるといいとおもう

3. コードを取得する

出来上がったら、右上の【 Get the Code 】からコードを取得します。

ggallery-4

コード取得画面

ggallery-5

対応ブラウザもいろいろ選択できるようになっていて、例えばAndoroid 2+ からじゃなくていいや!って時は、Andoroidのところを4+にしたりとかなり細かく設定できます。

CSSだけじゃなくて、LESSやSCSSにも対応しているのもいいところ!

あとは、コピペでOK!

おまけ:Chromeをお使いなら!

左下の【 ADD to Chrome 】をクリックすると、拡張機能かアプリとしてこのジェネレーターを利用することが出来ます。

ggallery-6

さいごに

こういったジェネレーターって、ひとつの要素だけを取り上げていることが多いのですが、これは、すべてのものが一度に設定できたりと、すこし今までのもの(わたしが知らないだけかもですが。。)とは違っていてよくよく出来ているなぁと思います。

是非ぜひお試しアレ!

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2014/12/07    Written by:
カテゴリー:Services,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

MangaStoreJapan

毎日新着のオリジナルコミックが読めるWebコミックサービス「comico」 漫画はやっぱりやめられない!

もうそろそろ漫画というものよりもきちんとした?書籍を多く読んでいくべきなんだろうなぁとぼんやりと思っ

記事を読む

OZPA_kokoronouchideiine

Twitterのデザインをカスタマイズできるサイト「themeleon」

Twitterのデザインが変更されています。(2014/04/10)この情報は旧デザインでの設定にな

記事を読む

background

覚えておきたい!! 継ぎ目のない無料の背景画像とジェネレーター

簡単に背景画像が作れるジェネレーターや無料配布サイトの紹介です。使い方などの説明はなくても大丈夫なも

記事を読む

sharehtml

ShareHtmlをカスタマイズする

お友達のブログデザイン変更を頼まれたので、いろいろいじっていたの時、このShareHtmlを教えてあ

記事を読む

迷う

方向音痴な人はこれをみて予習すれば道に迷う回数が減るかもしれない「Google Maps Streetview Player」

毎回、知らないよくわからないところへ行く時はGoogleMapで見てルートを確認してふんわり予習して

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2017年10月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
電子書籍ストア BookLive!
PAGE TOP ↑