タグ

htmlに関するdo_it_myselfのブックマーク (5)

  • CSS3とjQueryでフォームを美しく装飾する方法

    2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト! フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける(モダンブラウザ) 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ?という人もひとつひとつ記述していけば意外と簡単に作れるはずです!リンクをクリックで各項目にジャンプします。 テキストボック

    CSS3とjQueryでフォームを美しく装飾する方法
  • iPhoneサイトを無料作成!Dreamweaver拡張機能が登場

    使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション(拡張機能)「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ

    iPhoneサイトを無料作成!Dreamweaver拡張機能が登場
  • 美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ~ 百式管理人のライフハックブログ

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

    美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ~ 百式管理人のライフハックブログ
  • 第32回 マクロで楽々HTML | WIRED VISION

    第32回 マクロで楽々HTML 2009年6月 8日 (これまでの増井俊之の「界面潮流」はこちら) Cのプログラムでは、定義された規則に従ってプログラム中の文字列を別の文字列に置き換えるマクロ機能を利用することができます。たとえばプログラム中で以下のような記述をしておくと、 #define SIZE 100 その後に出現するSIZEという文字列はすべて100という文字列に置き換えられるので、 char array[SIZE]; のような記述は char array[100]; と書いたのと同じことになります。 これは100バイトのメモリ領域を確保するための宣言文であり、この領域を利用するプログラムは100バイト以上のデータをこの領域にコピーしたりしないように注意しなければなりません。領域サイズは仕様変更などにより変更される可能性がありますから、サイズに依存する部分では以下の例のように「10

  • リンクとテキストをまとめてコピーしてくれる CoLT アドオン

    Top 10 Tools to Get Blogging Done | Lifehacker 同じような話題が続きますが、私はブログを書くのには Ecto よりも MarsEdit派です。WYSIWYG よりも、HTML が見える方が好きで、それでいて WYSIWYG エディタと同じショートカットでタグを入れられるのが好みなのです。 ただちょっと面倒なのが、ブログの記事の表題などのような「リンク付きのテキスト」をコピーしてくるときに、「まずテキストをコピーして、次に URL をコピーして…」と二度手間になってしまうところです。Wordpress のビジュアルモードのエディタだと(たしか TypePad も)スタイルとリンクもコピーできますが、h1 や h2 のタグをいちいち外すのも面倒です。 そんな、たいしたことないけれども難解も繰り返す作業を一度の右クリックで実現してくれる CoLT (

    リンクとテキストをまとめてコピーしてくれる CoLT アドオン
  • 1