ボチボチ、進行中。

パソコンとiPhone

 

以前、iPhone、iPadなどのスマートフォンやタブレット端末への対応を

プラグインにまかせよっか、どうしよっか~?

なんて、ぼやいてたけど・・・

 

さすがに、プラグインにお金をつぎこめそうにないってことで

ボチボチとCSSにて対応進行中。

 

この何か月か、試行錯誤。

なんてったって

すでに出来上がってるサイトへの適応だもんで

新規で作るのと同じくらい・・・

イヤッ!!!それ以上の手間暇がかかります、、、

 

 

しか~し・・・

半分以上、自己満足のためにすることだから

もちのろん、お金なんていただけません!(´ー`)┌フッ

 

 

今回、いつも楽しい更新で楽しませていただいている

社会福祉法人 ひとつの会」さまのサイトをいぢくってみた。

 

 

 

ヘッダー部分。

通常(パソコン)だといろんな部品がありますが、スマートフォンなど480px以下の解像度の場合、

スッキリとシンプルに。

 

HOMEボタンはいらないので非表示。(ロゴをタップするとHOMEへ飛ぶので)

iPad等のタブレット(770~880px)だと

領域の幅の%を変えながら表示(通常とレイアウトはほぼ同じ)。

 

ヘッダー部分の変化

 

トップページの新着記事やバナー部分は

レイアウトと幅を変えながら変化。

 

 

トップページ、トピック部分の変化

 

新着記事はタイトルと日時だけで

抜粋や画像は非表示にしてコンパクトに。

 

これ以外にもいっぱいいっぱい変化するけど書ききれん、、、

 

つーか、疲れた。

 

誰か、私に仕事をください。

 

年越せねー・・・・・・・・

 

 

One comment Add yours

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA