タグ

webデザインに関するdarimaruのブックマーク (5)

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

    Webデザイナー、(X)HTMLCSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

    ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
  • コーポレートサイトに。軽量な日本製CMS·BaserCMS MOONGIFT

    BaserCMSはPHP製のオープンソース・ソフトウェア。CMSと言えば世界ではDrupal、日ではxopps cubeなどが有名だ。さらにWordPressやMovableTypeもCMSとして良く挙げられる。汎用的なCMSは様々なサイトに対応できる利点もあるが、逆に固定の形が決まっていないために無駄も多くなる。 デフォルトの表示も奇麗 目的が決まっているならば、それに特化したCMSを導入するというのも一つの手だろう。BaserCMSはコーポレートサイト構築にちょうど良い作りになっているCMSだ。とは言えプラグイン機能やフレームワークにCakePHPを採用したことによるカスタマイズ性も保持している。 BaserCMSが提供する主な機能はユーザ、ニュース、ページ、お問い合わせ、フィードといった情報を管理できるようになっている。訪問者向けの画面ではトップページにニュースリリースが表示され、

    コーポレートサイトに。軽量な日本製CMS·BaserCMS MOONGIFT
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • セマンティックで使いやすいフォームを制作するための習作

    ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップするポイントを紹介します。 セマンティック アクセシビリティ ファンクショナリティ デザイン 結論 セマンティック 1. fieldsetを使用 ユーザーが入力する多くのフィールドがある際、fieldset要素を使用して類似情報をまとめます。 <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp

    セマンティックで使いやすいフォームを制作するための習作
  • 1