IDEA ATOZ

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

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

4

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

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

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

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

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

溶け込み過ぎ!指定した画像でうまく顔写真を合成してくれるサービス「Photo505」

「Photo505」は、指定した画像にエフェクトを追加して合成写真を生成してくれるサイトです。顔認識をして、しっかり溶け込むような画像を作成してくれます。

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

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

最大100件までOK!Twitterの片思いフォローを一括リムーブしてくれるサービス「Remove Lips」

「リムーブリップス」は、Twitterの片思い状態のユーザーを一括リムーブしてくれるサービスです。自分は相手をフォローしているが、相手は自分をフォローしてくれてない状況のときにまとめて相手をアンフォローすることができます。相手が自分をフォローしているのか、いちいち確認するのは結構大変な作業です。そんなときはボタン一つで一括でリムーブできる「リムーブリップス」を使ってみましょう。

キーボードで入力した文字がドラムパターンになるWebサービス「typedrummer」

「typedrummer」は、キーボードでタイプしたアルファベットがドラムパターン音として自動演奏してくれるサービス。入力したそれぞれの文字は様々なドラム音に対応して音を奏でてくれる。

これは便利!自分のパソコンの利用環境を教えてくれるサイト「ご利用環境チェックツール」

「ご利用環境チェックツール」は、自身のパソコン利用環境をチェックできるサイトです。ぱぱっとスペック等を知りたい時なんかにアクセスするだけで調べることができるので便利です。

簡単にSVGベースのシームレスなパターン画像を生成してくれるWebサービス「Plain Pattern」

「Plain Pattern」は、SVGベースのシームレスなパターン画像を簡単に生成してくれるWebサービスです。ブラウザ上でプレビュー確認しながらサッサと編集ができます。サイト制作やPhotoShopで継ぎ目のない素材を使いたいときに便利です。

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

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

Message

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