top


総投稿数 本 
no_ star_y
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
no_13241324 star_y
 Zen-Coding
 前回、gvim利用して使い始めたのだが、
  ・gvim で、Zen-Coding:巷で話題の「Zen-Coding」。やってみたかったが、これも気になってたエディタ「gvim」で、できるらしい ・・・ 【コーディング】

 ほんの少しの決め事だけでほんと便利。


 今は,とりあえず
 ・gvimエディタで実行して、
  それを使い慣れた、他のエディタなどに
  ペーストする方法で利用しているけれど、
 それでもほんと早くかける。


 もっといろんな事できるんだろうけど、
 基本の部分だけでもとても Cool!オススメです。


************************************************
◎  Zen-Coding 基本の使い方まとめ
                 :Zen-Coding

************************************************


 

 ■Zen-Coding における基本
  (css と同じく)
  □# で id指定のエレメントを作れ、
div#header
 ><div id="header"></div>
ul#viewlist
 ><ul id="viewlist"></ul>

  □. で class指定のエレメントを作れる
div.itemname
 ><div class="itemname"></div>
li.listitem
 ><li class="listitem"></li>

 

 ■入れ子は >
  並べるなら +
  □divブロック構造も、
div#wrapper>div#header+div#contents+div#footer
 >
<div id="wrapper">
<div id="header"></div>
<div id="contents"></div>
<div id="footer"></div>
</div>

  □テーブル(最近使わないけど)なんか便利,
table#viewtabale>tr>th.itemname+td.itemdata+td.itemdata
 >
<table id="viewtabale">
<tr>
<th class="itemname"></th>
<td class="itemdata"></td>
<td class="itemdata"></td>
</tr>
</table>

 

 ■回数で繰り返すなら *(回数)
  □上のテーブルは、
table#viewtabale>tr>th.itemname+td.itemdata*5
 >
<table id="viewtabale">
<tr>
<th class="itemname"></th>
<td class="itemdata"></td>
<td class="itemdata"></td>
<td class="itemdata"></td>
<td class="itemdata"></td>
<td class="itemdata"></td>
</tr>
</table>

 

 ■決まりきった階層構造は、(ただの)+
  □テーブルは、
table+
 >
<table>
<tr>
<td></td>
</tr>
</table>

  □ulリストは、
ul+
 >
<ul>
<li></li>
</ul>

  □dlリストは、
dl+
 >
<dl>
<dt></dt>
<dd></dd>
</dl>
 > こちらにあります:Zen HTML Selectors

 なんかもう・・・惚れてまうやろ。


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_11851185 star_y
 いつも参考にさせてもらってる、Google
 メールマガジン
 ・Webmaster Central 日本版 公式ブログ
  からのもの、なんだけど・・・

 今日届いたのは、久しぶりに「ドキッ」とするもの。


 わかっちゃいるど・・
 ですね。
※引用転載
約 1 年前に、「 Google の検索は隠しテキストが嫌い 」という記事を
Google公式ブログ 日本版 に掲載しましたが、
その記事でもお伝えしましたように、隠しテキストは、
Google の ウェブマスター向けガイドライン に違反します。
その理由の詳細は、ウェブマスター向けヘルプ センターの
記事 にも載せておりますが、本日はその背景と、日本で
多く見られる隠しテキストの具体的な一例を改めてご紹介
します。
 そうですね。
 ・画像ボタンマウスオーバー
  CSS 利用して入れ替える、
text-indent: -9999px;

  を利用したものです。

 詳しくは、Web上にも、
 ・隠しテキストは Google のウェブマスター向けガイドライン違反です
  にあるので、見られていない方はご参照いただくとして


 私は、気になったらすぐにしないと落ち着かないので・・・
 対応顛末。
 (※テキストブラウザLynx の使い方もおいておきます)


  追記に ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_11831183 star_y
 あるサイト(ブログではない)で、RSS配信
 行うことになった。
 情報は、毎日更新される「最新情報」だ。
 さて、メンテナンスフリーで実現するには、どうするか?

 まず考えられるのは、既存の様々なサービスだ。
 My RSS.jpMy RSS.jp
  Webサービス、無償


 RSSフィード.ccRSSフィード.cc
  Webサービス、有償(上記企業版)


 RSS フィード 自動作成 - goo RSS作成RSS フィード 自動作成 - goo RSS作成
  Webサービス、サイト内のトピックスや
 更新情報などからRSSフィード
 (新着記事リスト)を作成する
 ことのできる無料サービス


 なんでもRSSなんでもRSS
  ※なんか、今は動いてないみたいだけど(?)


 Page2RSS - Create an RSS feed for any web pagePage2RSS - Create an RSS feed for any web page
 


 RSSフィード自動作成 ビットスパイシーRSSフィード自動作成 ビットスパイシー
  Webサービス、無償


 しかし、RSSフィードは、RSS1.0 または RSS2.0 などの形式
 に対応したテキストファイルを出力してやればいいわけで
 (結局、簡単では無かった・・・が)
 自プログラムで処理することに決めた。


  追記に ( かなり長文、ご容赦 )▼


 ところで、こちらは・・・
◇今日のGoogle(2009/12/15)
今日のGoogle(2009/12/15)
 エスペラント語の創始者
  LLザメンホフ 150回目の誕生日

FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_11391139 star_y
※実際に遭遇したものをまとめてゆきます。

**********************************************************
●よく使う、ie6/ie7 対応 css処理
**********************************************************


 □基本ハック方法


  ・cssで通常定義した後に、
* html #(id名){
/* ie6 対応処理 */
}
*:first-child+html #(id名){
/* ie7 対応処理 */
}
 で、ie6用の対応を記述
   ※参考として
    さらに細かくは、HTML上で分岐。
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie-style-sheet.css" />
<link rel="stylesheet" href="****/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if gt IE 6]>
<link rel="stylesheet" href="****/ie6more.css" type="text/css" media="screen" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="****/ie7less.css" type="text/css" media="screen" />
<![endif]-->
 など
    ( Thanks to Confessions of a style sheet hacker )

 


 □部分ハック方法


  ・プロパティ個別で、
.(クラス名) {
_background:#777777 /* アンダーバー:ie6 対応処理 */
*width: 320px; *height: 700px; /* *接頭辞:ie6,ie7 対応処理 */
}
 など
    ( Thanks to 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック) )

 


 □基本バグ対応


  □マージンが倍の長さに(ie6)


#(id名){
margin:4px 10px 6px 16px;
}
* html #(id名){
margin:2px 5px 3px 8px;
}
 でもいいけど、
#(id名){
margin:4px 10px 6px 16px;
display: inline;
}

 


  □IE6においてXML宣言させない


   ・<!DOCTYPE宣言よりも前に文字列
    > IE6は互換モードで処理
<?
$ua = $_SERVER['HTTP_USER_AGENT'];
if (
!(ereg("Windows",$ua) && ereg("MSIE",$ua))
||(ereg("MSIE 7",$ua))
||(ereg("MSIE 8",$ua))
){
echo "<?xml version='1.0' encoding='UTF-8'?>\n";
}?>
 ※ie7以降以外のieは、XML宣言をはずす
    ( Thanks to IE6でのXML宣言の問題と回避方法 )

※遭遇するごとに更新してゆきます。

 


  □リスト(<li>)で、余分に改行される(ie6)


* html #(id名) li{
margin:0; padding: 1px;
}
 padding: 1px; を加える。

 


**************************************************
 【リファレンス
スタイルシートリファレンス(目的別)
スタイルシート / CSSリファレンス
とほほのスタイルシート入門
 【CSSハック
CSSハック一覧
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
 【CSSチェック
CSS Validation Service
XHTML-CSS Validator
 【ブラウザチェック
Browsershots
IETester


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_11351135 star_y
 ずっとプロジェクトサイト構築中で、
 とりたてて新しいネタは無いんですが・・・
 昨日・今日、いくつかの小さなことに翻弄され
 かなりの時間を消費。
 悔しいのでまとめておきます。

 まず
 ■「お気に入りに追加」ネタ
  最近は、いくつかの便利なWebサービスもあり
  基本的に特に困りはしないのですが。


  今日嵌ったのは、


  例の
  ・IEは、
window.external.AddFavorite(toURL,toTitle);
で、格納でき
  ・Firefoxは、
window.sidebar.addPanel(toStr,toURL,'');

  ・Operaは、
rel='sidebar' を含んだURLで飛ばすんだよ
 後はできないよ。
  っていうやつですね。

  これだけ、Chrome族が増えてきていて、今はどうなんだ。
  それに他のマイナーブラウザ(失礼!)はどうなんだ! と。
  決局駄目だったんですけどね。あぁ、悔しい。
  顛末を。


  追記に ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_10791079 star_y

**********************************************************
●よく使う、symfony doctrineコマンド実際
**********************************************************


 □テーブルに項目追加、項目属性変更後
  (プロジェクト)/lib/model/doctrine/base 内の再作成
   >・(プロジェクト)/config/doctrine/schema.yml
     の内容を編集更新後

symfony doctrine:build-model
 だけれど、
 【注意】
  ・バックアップ用に前の定義の内容で、bk_schema.yml など
   を置いていたら、なんど実行しても再作成できず。
  ※名前を特定して利用しているのではないのかな。


 


**********************************************************
symfony におけるフォーム作成
**********************************************************


 □複数選択可能なチェックボックス
   ・選択肢を複数用意したチェックボックスで、複数選択可能な
    状況を、ウィジェットとバリデータのコンビ実装する際、
    ・ウィジェット作成は、

$this->widgetSchema['category'] = new sfWidgetFormSelectCheckbox(array(
'choices' => Doctrine::getTable('Contact')->getTypes(),
));
 などとして、テーブルクラスに用意したリストに
 制限しておき、"sfWidgetFormSelectCheckbox" を利用。
    ・バリデーションの方は、
$this->validatorSchema['category'] = new sfValidatorChoice(array(
'choices' => array_keys(Doctrine::getTable('Contact')->getTypes()),'multiple' => true
),array('required' => '●●を選択してください。')
);
 とすればいい。
 このとき、
 【注意】
  ・バリデータの方で、'multiple' => true
   忘れると、Invailed エラー になる。


 □フォームで利用しない項目
   ・基本的には、function configure() の最初で、

unset(
$this['created_at'], $this['updated_at'],
);
 など と指定すればいいけれど、これを行わない場合は、
     バリデーション行うとき、すべての項目を定義しないと
     Unexpected extra form field named "(項目名)"
     という、エラーが発生。
   >・この unset を利用して丁寧に創ることが重要だけれど、
$this->validatorSchema->setOption('allow_extra_fields', true);
 と設定を変更すれば
 一応エラーは出ない。
 ※
  ・でも、セキュリティ的にもこれは利用しない方がいいんだよね。


 


**************************************************
 【マニュアル
The symfony and Doctrine book(日本語)
The Definitive Guide to symfony 1.2(日本語)
symfony Forms in Action(日本語)
 【チュートリアル
The Askeet Tutorial(日本語)
Practical symfony(日本語)
 【英文資料
バリデーション
ウィジェット


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


no_808808 star_y
 黄金比
 ご存知でしょう。
 近似値は 1:1.618。
 (もう少し詳しく書くと、 1:1.61803399)

 世の中にはこの比率で、美しく構成されたものが
 多数存在する・・・という。
 それは最初から狙って計算されたものか、
 それとも、美しさを追求した結果なのか・・・

 それはともかく、この比率を取り入れ
 美しい構成を試す価値は、
 Webデザインにも 当然考えられる。

いくつかのブログでも、多く
取り上げられている話題ではあるが・・・
Webデザインに黄金比を取り入れよう
Webデザインに黄金比を取り入れよう ・こちら、元ネタ

 ・・・やっぱり、自ら作業して
     身体で、覚えなくては。

 で、作業作業・・・

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


no_792792 star_y
 .htaccess
 主に、
  ・アクセス制限(Basic認証)で使われること
   多いと思いますが、それ以外にも、様々なケースで
 利用しますよね。

 そのたびに、ネットにちらばった情報を参照している自分
 がいやなので、(それなりにまとまった、いいブログも
 多いのですが・・・)

 自分でもきちんとまとめておく。

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


no_787787 star_y
 よく(海外のサイトで多いけど)
  ○○件のの見ておくべき、Webデザイン とか
  デザイナーが知っておくべき、○○件のチュートリアル

 という記事ありますよね。

 私もその中で、「これは!」というものは
 「実践的リンク記事」として、紹介させていただいています。

 今回は、(多いので)ここにリスティングは
 しませんが、
 「おぉ、これは、よく見させていただこう」
 というものだったので、紹介。

40 Web Design Artists And 102 Websites Worth Watching
40 Web Design Artists And 102 Websites Worth Watching


 素晴らしい仕事が
 ずど~ん、と並んでる。圧巻。


FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


no_786786 star_y
 久しぶりに、PHPでの開発の記録/メモ。

 ある事情から、次の条件で、
 ・データベース(MySQL) の
  バックアップ・レストアツールを作ることになった

  ・ブラウザ上で動く
  ・Javaなど使えず、PHP + HTML 実装
  ・MySQLデータベース
  ・セキュリティに関して考えられるだけの配慮

 で、どうしたか? その記録。

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ







ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。