PPPPPRIQIA Press (プププププリッキアプレス)

by 有限会社プリッキア

web・ホームページ・モバイルサイト制作の横浜にある制作会社PRIQIA(プリッキア)のスタッフブログです。

IE6

投稿者: pirohashiカテゴリ: CSS/HTML, JavaScript, ウェブタグ:

日本人らしく「とりあえずビール」が最近は「とりあえずお湯割り」に代わってきたpirohashiです

IE6・・・普通の人は使ってないと思いますが大企業などアップデートが禁止されている会社ではいまだに使っているようです

IE6でデザインの崩れを無くす為にデザイナーは毎日苦労をしています。
サイトのチェックもIE6だけの環境を用意しなくてはならないので負担が結構ありました。

そんなWEB関係者には朗報です!
ついにマイクロソフトが重い腰をあげてくれました。。。

http://japan.cnet.com/news/service/35012069/

日本でも早く行われるといいですねー
というか早くきてくれ・・

 

寒くなってきたからお湯割りは飲みますがぺヤングはやめません
↓ぺヤング超大盛り 御開帳画像

IE6でmin-heightとか

投稿者: nakageカテゴリ: CMS, CSS/HTMLタグ:

背景画像をグラデでフェードアウトとかさせて、本文が少ない場合にうっかり画像が見切れてしまう・・・みなさんはそんな体験ありませんか?ありますよね、たまには。どうしようもない記事を書き続けるnakageです。

「min-heightでどうにかなるんじゃないっけ」

「いやでもIE6でry」

「あー、なんだっけ、2行足せばいいんですよ」

Google先生に尋ねる

・・・といった一連の流れを経て、だったら、もうブログにメモろうと。

min-height: 100px;
height: auto !important;
height: 100px;

これを気に、社内で「なんだっけー、なんだっけー」とかつこく隣の人に聞かないようにします!

以前、イラレでど忘れしてた機能を思い出そうとググったら自分で書いた過去の記事が出てきたので、今回はググるまでもなく、きちんと覚えます。。。

html5に触れる

投稿者: abeカテゴリ: CSS/HTMLタグ:

iphone、ipadのサイトの作り方をそれとなく調べてました。

ひと昔前ならFlashで作成していたものがプラグインなしで表現できたりと進化を感じた今日この頃。

参考までにこちらを。

あいかわらずブラウザによって対応、非対応でまだまだ問題があるっぽいですが

これからはスマホも意識したサイト作りが必要になるなぁと実感。

「video」とかのタグのみで埋め込みができたりと楽なもんです。

Flash離れでAdobeの今後の動きにも注目ですね。

 

 

 

 

 

 

ペイパルでDonate!

投稿者: nakageカテゴリ: CSS/HTML, サービス・製品紹介タグ:, ,

こんにちは。今週ひどい風邪をひいて瀕死だったnakageです。

今日は、あまり日本国内のみのサービスなどでは見かけませんが、海外のサイトではよく見かける(と思うのは私だけでしょうか?)「Donate」ボタンについて投稿したいと思います。

「Donate」=「寄付」ってことなんですが、ペイパルのアカウントさえお持ちであれば、設置が一瞬で終わっちゃいます!詳しくはこちら・・・

Donation Buttons – Advanced Techniques – PayPal

  • “me@mybusiness.com” のところをお持ちのアカウントのアドレスまたはIDに
  • <input type=”hidden” name=”item_name” value=”Team In Training”>のvalueが決済画面の項目
  • <input type=”hidden” name=”amount” value=”25.00″>のvalueを寄付の金額(ユーザーに金額を選んでもらう場合は”0″にすればOKっぽい)

もっとペイパルが日本で流行ればいいんですけどねー。クレジット決済導入より初期費用抑えられるので、おすすめなんですが、いまいちなじみのない決済方法なので、悩ましいところです。。。

ちなみに、こちらのサイトに設置しました。参考までに。。。
Find Native Sensei.com for Teachers

外国語の先生をお探しの方はこちら(日本語)からご利用ください!
ファインドネイティブ先生.com

急募!SOHO、フリーランスのシステムエンジニア

本件は募集を終了しました。
ご協力ありがとうございました。

SSIを使った時刻による条件分岐が簡単にできるじゃなイカ

投稿者: たかおファンカテゴリ: CSS/HTML, ウェブタグ:

過ごしやすい秋の日はいずこへ?という感じに初冬の肌寒さを感じる気候になってきました。お世話になっております、たかおファンです。

WEBページの更新作業をすると、時々現れる時間指定の差し替え作業・・・
日曜の夜中の0時だったりすることもあり、さすがにその日時は会社も休みでわざわざ出社するのも難ですし、時間的にも終電に間に合わないので、帰ることもできません。

そこで、頼るのは何かしらのプログラムを使ってサーバ自身に切り替えさせる手段です。よく考えられるものとして・・・

  • cronでスクリプトまたはコマンド実行
  • 切り替え予定のページをPHP化
  • MTなどのCMSで日時指定投稿

などがあると思います。ですが、今回はcronの設定権限がないサーバ上ですでにある静的ページを指定日時に別の内容に置き換えるというものに対してはどうするか?というのを考えてみました。
そこで出てくるのがSSIです。通常はshtmlという特殊な拡張子のファイルに対してSSIを適用させるのが一般的ですが、設定次第で拡張子がhtmlであっても動作します。

で、「とほほのSSI入門」を見たところDATE_LOCALという環境変数から時刻が取得できるようです。

とほほのSSI入門

そして、#config timefmtという記述を使えば時刻フォーマットが指定できるようです。じゃあ、年月日時分秒をフラットに並べて整数比較したらどうだ?と思ったのでやってみました。ちなみに条件分岐は#if expr=”?”ですね。
例として、2010年10月20日12時00分以降に表示内容が変わるというようにしてみました。

<!--#config timefmt="%Y%m%d%H%M%S" -->
<!--#if expr="${DATE_LOCAL} >= 201010201200" -->
After
<!--#else -->
Before
<!--#endif -->

結果は・・・成功です。12時前までは「Before」と表示されていたのですが、過ぎた瞬間に「After」になりました。
テーレッテー終了?
指定時刻の最後の「00」を抜いてもうまくいきます。どういう仕組みかよくわかりませんが。

あまりにあっさりうまくいってしまったので拍子抜けです。これで環境によってはダメ!とか罠があったらガッカリなんですが…
とりあえず、実践で使ってみたいとおもいます。

Dreamweaverが強制終了で落ちるとき。

投稿者: nakageカテゴリ: CSS/HTMLタグ:

今日はDreamweaverが落ちまくったため、予定していた作業が押しまくるはめに…なんでー?と思ってググってみたら、けっこう同じ症状の人がいたみたいです。以下アドビの公式サイトから。

Windows では、CSS ファイルのサイズがちょうど 8192 バイト、16383 バイト、またはそれを超える特定のサイズである場合、強制終了する
Windows では、CSS ファイルを編集してファイルサイズがちょうど 8192 バイトになるか、または 8191 バイト分だけ増加すると、Dreamweaver は強制終了します。
また、CSS ファイルのサイズを変更するまで、Dreamweaver を起動することができません。ファイルサイズを変更するには、別のテキストエディタで CSSファイルを開き、スペースやタブなどの空白文字を含む 1 文字または 2 文字を挿入します。

なんでかはわかりませんが、まさか読み込まれてたcssファイルがちょうど8192 バイトだとは思いませんでした。だれか答えを知ってる人がいたら教えてほしいです!!

今日友人のツイッターで見かけた顔文字がえらく気に入ったのでコピペします。

(???)!!