IDEA ATOZ

管理人がみつけたWebサービスや役立つ情報をお届け

こりゃ便利!CSSをSass/Scssに変換してくれるサイト「css2sass」

1

141112_a

「css2sass」はCSSをSass/Scss形式に変換してくれるオンラインサービスです。変換したいCSSをフォームに入力してボタン1つで簡単に変換することができます。

141112_b

簡単相互変換

変換したいCSSソースコードをコピペなどしてボックスの中に入力します。

141112_c

SASS または SCSS どちらか変換したい方をクリック。

141112_d

あっという間にCSSをSASSに変換することができました。

141112_e

すぐに変換ができるので時間がないときになんかに便利。是非、活用してみてはいかが。

ウェブサービス

関連記事

これは便利!様々な効果を生成できるCSS3ジェネレータ「CSS3.0 Maker」

「CSS3.0 Maker」はCSS3のコードをリアルタイムで自動生成してくれるジェネレータです。各パラメータのスライダーを弄るだけで簡単にお好みの効果を適用することができます。プロパティが豊富で設定できるスタイルシートの項目が多いのが嬉しいところ。

自分のサイトがレスポンシブデザインに対応しているか調べられるサイト「Am I Responsive?」

「Am I Responsive?」は自分のサイトがレスポンシブデザインなのかを調べる事ができるサイトです。urlを入力するだけで簡単に各デバイスのディスプレイサイズに対応しているかを確認できます。

フラットデザインに合いそうなボタンを簡単に作成してくれるサイト「2.5dBUTTON」

「2.5dBUTTON」はフラットデザインにぴったりなボタンを簡単に作成してくれるサイトです。アイコンフォントやタッチデバイスに対応しており、スライダーを調整するだけでオリジナルボタンが完成しちゃいます。

フラットデザインに合うソーシャルアイコンを生成してくれるジェネレータ「Perfect Icons」

「Perfect Icons」は、フラットデザインに合うソーシャルボタンを作成してくれるサイトです。扱っているソーシャルメディア種類も豊富で細かいカスタマイズを行うことが出来ます。

Twitterアカウントの利用状況を細かくグラフで解析してくれるサイト「TweetStats」

「TweetStats」は指定したツイッターアカウントの利用状況を解析してくれるサイトです。つぶやいたツイート数を解析してを月別、日別、時間毎にグラフで統計を表示してくれます。自分のツートの傾向を把握したいときなんかに便利。

複数管理OK!ワンクリックで使い捨てメールアドレスを作成できるサイト「myTemp.email」

「myTemp.email」は、一時的に利用できるメールアドレスをワンクリックで簡単に作成できるサイトです。懸賞や会員登録にメアドがどうしても必要なとき、プライベートのメールアドレスを使用するのに少し躊躇する場合の時なんかに便利なサービスです。

プロフィールアイコンに最適!画像をレゴブロック風に変換してくれるサービス「Brick-A-Pic」

「Brick-A-Pic」はアップロードした画像を簡単にレゴブロック風の画像に変換してくれるサービスです。SNSアイコンにちょっとしたオリジナリティを出したいときなんかに使うと便利かも。

Twitterにそっくりなのロゴを作成してくれるジェネレータ「Twitlogo」

「Twitlogo」は、ツイッターにそっくりなロゴを生成してくれるウェブサービスです。作成したいテキストを入力するだけで簡単に作成することができます。

現在の自分のTwitterアイコンからGIFアニメを作成できる「GIFアニメアイコンじぇねれーた」

「GIFアニメアイコンじぇねれーた」は、現在自分が設定しているTWitterアイコンの画像からGIFアニメーションを生成してくれるサイトです。アカウント名を入力すれだけで簡単に動くGIFアニメが作成されます。

あらゆるフォーマットに対応!簡単にファイル形式を変換してくれる便利サイト「Convert Files」

「Convert Files」は、Web上でファイルの形式を変換をしてくれるウェブサイトです。ものすごい数のフォーマットに対応しておりササッとに変換をすることができます。仕事などの際、開くことができない形式のファイルを変換して開けるようにしたいってときなんかに便利です。

Message

メールアドレスが公開されることはありません。