印象に残るCSSプロパティ

こんにちは。

制作部のSです。

いつも混んでるアメ横です。

最近GETした飲み友達が上野界隈に詳しすぎるので、たまーにアメ横に出没しています笑

さて2020年の新年を迎え、気持ちを新たに頑張るぞ!と息巻くと同時に、WEBサイトを作成していると新しい発見や気付きが多く、改めてとても楽しい仕事だなと日々感じています。

私はWEB業務未経験で入社したので、なおさら思うわけです。

HTML,CSS,JavaScript,php,,,WEBサイトを1つ作成するためには、これらの機能をフルに活用します。

これらの機能はとても優秀で、使いこなせば作れないサイトはないほど!

今回はそんな優秀な機能を誇る中から、個人的に思入れのあるCSSプロパティの話をしようと思います。

経験者の方にとってはかなり古い知識と感じると思いますが、初めて知ったときの感動は経験者の方も同じだったはずです。

検索すればたくさん出てくるので、ざっくりとですが説明します。

◆フレックスボックス「display: flex;」

これは私が制作部へ移ってすぐの頃に、当時の主任からこれ使えるよ!とすすめられたプロパティです。

初めてのWEB業務でテンテコマイだったあの頃に教わった事もそうだし、主任は私が制作部へ移ってすぐに仕事を辞めてしまったんですよね。

そんな思い出も重なって自分の中で強く印象に残っているんです。

さてこの「display: flex;」最初は訳わからん状態なのですが使ってみるとびっくり!

簡単に要素の並び替えが出来るので、あっという間に見た目が整うわけです。

こんな感じ(横並びにしている)

CSSに記載するのはたったの2つ。

display: flex;」と「justify-content: space-around;

この2つで綺麗に並び替えが可能なんですね。

さらに表示する順番も変更できるので、サイトのレイアウト調整も可能です。

他にも並び替えができるプロパティはあるのでサイトの構成によって適材適所で使い分けるのがいいと思います。

使用してみて個人的に感じたflexの一番の特徴は、要素の大きさを調整出来る事かなと思います。

「flex-grow」

「flex-shrink」

「flex-basis」

上記のプロパティは子要素に対して使用するのですが、自在に伸ばしたり縮ませたりといった挙動を制御でき、なおかつ自動で領域に格納してくれるすごいやつです。

要素の大きさを調整できれば、隙間なく綺麗に表示が出来るという事にも繋がるので、初めて知った時はflexすげー!CSSすげー!と思いましたね笑

入社して1年が経ちふと始めの頃を考えた時に、一番最初に浮かんできました。

初めての経験という事もそうだけど、その時の感情や気持ちと一緒に強く印象に残っているCSSです。

話は変わってプライベートの話もしようかな。

昨年は知り合ったばかりの友達と意気投合し、共通の趣味であるキャンプをしにナイフと酒のみを手に山へ2泊のサバイバルを楽しんできたのですが、、今年も行ってくる!笑

大好きなアウトドアで大自然のエネルギーを充電しながら制作業務をたくさんこなして印象に残る楽しい1年を過ごします♪

◆追伸

現在、制作部ではWEBサイトのレスポンシブ化にとても力を入れています!

新規での作成の他に、PCとスマホサイトが分かれている既存店舗のレスポンシブ対応も行っています。

レスポンシブ?そんなの任せろ!と強気な方、そしてレスポンシブがわからなくてもとにかくやる気のある方!

仕事もプライベートも”印象に残る”そんな楽しい時間を過ごしたい方のご応募お待ちしております。

スタッフブログ最新記事

Youtube最新掲載動画

【「新人女性スタッフ」インタビュー (入社初日の研修終わりにイロイロ質問してきました!)

「新人女性スタッフ」にインタビューをしてきました。彼女の「研修の感想」「研修担当者の印象」「今後の夢・目標」とあわせて「会社の雰囲気」を感じ取ってもらえたら嬉しいです!いわゆる「風俗」のイメージとは、きっとだいぶ違うものをお感じになられると思います(^^)

【池袋の人気風俗店】女の子待機所&受付 ★NEW 78秒 お店紹介動画★

東京・池袋の「人気風俗店」の「女の子待機所」と「受付所」を撮影してきました。 2019/8にもこちらのお店を撮影した動画を公開していますが、床を張り替えてキレイになりましたので、またムービーを撮ってまいりました。 「女の子待機所」を目にする機会はなかなかありませんので、ぜひご覧ください。

横浜 日ノ出町の【人気コスプレ風俗店】の「受付」「女の子待機所」を100秒でご紹介!!

横浜日ノ出町駅の「風俗店」の「受付&女の子待機所」を公開しています! 「コスプレ店」もあるので受付にはお客様が直接「見て」「触って」選べるように「コスプレ衣装」「下着」「小物」が所狭しとディスプレイされています。 動画の後半では「女の子の待機所」も少しだけ公開しています。風俗でお仕事をしないと絶対に足を立ち入ることはない「秘密の花園」ですので、風俗にご興味がある方は、ぜひ最後までご覧ください。

五反田店「巨乳」「人妻」「風俗エステ」「オナクラ」の【裏側】を撮影してきました!!

風俗のメッカ「五反田」で人気のシンデレラFCグループのお店の「裏側」を撮影してまいりました! 映画やドラマに出てくるような「アウトロー」「アングラ」「暗い雰囲気」はなく、ごく普通の事務所です!どの風俗店で働こうかな?とお考えの際の参考材料としてぜひご覧ください。

タグ

スタッフブログ最新記事

月別 アーカイブ

2023年

2022年

2021年

2020年

2019年

2018年

2017年

2016年

2015年

2014年

2013年

2012年

2011年

2010年

2009年

2008年

2007年

教育官ブログ
\風俗業界時評/シン・コラム
英語スタッフブログ!