[html]の検索結果
レスポンシブ
ウェブデザイン(Responsive Web Design)は、PC、タブレット、
スマートフォンなど、様々なデバイスに最適化したWebサイトを、単一のHTMLで構築するデザイン手法で、ブラウザのスクリーンサイズを基準に...
レスポンシブウェブデザイン(Responsive Web Design)は、PC、タブレット、スマートフォンなど、様々なデバイスに最適化したWebサイトを、単一のHTMLで構築するデザイン手法で、ブラウザのスクリーンサイズを基準にCSSでレイアウトを調整することで、マルチデバイスに対応したWebサイトを構築することができる。
レスポンシブWebデザインとは
レスポンシブWebデザインの作り方(簡単設定方法)
レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法
エムディエヌコーポレーション 著者:こもりまさあき
amazon.co.jpのカスタマーレビューを見る
powered by amalink
PHPの開発環境でプログラムからメールを送信できるかチェックするために作成した、ごく簡単なメールフォームのサンプルスクリプト(プログラム)です。mailmform.
PHPを実行すると入力フォームが表示され。送信ボタン...
PHPの開発環境でプログラムからメールを送信できるかチェックするために作成した、ごく簡単なメールフォームのサンプルスクリプト(プログラム)です。
mailmform.phpを実行すると入力フォームが表示され。送信ボタンを押す(クリック)すると入力した内容がメール送信されます。
<?php
//------------------------------------------------------------------------------
// mailform.php - sample mailform php script
//------------------------------------------------------------------------------
mb_language("Japanese");
mb_internal_encoding("UTF-8");
define("MAILTO", "*******@****.***");
$proc = isset($_POST['proc']) ? $_POST['proc'] : '';
//echo $proc; // for debug
if ($proc == 'send') {
_send();
}
else {
_input();
}
// 初期表示
function _input() {
$formdata = array();
$formdata['subject'] = '';
$formdata['name'] = '';
$formdata['from'] = '';
$formdata['body'] = '';
_input_form($formdata, '');
}
// 入力フォーム表示
function _input_form($formdata, $message) {
// XSS対策
$formdata['subject'] = htmlspecialchars($formdata['subject'], ENT_QUOTES);
$formdata['name'] = htmlspecialchars($formdata['name'], ENT_QUOTES);
$formdata['from'] = htmlspecialchars($formdata['from'], ENT_QUOTES);
$formdata['body'] = htmlspecialchars($formdata['body'], ENT_QUOTES);
echo <<<EOF
<html>
<
head>
<
meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
<
title>サンプルメールフォーム</
title>
</
head>
<
body>
<
h2>サンプルメールフォーム</
h2>
<
p>$message</
p>
<
form action=
"mailform.php" method=
"post">
<
input type=
"hidden" name=
"proc" value=
"send">
件名:<
br />
<
input type=
"text" name=
"subject" size=
"50" value=
"${formdata['subject']}" /><
br />
名前:<
br />
<
input type=
"text" name=
"name" size=
"50" value=
"${formdata['name']}" /><
br />
メールアドレス:<
br />
<
input type=
"text" name=
"from" size=
"50" value=
"${formdata['from']}" /><
br />
本文:<
br />
<
textarea name=
"body" cols=
"50" rows=
"10">${formdata['body']}</
textarea><
br />
<
br />
<
input type=
"submit" value=
"送信" />
</
form>
</
body>
</
html>
EOF;
exit();
}
// メール送信
function _send() {
// パラメータ取得
$formdata = array();
$formdata['subject'] = isset($_POST['subject']) ? $_POST['subject'] : '';
$formdata['name'] = isset($_POST['name']) ? $_POST['name'] : '';
$formdata['from'] = isset($_POST['from']) ? $_POST['from'] : '';
$formdata['body'] = isset($_POST['body']) ? $_POST['body'] : '';
// 入力チェック
if ($formdata['subject'] == '') {
_input_form($formdata, '件名を入力してください');
}
if ($formdata['name'] == '') {
_input_form($formdata, '名前を入力してください');
}
if ($formdata['from'] == '') {
_input_form($formdata, 'メールアドレスを入力してください');
}
else {
if (!preg_match('/^[-+\\w]+(\\.[-+\\w]+)*@[-a-z0-9]+(\\.[-a-z0-9]+)*\\.[a-z]{2,6}$/i', $formdata['from'])) {
_input_form($formdata, '正しいメールアドレスを入力してください');
}
}
if ($formdata['body'] == '') {
_input_form($formdata, '本文を入力してください');
}
// 送信
$header = "From: " . mb_encode_mimeheader($formdata['name']) . ' <
' . $formdata[
'from']
. '>';
$result =
mb_send_mail(
MAILTO,
$formdata[
'subject']
, $formdata[
'body']
, $header)
; if ($result)
{ _input_form(
$formdata,
'メールを送信しました')
; } else { _input_form(
$formdata,
'メール送信に失敗しました')
; }}?>
おそらくバックアップをとってない人が多そうだけど、データベースの中身がなくなるのは、事故があった場合だけじゃないので怖いよね。
Movable Typeの過去ログが、
静的HTMLで残っているというのは、何らかのトラブル...
おそらくバックアップをとってない人が多そうだけど、データベースの中身がなくなるのは、事故があった場合だけじゃないので怖いよね。
Movable Typeの過去ログが、静的HTMLで残っているというのは、何らかのトラブルがあった時に最悪ログが残るという利点がある。ブログツールで結構起きやすいのが、データベースの事故だが、万が一事故があっても、静的HTMLならHTMLだけは残ってくれる。しかし、WordPressの場合はデータベースに事故があったら、完全に消えてしまう。移転に関しては、コピーするだけで済んだが、たとえMovable Typeを使わなくなっても、ログを残す事に関してはWordPressより便利だろう。
ブックマーク先へ 元Movable Typeユーザー、現WordPressユーザーが考えるMovable Typeの利点 : ARTIFACT ―人工事実―
オープンソースのシンプルな
掲示板CGI「ThreadPlus 1.0」をリリースしました。プログラミング言語はperl、ライセンスはGPLv2です。ThreadPlusは、以前公開していた
掲示板CGI(bbs
CGI.
CGI)の機能を見直し、若干の機能...
オープンソースのシンプルな掲示板CGI「ThreadPlus 1.0」をリリースしました。プログラミング言語はperl、ライセンスはGPLv2です。
ThreadPlusは、以前公開していた掲示板CGI(bbscgi.cgi)の機能を見直し、若干の機能追加、不要な機能の削除、不具合の修正などを行ったもので、携帯電話からも利用できるようになっています。
ThreadPlusの特徴
- 誰にでもわかりやすいシンプルなスレッド形式
- テンプレートエンジン(HTML::Template)によりデザインと処理が分離されておりカスタマイズが容易
- スレッドやコメントの本文に含まれるURLのリンク変換(画像の場合はimgタグも追加)
- 携帯電話に対応(但し、携帯電話向けに最適化されているわけではなく基本的に機能はPCと同じ)
ThreadPlusのデモページ
ThreadPlusのダウンロード
CGIプログラミング
オライリー・ジャパン 著者:スコット グーリッジ,ガンザー バージニックス,シシャ ガンダヴァラム 価格:4,200円 評価:★★★★★
powered by
amalink
ホームページでよく利用される、掲示板、Q&A、共有ブックマーク(リンク集)、連絡フォーム といった機能を、まとめて簡単にホームページに導入(一部機能だけの導入も可能)できる比較的簡単なPerlプログラム「
CGI ...
ホームページでよく利用される、掲示板、Q&A、共有ブックマーク(リンク集)、連絡フォーム といった機能を、まとめて簡単にホームページに導入(一部機能だけの導入も可能)できる比較的簡単なPerlプログラム「CGI APPS 1.0」をリリースしました。ライセンスはMITライセンスですので、無料で自由にカスタマイズして利用できますが、動作については無保証です。
「CGI APPS」は、「掲示板やリンク集は欲しいけどCMSを導入するのは大げさすぎる」「Q&Aだけでいいのでもっと安くして」などとというような個人や中小企業のホームページでの利用を想定しています。
CGI APPS の特徴
- CGIの開発言語として世界中で広く利用されているPerlによる実装
- テンプレートエンジン(HTML::Template)による処理とデザインの分離
- テキストファイルベースのデータ管理
- 管理者向けユーザー認証機能
CGI APPS
「CGI APPS 1.0」のリリースにともない、そのベースとなった
「メールフォームCGI」
「Q&A CGI」
「ブックマークCGI」
「掲示板CGI」は、
ファイルそのまま残しますが更新しません。
jQuery(ジェイクエリー)は、ジョン・レッシグ(John Resig)らによって開発されたオープンソース(MITライセンス)のJavaScriptライブラリの一つ。
jQuery is a fast and concise
JavaScript Library that simplifi...
jQuery(ジェイクエリー)は、ジョン・レッシグ(John Resig)らによって開発されたオープンソース(MITライセンス)のJavaScriptライブラリの一つ。
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
jQuery: The Write Less, Do More, JavaScript Library
さくらインターネットが、共用レンタルサーバーサービス「さくらのレンタルサーバ」および専用レンタルサーバーサービス「さくらのマネージドサーバ」で提供している
ブログサービス「さくらの
ブログ」をバージョンア...
さくらインターネットが、共用レンタルサーバーサービス「さくらのレンタルサーバ」および専用レンタルサーバーサービス「さくらのマネージドサーバ」で提供しているブログサービス「さくらのブログ」をバージョンアップした。
「さくらのブログ」は、管理ページ(コントロールパネル)から簡単にブログを構築することが可能で、複数のブログ作成や独自ドメインでの運用にも対応している。今回のバージョンアップでは、外部サービスとの連携、モバイル機能の強化、iPhone対応、テンプレートの追加などか行われ、ブログ構築の利便性や見やすさが向上している。
外部サービスとの連携
はてなブックマークなどの各種ソーシャルブックマークやFacebookの「いいね!」ボタンなどをブログ記事に掲載することが可能になり。また、 Twitterのつぶやきを一括でブログ記事に貼り付けられるほか、ブログ記事を投稿する際に、Twitterに自動でツイートすることも可能。その他、YouTubeやニコニコ動画などの動画を簡単
に貼り付けることができるなど、様々な外部サービスとの連携が可能になった。
モバイル機能の強化
ブログタイトルやカテゴリ一覧等のコンテンツを好きな場所に配置することができるほか、新たにHTMLの直接編集に対応。色の変更だけでなくページのデザインや文言の追加など、自由に変更可能。また、携帯のメール機能を利用したデコメールも、そのまま記事として投稿できるようになったため、手間のかかる文字の装飾や画像の貼り付けが簡単に行える。
iPhone対応
iPhoneからの記事投稿が可能になり。また、iPhoneでブログにアクセスした際、iPhone用に最適化されたページが表示されるようになった。
豊富なテンプレート
シンプルなものから、女性向けのかわいいデザインなど、様々なジャンルの350種類以上のテンプレートから、好きなデザインを選択することが可能。
さくらインターネット、ブログサービス「さくらのブログ」をバージョンアップ
JSONP(
JSON with padding)は、
JSON形式のデータにコールバック関数の呼び出しのためのコードを付加して、クロスドメインなデータの取得を可能にする仕組みのこと。ブラウザに実装されている「同一生成元ポリシー(...
JSONP(JSON with padding)は、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加して、クロスドメインなデータの取得を可能にする仕組みのこと。
ブラウザに実装されている「同一生成元ポリシー(Same-Originポリシー)」という制約により、Ajaxなどでは自分のドメイン以外のサーバーからデータを取得することができないが、JSONPではHTMLのscriptタグのsrc属性に別ドメインのURLを指定することができるという点を利用して別ドメインのサーバーからのデータ取得を可能
にしている。
JSONP(Wikipedia)
Ajaxzip3は、川崎有亮氏が作成した郵便番号住所変換JavaScriptライブラリ「
AjaxZip 2.0」を株式会社人気組が中心となって
JSONP 対応したもので、サーバー設定なしでHTMLにコードを追加するだけで誰でも簡単に郵便番...
ajaxzip3は、川崎有亮氏が作成した郵便番号住所変換JavaScriptライブラリ「AjaxZip 2.0」を株式会社人気組が中心となって JSONP 対応したもので、サーバー設定なしでHTMLにコードを追加するだけで誰でも簡単に郵便番号住所変換機能を設置することができる。
ajaxzip3
「TinyMCE」は、
プラットホームに依存しないオープンソース(LGPL)のJavaScript HTML WYSIWYGエディター。オープンソースのCMS(コンテンツマネージメントシステム)と親和性が高く、WordPress、Movable Type、Drupal、Joomla!、MODx、NucleusCMSなど様々なCMSで利用されている。
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB.
TinyMCE
TinyMCE Japan
「TinyMCE」のローカライズや独自プラグイン開発などを行っているプロジェクト。
|< 先頭へ < 前へ 1 2 3 4 5 次へ >
アクセスランキング
- [Twitter]日本のユーザーも「全ツイート履歴」が使用可能に (1 PV)
- SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (67 PV)
- 2NN 2ちゃんねるニュース速報+ナビ (14 PV)
- Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (10 PV)
- 裁量トレードを半自動化する無料のMT5向け裁量トレード支援ツール(裁量補助EA)「PositionKeeper MT5」 #FX (7 PV)
- SQLiteのSELECT文で上位 (TOP) n件のデータを取得する (6 PV)
- StartPage(スタートページ) - 匿名検索エンジン (5 PV)
- FC2まとめ (5 PV)
- 人気ナンピンマーチンEA「NPNM_v3」向けサンプルセットファイル (5 PV)
- YouTube(ユーチューブ)日本版 - 動画共有、ライブ配信 (5 PV)
- 日経平均株価(にっけいへいきんかぶか) (4 PV)
アクセス統計
ディレクトリ
関連サイト