タグ

ブックマーク / design-develop.net (3)

  • HTML5でコーディングするときに役立つ10のオンラインツール

    最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 HTML5 Demos and Examples HTML5の独自機能のDemoを試せるサイトIE、firefox、opera、safari、Chromeとそれぞれのブラウザの対応状況をチェックできます。 HTML5 Canvas Cheat Sheet – Nih

    HTML5でコーディングするときに役立つ10のオンラインツール
  • jQueryベースのWebフォームライブラリ「jFormer」

    WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta

    jQueryベースのWebフォームライブラリ「jFormer」
  • 黄金比でWEBデザイン「Golden Ratio Calculator」

    黄金比とはもっとも安定し、美しい比率とされるもので、様々なデザインに用いられていたりしますが、今日紹介する「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。 使い方は非常に簡単で、制作したいWEBサイトのワイドの値を入力するだけで、黄金比に沿った比率でカラムの割合を示してくれるというものになっています。 詳しくは以下 解析はWEB全体のサイズを入力して求める「START WITH A CONTAINER」とカラム一つに対してのサイズからもう一方のサイズを求める「STARTWITHACOLUMN」が用意されています。使い勝手が良い方で試してみてください。 黄金比を定めた後の視覚的なデザインは自分次第なのですが、こうした裏付けがあるとなんだかできあがってきたものもよく見えたりするのでしょうか?今度実際に黄金比の比率でデザインしてみたい

    黄金比でWEBデザイン「Golden Ratio Calculator」
  • 1