Welcome to SaltCreek.WebSite
昔ながらのホームページです

ここは1990年代、個人でホームページを作っていた私が定年退職を機に、再びWebデザインを楽しんでいる「昔ながらのホームページ」です。
フジテレビ系列で「イチケイのカラス」と言うドラマが最終回を迎えました。昨年度、私が一番お勧めするドラマです。1時間大笑いしながら涙する法廷ドラマですが、何故か私の大好きなドラマ「with love」「義母と娘のブルース」も竹野内豊さんが出演しています。いずれ、ネットTVで放映すると思いますので是非チェックしてみてください。

令和3年8月1日(日)からWordPressにてブログを始めました。お時間がありましたら覗いてみてください。m(_ _)m

© Fuji Television Network, Inc.

テニスクラブ

60才以上を限定としたテニスクラブについて紹介します。(Coming Soon)

Webデザイン

ただいま試行錯誤中です。今しばらくお待ちください。(Coming Soon)

ハイキング

毎週登る500m級の山へのハイキングを写真等で紹介します。(Coming Soon)

Bootstrapついて

About LandingPage

その1 スマートフォンサイト

一般的にWebサイトをそのままスマートフォンで表示させると、文字や画像などの表示が小さく閲覧性・操作性が下がります。スマートフォン向けに最適されたスマートフォンサイトを作ることはユーザビリティ、SEO両方の視点からも必要になっています。

その2 Bootstrapについて

「Bootstrap」とは、レスポンシブWebデザインのサイトやWebアプリケーションを効率よく開発することができるCSSフレームワークのひとつです。公式サイトからダウンロードして利用することができます。もともとTwitter社内で作られ「Twitter Bootstrap」という名称でしたが、現在は「Bootstrap」と呼ばれています。

その3 レスポンシブ対応

作成したページをパソコンで見てもスマートフォンで見ても自動的に見た目が変化します。ヘッダー、ナビゲーション、サイドバーなど、いろいろなパーツが自動的にリサイズされたり、見た目が変わります。

その4 色々なテーマで作成

世界中のデザイナーが作成した有料、無料のテーマ(デザインテンプレート)がダンロードして利用できます。公式サイトはもちろん、ブログやまとめサイトで人気のテーマが紹介されています。

その5 ブレークポイント

Bootstrapでは、4つのブレークポイント(576px、768px、992px、1200px)がディフォルトで設定されています。そのため、class名をcssに付けるだけでレイアウト調整ができます。

その6 1列〜12列のデザイン

Bootstrapでは、横幅を12分割し、12本のカラムを使ってレイアウトを作ることができるグリッドシステムが特徴です。「.container」または「.container-fluid」の中に.rowのボックスを入れ、その中にカラムを入れます。「.container」と「.container-fluid」は、画面サイズに合わせて段階的にリサイズされるか流動的にリサイズされるかで使い分けます。

お勧めしたくなる

TV Animation

『ジョジョの奇妙な冒険 Part3 スターダストクルセイダース』は、荒木飛呂彦の漫画作品『ジョジョの奇妙な冒険』のPart3(第3部)。単行本12巻 - 28巻に収録されている。今シリーズから「幽波紋」(スタンド)という設定が加えられ、以後、主な登場人物はスタンド使いとしてストーリーに関わってくるようになる。
『スターダストクルセイダース』は後年に付けられた副題で、『週刊少年ジャンプ』連載当時の副題は「第三部 空条承太郎 ―未来への遺産―」。なお、画集『JOJO A-GO!GO!』にて発表された当初は「スターダスト トラベラーズ」という副題であったが、廉価版発行の際に現在のものに訂正されている。(wikiより))
ジョジョシリーズでは一番好きな作品ですが、BS日テレで再放送最終回を迎えました。ネットTVではいつでもみられますので、是非チェックしてください。60過ぎてもアニメ好き。

yoda pics

©荒木飛呂彦&LUCKY LAND COMMUNICATIONS
集英社・ジョジョの奇妙な冒険SC製作委員会

testimonial1

サマーウォーズ

SUMMER WARS

『サマーウォーズ』は、マッドハウス制作の日本のアニメ映画。キャッチコピーは、「これは新しい戦争だ。」「つながりこそが、ボクらの武器。」細田守の初の長編オリジナル作品で、脚本の奥寺佐渡子、キャラクターデザインの貞本義行など、『時をかける少女』のスタッフが製作した。舞台は、長野県上田氏の田舎町と高度に発達したインターネット、高度なネットワーク技術を持った人物が登場する近未来の世界を行き来する。


testimonial1

ハンター x ハンター

HUNTER x HUNTER

『HUNTER×HUNTER』は、冨樫義博による日本の少年漫画作品。主人公の少年・ゴン=フリークスがまだ見ぬ父親のジンと会うため、父の職業であったハンター(詳細は下記)となり、仲間達との絆を深めながら成長する様を描いた冒険活劇。


testimonial1

ルパン三世
カリオストロの城

Luoin 3 The Castle of Cagliostro

世界的な怪盗ルパン三世一味はモナコの国営カジノの大金庫から大金を盗み出すが、それが真券同然の精巧さで知られる幻の偽札「ゴート札」であることに気づく。「偽物に手を出すなかれ」のルパン家の家訓に従い札束を撒き散らすように投げ捨てたルパンと次元は、ゴート札を標的としてその出処と疑われているヨーロッパのカリオストロ公国に向かう。


レイアウトサンプルです(三男だけ本人)。

Family comments

testimonial1

長男

Mechanical engineer

父が定年後、Webデザイナーを目指すといった時には驚きましたが、毎日、粛々と勉強しているところを見て今は純粋に応援しています。

testimonial1

三男

Elementary school student

そんなことより、Amazon PrimeでHunter x Hunter見て良い?ゴンとキルアとヒソカがチームになって、ドッヂボールの試合をやっているんだ。

testimonial1

Baby

フォースとは一種のエネルギー体であり、ミディ=クロリアンによって数値化される。 ジェダイの騎士が用いる超常的な能力の源となっている。…バブー。

お手紙ください

Contact US

30年前、世の中にホームページが登場しインターネットを介して自分の存在を全世界にアピールできることにワクワクしながら私自身ホームページを作成し、毎日更新していました。しかし、数年後、ブログが登場してからホームページ制作は法人のものとなり、自分自身のページも閉じる事となりました。

定年退職を機に、新しいWebデザインに挑戦しようと日々悩むことを楽しんでいます。
今回は初めてのBootstrapでコーディングしてみました。外国サイトのYouTubeを見ながらコーディングをし、その仕組みを確認しながら勉強していたところ、何か今までのコードの書き方と違うなと言うことを思っていたところ、記述途中でBootstrapを読み込んでいることを理解しました。www

CSSの記述が少なく、HTML内のClassに装飾をコーディングしている感じでしたね。今後は、レスポンシブ対応で動的なページが基本となると思います。Bootstrapには拘らず、Flex-Box、Grid-Template、Parallax、Glassmorphismなどの可能性をデザインしていきたいと思っています。そしてやっと、wordpressでのブログサイトを公開できるようになりました。毎日は更新できませんが、のんびりと生涯を通じて続けていきます。今後ともよろしくお願いいたします。

SaltCreek(62歳・男)

Write to us:

Shizuoka

Japan

090-***-****

未だガラケー

saltcreek_apple

@icloud.com