IDEA ATOZ

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

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

9

141112_a

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

141112_b

簡単相互変換

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

141112_c

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

141112_d

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

141112_e

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

ウェブサービス

関連記事

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

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

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

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

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

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

簡単にJPG、PNG、GIF、SVG画像を圧縮してくれるサービス「Compressor.io」

「Compressor.io」は、無料でJPG・PNG・GIF・SVGの形式の画像を圧縮できるツールです。画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるのが特徴。

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

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

任意の画像を指定するとその画像の内容に合った絵文字を表示してくれるwebサービス「THE EMOJINI 3000」

「THE EMOJINI 3000」は、任意の画像を指定するとその画像に合わせた絵文字を表示してくれるWebサービスです。画像を選択すると自動で写っているものを捉えそれに関連する絵文字を提案してくれます。ハッシュタグや文章のワンポイントとして絵文字を使用する際に活用してみると便利かもしれません。

指定したキーワードからイメージに合った配色を自動生成してくれるサイト「Colores」

「Colores」は、指定したキーワードよりそのイメージにあった配色を教えてくれるサイトです。キーワードを入力するとそれに関する画像を取得してそこから色を抽出する仕組みになっています。日本語にも対応しており、手軽にキーワードに関する配色を調べることができます。

これは面白い!指定したURLを絵文字に変換してくれるサイト「linkmoji」

「linkmoji」は、指定したURLを絵文字のアドレスに変換してくれるサイトだ。生成したURLはカラフルで可愛らしい絵文字であるだけでなく実際に使用することができる。TwitterやFacebookなどSNSで使えば注目されること間違いなし。

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

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

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

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

Message

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