webに関するwhirligigのブックマーク (30)

  • スタイルシート(CSS)テンプレート無料配布サイト

    デザインがCSS(スタイルシート)のみで構成されているテンプレートを提供しているサイトのご紹介です。 クラウドテンプレート 企業サイトやビジネスサイトに使えるデザインのテンプレートがたくさんあるサイトです。ホームページ制作会社さんも使えるみたいですよ。あと、ゴールドプランという一回支払うだけで全部のテンプレートが使い放題になるものもあります。これを手に入れると、今後追加されるものも追加料金なしで全部使えるようになるそうです。1回買えば何回使って良いとの事なので、こういった商用利用可能なテンプレートを一つ持っておくと便利そうですね! CSS.DesignSample こちらのサイトは個人的にとても好きなデザインのテンプレートを配布してくれています。またこちらのテンプレートはXHTML+CSSで書かれたWeb標準準拠のテンプレートなので、ソースが大変キレイです。更にカラムも自由に選べるので言う

    スタイルシート(CSS)テンプレート無料配布サイト
    whirligig
    whirligig 2009/03/25
    CSS
  • Webデザインテンプレート集

    Webデザインテンプレート集」はトップページや飾り枠など、綺麗に見えるデザインのHTML/CSSテンプレート素材を無料で配布するサイトです。 Updates 2009.1.19 -[CSSデザイン] #3 2008.3.30 -[飾り枠] #26

  • 第15回 XHTMLの設計~2つのアプローチ~

    XHTMLの設計アプローチには、「全体フィールド化からはじめるアプローチ」と「局所マークアップからはじめるアプローチ」のふたつがある。どちらにもメリットとデメリットがあり、さらに個人のスキルによってもどちらを採用するのが望ましいかが異なる。両者を比較してみよう。 全体フィールド化からはじめるアプローチ ワイヤーフレームやデザイン案に基づき、ページ内を「ヘッダー」「グローバルナビゲーション」「メインコンテンツ」「サイドバー」「フッター」といった大まかなフィールド(インターフェイス)に分け、名称とIDを割り振るという手続きからはじめる方法である。 メリットは、通常の業務プロセス、つまりデザインワークからページ制作に入るという流れに沿っているので、既存のテーブルレイアウトからフルCSSレイアウトにリニューアルする際も比較的スムーズに取り入れられる点がある。まずワイヤーフレームやデザイン案に着目し

    第15回 XHTMLの設計~2つのアプローチ~
  • Perl/CGI研究室 'PERL-LABO'

    2022年9月15日、当サイトのサーバーの仕様変更により、 当サイトのCGIプログラムがそのままでは動作しない状態になってしまいました。 修正すれば動くのですが、当サイトは2004年オープンの古いサイトで、 サイト内の情報がほぼ当時の古いままであったこともあり、 この機会に、CGIプログラムを修正するのではなく、 サイトを閉鎖する道を選択することにいたしました。 これまで当サイトをご訪問してくださったすべての皆様、 特に当サイト掲示板に書き込みを残してくださった皆様、ありがとうございました。 皆様のPerlライフが今後も豊かでありますように^^

  • メールフォーム(フォームの利用とメールデータの活用)

  • Jcode

    NAME Jcode - Japanese Charset Handler SYNOPSIS use Jcode; # # traditional Jcode::convert(\$str, $ocode, $icode, "z"); # or OOP! print Jcode->new($str)->h2z->tr($from, $to)->utf8; DESCRIPTION <Japanese document is now available as Jcode::Nihongo. > Jcode.pm supports both object and traditional approach. With object approach, you can go like; $iso_2022_jp = Jcode->new($str)->h2z->jis; Which is more

    Jcode
    whirligig
    whirligig 2009/03/16
    Jcodeダウンロード
  • メールフォームプロ

    無料の高機能で作り方も簡単なメールフォームプロCGIです。複数送信やアンケートフォームや応募フォームとして利用できます。文字コードUTF-8対応でレスポンシブWebデザインでスマートフォンにも対応。MTでもWordPressでも使えるショッピングカート機能付き高機能無料メールフォームCGIです。中国語や韓国語への対応やクレジット決済機能も。Googleスプレッドシートとの連携も可能。 メールフォームプロCGIの概要Perlで書かれたアンケートフォームや応募フォームとして無料で利用できるメールフォーム(エントリーフォーム)のCGI高機能版です。高機能と言うことで、DOMを駆使した確認画面と一般的なメールフォームにたぶんあまり付いていない効果計測機能が実装されております。簡単設置の概念を幾分抑え、全ての設定をCGI側に設定する必要がある点が大幅な変更点となります。 もちろんスマートフォンへも完

    whirligig
    whirligig 2009/03/12
    CGI メールフォーム
  • CSSだけでプルダウンメニュー

    このページのTipsはJavaScriptを使いません。スタイルシートのみで作成しました。せっかくがんばって考えたのに、没になったテクニックです。問題アリのTipsです。今回の問題は大したことないです。 プルダウンメニュー・ツリーメニュー・階層メニュー・ドロップダウンメニュー色んな別名をもつ折りたたみ式のナビゲーション。これもCSSだけでやってみました。マウスがスイッチの上に乗ると、下に垂れ下がってくるメニューのことです。普通はJavaScriptを使うようなのですが、JavaScriptなしで作りました。html+css で動きます。でも、ちょっと問題ありなので使いませんでした。そんなのばっかりですが、楽しんでくだされば嬉しいです。セキュリティを気にしない客層の場合は、問題なく使えると思います。 プルダウンメニューの作り方 1.html部分は 親に a 要素を使います。これは IE の

    whirligig
    whirligig 2009/03/12
    CSSプルダウン/safari.IE6*7.Firefox可
  • プルダウンメニュー-Dig*Dag

    whirligig
    whirligig 2009/03/12
    CSSのプルダウンメニュー
  • Just Software Solutions - Implementing drop-down menus in pure CSS (no JavaScript)

    by Anthony Williams Introduction A client of mine wanted his website to have drop-down menus, so I had a look round at the best way of doing this. I imagined that it would require JavaScript, but it turns out that it is possible in pure CSS, at least for fully compliant browsers. This article attempts to explain how the CSS works, and builds up the menu step by step. I have implemented such a menu

    whirligig
    whirligig 2009/03/12
    CSSのプルダウンメニュー
  • CGI初心者はまずここから始めよう! CGI初心者のためのCGI設置講座

    WEBサイトの運営・更新・管理は、CGIを有効に活用することによりその効率を大幅に改善しコストを低く抑えることが可能です。 しかし、CGIというものは便利な反面その敷居が高いことでも知られていると思います。 このコーナーでは、CGIとはいったいなんなのかといったことから、実際にCGIを設置するまでをわかりやすくレクチャーしてみようと思います。 全体で三部構成となっていて内容は下記の通りです。興味のあるところから読んでみて下さい(^^ CGIってなに? CGIとはいったいどんなもので何をするためのものなのかを解説します。 CGIの設置はなぜ難しい? CGIはその設置がかなり難しいと言われていますが、その理由とそれを克服する方法について解説しています。 CGIを設置してみよう! 実際にカンタンなCGIプログラムを設置してみます。そのために用意するものや必要な知識も解説しています。

  • 基礎メール2nd|CGI配布サイトAppsPage

    解凍すると次ファイル構成になっているので確認してください。 kisomail2nd/ …………………… (755) ○アプリケーションディレクトリ │ ├ input.html ………………… (644) 入力フォーム用HTML ├ finish.html ……………… (644) メール送信完了画面のHTML ├ sendmail.cgi ……………… (755) ★メール送信実行ファイル │ ├ data/ ……………………… (777) ☆データ記録ディレクトリ │ └ lastmail.cgi ………… (666) ☆2重送信防止用データ │ ├ lock/ ……………………… (777) ☆ファイルロックディレクトリ │ └ flock.cgi …………… (666) ☆ロックファイル │ └ lib/ ……………………… (755) ライブラリディレクトリ ├ ap_mime

    whirligig
    whirligig 2009/03/09
    CGI
  • OCN|OCN ホスティングサービス|ユーザサポート - メール&ウェブシリーズ -

    whirligig
    whirligig 2009/03/08
    CGI
  • Microsoft PowerPoint - mwpro_manual3.75_ABC_20081218.ppt</title> <meta name="Author" content="A006768"> <meta name="Creator" content="Microsoft PowerPoint - mwpro_manual3.75_ABC_20081218.ppt"> <meta name="Producer" content="DocuCom PDF Driver 7.85 for NT"

    whirligig
    whirligig 2009/03/04
    p12よりperl
  • CGIの設置と起動

    一般的なHTMLドキュメントは、ホームページ作成ソフトのアップロード機能で簡単にアップロードできますので、 多くの方がこの機能を利用しアップロードしている事でしょう。 しかしながらCGIはドキュメントではなく、プログラムですので同じ方法でアップロードしたのでは、 そのままプログラムのコードが表示され、訪問者には何がなんだかわかりません。 ここでは、FTPソフトを使用して手動でファイルをアップロードする方法と、プログラムコードを表示させるのではなく、 プログラムを実行させて結果を表示させるアクセス権限(パーミッション)を解説します。 FFFTPのインストール FFFTPは、現在無料で配布されているFTPソフトでは、最も高機能で簡単なWindows用アプリケーションです。 開発者のサイトから最新版をダウンロード(2004/ 6現在 v1.92)し、 自己解凍exeをダブルクリックします。 イン

  • SUIT SELECT

    SUIT SELECTは、選ぶ・着る・楽しむをテーマに佐藤可士和氏に総合監修された 「合理的に選ぶこと」と「楽しく選ぶこと」が全く矛盾しないことを証明する、 スーツの新しい買い方そのものをデザインしたショップです。

  • More Eric Meyer on CSS: Project 6

    AS WE SAW IN THE PRECEDING PROJECT, it's possible to take a simple, unordered list of links and make it look good. The missing component there was the capability to have submenus and even sub-submenus. Is there a way to use CSS and simple HTML to create drop-down menus, and menus within menus? As you might have expected, the answer is "yes." It does require using a bit of proprietary technology to

  • 3/3 [第2回] 指定の場所(座標)に表示させる [ホームページ作成] All About

    [第2回] 指定の場所(座標)に表示させる(3ページ目)マウスを乗せるだけでサブメニューが展開されるドロップダウンメニューを作ってみましょう。今回は、座標(端からの距離)を指定することで、望みの場所にぴったり表示させる方法をご紹介致します。 HTMLファイルの中身は次のようになります。 ※灰色の部分は、どう書き換えても構わない部分です。 <html> <head> <title>サンプル</title> </head> <body> <h1>All About JAPON</h1> <h2>中身中身中身</h2> <p> 中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身 </p> <p> 中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身中身 </p> <div style="position: ab

    3/3 [第2回] 指定の場所(座標)に表示させる [ホームページ作成] All About
  • Webに関わるすべての人の基礎知識 - 社団法人 全日本能率連盟登録資格「Web検定」

    Webに関わるすべての人の基礎知識 - 社団法人 全日本能率連盟登録資格「Web検定」
  • 検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE

    よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報

    検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE