IDEA ATOZ

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

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

5

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を入力するだけで簡単に各デバイスのディスプレイサイズに対応しているかを確認できます。

画像から背景を自動認識して透過処理を行ってくれるWebサービス「Background Burner」

「Background Burner」は、画像の背景を自動で認識して透過処理を行ってくれるサイトです。どこの部分が背景なのか、どの部分がメインの物体なのか指定しなくても場所を自動で識別し処理を行ってくれます。Photoshopなのどツールを使えば精度の方はもちろんですが、「Background Burner」は、Web上で透過をすべて完結することができます。お気軽に透過処理を行いたいってときに重宝するサービスです。

他人のTwitterのつぶやきを古い順に表示してくれるサービス「Frikaetter」

「Frikaetter」は、自分や他人の過去のツイートを古い順で表示してくれるサイトです。ユーザー名を入力するだけで過去のつぶやきを簡単に閲覧することができます。昔に投稿したツイートを探したいけれど、だいぶ昔に投稿したもので自力で見つけるのはなかなか大変ってときに便利なサービスです。

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

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

世界中のあるゆる都市の3Dサウンドを体感できるサイト「Sound City Project」

「Sound City Project」は、世界の都市の街の音をその場にいるかのように体感できるサイトだ。3Dプリンターで製作された特殊マイクを使用することで臨場感溢れる音をレコーディングしているとのこと。360度から生じる音をリアルに聞くためにはヘッドホンを装着したほうが良いだろう。作業用BGMとして聴くのもよし、旅気分を味わうもよいだろう。

顔を自動検出してモザイクを掛けてくれるWebサービス「Privacy Image Editor」

「Privacy Image Editor」は、指定した画像に自動でモザイクを掛けてくれるWebサービスです。ブラウザ上で画像をアップすることで手軽にモザイク処理を行うことができます。自動で顔を認識してエフェクトを掛けてくれるのでちょっとした写真にモザイクを施したいときなかに便利です。

最大3200件までOK!他人の過去のツイートを一括で調べられるTwitter検索サイト「TwimeMachine」

「TwimeMachine」は、他人のツイートの過去ログを一括で見ることができるサイトです。最大3200件まで過去のつぶやきを調べることが可能です。検索機能が付いているのが嬉しいポイントで、他のTwitter検索サービスに比べて多くのつぶやき一度に見ることができるのが特徴。ページを跨ぐことなく1ページで過去のツイートをまとめ表示をしてくれるので、ストレスなくツイートを検索することができます。

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

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

Message

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