<   2016年 02月 ( 2 )   > この月の画像一覧
 
CSS3
f0021035_22563802.jpg
f0021035_22563611.jpg
f0021035_22563440.jpg
アベノミクスの効果で、タクシー乗務の売り上げは厳しくなる一方である。さっぱりデザインの仕事はしなくなったが、ホームページくらい作り直そうかと思う。したが、昨今はタブレットやスマートフォンが普及して、ついにPCの売り上げが減り始めたという風評が気になる。そこで、タブレットやスマートフォンも多少は意識してホームページを作るべきだろうという気もする。それぞれにホームページを作り分けるのが本道なのだろうが、小生などのようなお寂しい内容のサイトには大げさな話である。そんな向きには「レスポンシブWEBデザイン」なるものをGoogleなどが推奨しているらしい。CSS3 と HTML5 により、同じ内容のページにデバイスにあったレイアウトを振り分けようと言うものらしい。本来の HTML の有り様から考えれば、実に筋が通っている。だが、意外と CSS3 の対応状況がイマイチな感じである。レイによって IE の対応が遅れている。これについては言っても無駄なので、googleなどから IE 用のCSS3対応パッチが提供されていたりして、まあ、CSS3はこれからといったところであろうか。

IE対策のパッチはヘッダー内にリンクを記載するだけでよい。
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

デバイスによるCSSの振り分けはCSS3のMedia Queries を利用する(例)
/* ------------------------------------------ PC --------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
body{ background-color: #3399cc;}
}

/* -------------------------------------------タブレット-----------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
body{ background-color: #cc99cc; }
}

/* -------------------------------------------スマートフォン------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
body{ background-color: #cc9933; }
}

まあ、シンプルを心がけるのが重要で、CSS3が使えようと使えまいと気にしないくらいなのが本来HTMLのあるべき姿であろう。もちろん、理想論であるが、真理である。ということで、とりあえず、デバイス、ブラウザの対応状況を見るテストページを作ってみた。テーブルやフォームのインプットが角丸になるというアホな機能等は実装があやふやなそうであるが、変にこだわらずに対応してしまえばよさそうなものである。が、シンプルを本分とするHTML精神的にはすんなりと認められないのであろう。

td.r1{
border-radius: 5px; /* CSS3草案 */
}
td.r2{
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
background-color: #555555;
color:#ffffff;
}
td.r3{
-moz-border-radius: 5px; /* Firefox用 */
}

草案中なので、ブラウザで勝手に規格を作っていたりする。テストページの表組の、グレーの部分から上がCSS3で草案中のタグ、グレー部分がSafari,Google Chrome用のタグ、下がFirefox用のタグである。ブラウザが対応すれば角丸になる。


ガラ系携帯電話についての記載がほとんどないが、どうなんだろう?
ガラ系としては、いろいろと対応を模索してはいるらしいが、なにかとガラパゴスで、やはり面倒な話である。

[PR]
by digressive | 2016-02-22 23:44 | 熟年マカー失業録 | Comments(5)
 
SSD ってどうでしょう。
f0021035_19334633.jpg
2年ほど前、永らく使っていたwindowsマシンのAMD Athlon 64 3000+ を、XPもきつくなってきたのでintell core i7 とマザーボードのジャンクで作り直した。取り出したAthlon 64 3000+とm-ATAのマザーボードを上の小さくて古めかしいケースに入れて、ヤフオクにて激安で入手したUSBの地デジチューナー用にしようとしたのだが、スペック不足であえなく失敗。やむなくギリギリセーフな感じのcore2duo相当と思われる古いAMDのデュアルコアとHDMI付きのマザーボードをジャンクで落札したところ、下の新品同様のミニタワーが、ハードオフで、なぜか1,500円で売られているのを発見、ついでに立派なリモコンの付いたUSB地デジチューナーを衝動買いして、結局、別に1台録画フリーな地デジマシンができてしまい、すこぶる気に入って愛用している。
f0021035_21234145.jpg

つまり、ネットと動画鑑賞くらいならcore2duo相当で十分であると確信し、AMD Athlon 64 ×2 がマザボに乗ったままのやつが、あまりに低価なのでついついヤフオクで落札、使う予定もないのに置いてあった小さなPCケースに押し込んでみたのである。Athlon 64 3000+のマザボはメモリが2枚しか乗らないタイプなので、マザボの横のスペースにHDDが設置できたが、今回はメモリが4枚乗るので、HDDのスペースがなくなってしまった。しかたなくフロッピーディスクのプレイヤーを外してHDDを取り付けて、空いたスペースには2.5インチのHDDでもOS用にと思ったが、まてよと、思いついたのである。
f0021035_18595111.jpg
f0021035_18595847.jpg
SSDはどうだろう。高くて手が出なかったが、最近はヤフオクでジャンクが出品されていたりする。ためしてみるかと、40GBジャンクで2千円ちょいである。メーカー不明である。2.5インチHDDより小さくて軽い。接続はSATAと同じである。HDDの診断ソフトで調べてみると、SATA3で、ほとんど未使用であった。40GBあればOSと多少のアプリケーションも大丈夫であろう。使わないXPでも入れてDVDプレーヤー替わりにでもと、さっそくインストールしてみた。OSの起動も、アプリケーションの起動も、たしかに、実感できるくらい早いです。今は安くなってきているので、30~240GBあたりの安いSSDをOSとアプリケーション用にするのは正解なようであります。
[PR]
by digressive | 2016-02-02 22:05 | マカーはケチだから | Comments(2)
 



人間は、考える足である。
by ラーメン
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29
カテゴリ
リンク

おやつ会

人との交流が人を育てます。


ホームページ作成
WEBデザイン(Perl PHP MySQL)
グラフィックデザイン
CI 各種印刷物 広告 SP
はじめました。

■□■□■□





RandomReading《読書記録》
通勤電車が私の書斎さ。
■□■□■□





WEBカラーネーム

WEBカラーチャート

「もう一つの日本」
どう展開するのか、見えませんが楽しみです。

放射NO! 防御プロジェクト
フェイスブック発、自分の身は自分で守ろう

植草一秀の『知られざる真実』
頑張れミラーマン

世に倦む日々
無料版です

奥の横道(写真)
携帯で写真を撮りだすとクセになる。

マニア・マニア
何が彼らをそこまで駆り立てるのか?

天木直人.com
多少偏向していそうだが、
文春よりは参考になる


きっこのブログ
謎のブログ、リンクしていいのかな?

とりまきメモ
ブログというより、日記帳ですね。

LINK MEMO
小生の勝手なリンク集


小金井市の地域SNSです
WEB デザイン モリ のページもあります。

アメブロもよろしく。

pixiv

twitterフォロー ミー

上のボタンが好きな背景色で作れます


青空文庫


お気に入りブログ
ライフログ
以前の記事
2017年 04月
2017年 03月
2017年 02月
2017年 01月
2016年 12月
2016年 10月
2016年 09月
2016年 08月
2016年 06月
2016年 04月
2016年 03月
2016年 02月
2016年 01月
2015年 12月
2015年 11月
2015年 10月
2015年 09月
2015年 08月
2015年 07月
2015年 06月
2015年 05月
2015年 04月
2015年 03月
2015年 02月
2015年 01月
2014年 12月
2014年 11月
2014年 10月
2014年 09月
2014年 08月
2014年 07月
2014年 06月
2014年 05月
2014年 04月
2014年 03月
2014年 02月
2014年 01月
2013年 12月
2013年 11月
2013年 10月
2013年 09月
2013年 08月
2013年 07月
2013年 06月
2013年 05月
2013年 04月
2013年 02月
2013年 01月
2012年 12月
2012年 11月
2012年 10月
2012年 09月
2012年 08月
2012年 07月
2012年 06月
2012年 05月
2012年 04月
2012年 03月
2012年 02月
2012年 01月
2011年 12月
2011年 11月
2011年 10月
2011年 09月
2011年 08月
2011年 07月
2011年 06月
2011年 05月
2011年 04月
2011年 03月
2011年 02月
2011年 01月
2010年 12月
2010年 11月
2010年 10月
2010年 08月
2010年 07月
2010年 06月
2010年 05月
2010年 04月
2010年 03月
2010年 02月
2010年 01月
2009年 12月
2009年 11月
2009年 10月
2009年 09月
2009年 08月
2009年 07月
2009年 06月
2009年 05月
2009年 04月
2009年 03月
2009年 02月
2009年 01月
2008年 12月
2008年 11月
2008年 10月
2008年 09月
2008年 08月
2008年 06月
2008年 05月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
最新のコメント
ボリュームメータ...け..
by かえる at 21:01
LEDですか、そうとうマ..
by digressive at 19:41
すげぇわぁ。 Ra..
by かえる at 11:24
げんざい、数学系のライブ..
by かえる at 18:43
Pythonですか、これ..
by digressive at 18:34
きのうからPythonや..
by かえる at 09:00
ruby python ..
by digressive at 19:50
ラズパイのスクリプトはP..
by かえる at 10:53
ラズパイはPCオーディオ..
by digressive at 16:27
すげぇ!
by かえる at 21:58
最新のトラックバック
Macの音楽をオーディオ..
from ちょっとOldなMacの話
グランベリーモール町田
from アウトレットモール・パーク【..
「セオリー」アウトレット
from 町田アウトレット【グランベリ..
アロワナ
from アロワナ
進行中の環境問題
from バナナペーパー!?環境問題を..
バナナが地球を救う。
from バナナが紙に!?そんなバナナ..
インクジェットプリンター..
from ネット専用商社 特選館
【携帯】 アップルの「i..
from 【究極の宗教】Physica..
お得なえびの高原温泉に関..
from 宮崎エリアnavi
TOEIC勉強法
from TOEIC勉強法
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧