ブックマーク / 20kaido.blog.jp (5)

  • 角丸・グラデーション・影を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」 : 二十歳街道まっしぐら

    CSS3 Generatorは角丸や影、グラデーションを表現するCSS3自動生成サービスです。 スライダーで色や角丸の大きさや透明度などを調整すれば完了。 CSS3のコードを自動生成してくれますよ。 以下に使ってみた様子を載せておきます。 まず「CSS3 Generator」にアクセスしましょう。 スライダーをいじってみましょう。すると右側にプレビューが表示されます。 プレビューで納得のいくものが完成しましたら、コードを生成しましょう。 あとは貼りつければ完了です。 CSS3で角丸やグラデーション、影を表現したいときにどうぞ!

    角丸・グラデーション・影を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」 : 二十歳街道まっしぐら
    s-cmps
    s-cmps 2011/12/26
  • あなたのウェブサイトをあらゆる観点から評価してくれるサービス「Jotttr」 : 二十歳街道まっしぐら

    Jotttrはあなたのウェブサイトをあらゆる観点から評価してくれるサービスです。 GoogleのページランクやAlexaRank、TwitterやFacebookでの言及数など。 ウェブサイトで使われている色も教えてくれますよ。 HTML,CSSのエラー数も知ることができるので、助かりますね。 以下に使ってみた様子を載せておきます。 まず「Jotttr」にアクセスしましょう。 解析したいサイトのURLを入力します。しばらくすると結果が表示されますよ。 ページランクやAlexaRankなどが表示されます。 スクリーンショットおよび使われている配色を一覧で出してくれます。 TwitterやFacebookなどソーシャルネットワーク上での言及数もわかります。 全体の評価をグラフで表現してくれます。 右下に100点満点でどれくらいか表示されますよ。 ブログをお持ちの方は一度試してみてください!

    あなたのウェブサイトをあらゆる観点から評価してくれるサービス「Jotttr」 : 二十歳街道まっしぐら
  • Facebookを利用した旅行計画提案サービス「gtrot」 : 二十歳街道まっしぐら

    gtrotはFacebookを利用した旅行計画提案サービスです。 Facebookのチェックイン機能を利用し、指定した地域周辺での人気スポットを提案してくれます。 実際にフレンドの誰が訪れたことがあるのかなどの情報もわかります。 fourquareからの情報も取得していますよ。 以下に使ってみた様子を載せておきます。 まず「gtrot」にアクセスしましょう。 Facebookアカウントでログインします。 いつからいつまで、どこに行くかを指定します。 すると、指定した地域でのおすすめスポットが表示されます。 詳細です。写真+クチコミがあるのでどんな場所か把握しやすいですね。 気に入ったら「Save this」。 旅行する際にどこに行こうかなぁと考えるときに是非ご活用下さい。

    Facebookを利用した旅行計画提案サービス「gtrot」 : 二十歳街道まっしぐら
  • アクセス解析付きのシンプルなプロフィールページを作成できるサービス「Clapps.me」 : 二十歳街道まっしぐら

    Clapps.meは自分のプロフィールページを作れるサービスです。 アイコン+自己紹介+リンクのシンプルな構成です。 背景画像がたくさん用意されていますよ。 リンクもステッカーを貼るような形になっていて面白みがあります。 試しに作ってみました:http://clapps.me/kamekiti 以下に使ってみた様子を載せておきます。 まず「Clapps.me」にアクセスしましょう。 まずアイコンや自己紹介を書きます。 上部にある各メニューより、背景画像などが変更できます。 人気のあるWebサービスのアイコンがそろっています。 プロフィールページにリンクを貼りたいときにこちらの機能を使いましょう。 こんな感じになりました。 リンクのところがなかなかいいなぁと感じました。 Facebookでコメントを残すこともできますね。 アクセス解析機能もついています。 プロフィールページを作りたいなーと思

    アクセス解析付きのシンプルなプロフィールページを作成できるサービス「Clapps.me」 : 二十歳街道まっしぐら
  • ドラッグ&ドロップでお好みのHTMLフォームを作成できるサイト「FormBakery」 : 二十歳街道まっしぐら

    FormBakeryはフォーム作成を支援してくれるサービスです。 お問い合わせ欄などに利用する「フォーム」がありますが、 ドラッグ&ドロップで必要な機能を並べるだけでHTMLコードを生成してくれます。 以下に使ってみた様子を載せておきます。 まず「FormBakery」にアクセスしましょう。 ログインなど不要で、アクセス後すぐに利用できますよ。 このように必要な機能をドラッグ&ドロップで配置し、 詳細を記入していきます。 実際のフォームがイメージできるのでわかりやすいですね。 あとは「Export」より、HTMLコードをコピーすれば完了。 お好きな場所にペーストしてフォームを利用しましょう。 HTMLコードを打ってフォームを作成するのが煩わしい方は是非ご活用下さい!

    ドラッグ&ドロップでお好みのHTMLフォームを作成できるサイト「FormBakery」 : 二十歳街道まっしぐら
  • 1