そろえるとは?

このところ、「CSS ダサい」というキーワードでいらっしゃる方がたまにいる。ADPをよく読んでらっしゃる方は、どのエントリにたどり着くかわかるだろう。
個人的な意見だが、CSSを使ったページがダサくなってしまう典型的な理由は、ひとつはボーダーをやたらと使いすぎること、もうひとつは余白のとり方がいいかげんなこと(狭すぎで種類が多すぎ)、だと思っている。
どちらも原因は同じで、設定できるからやっちゃう、ということだろう。borderを設定できるから、たくさんいろいろ指定したくなるし、marginやpaddingを変えられるから、見出しや他の要素ごとにいろいろ変えてみたくなる。
だが実際には、ボーダーはそれほど使う必要がないし、見出しも本文も左端をそろえたほうがきれいに見えたりする。
そこで、ボーダーはとりあえずおいておいて、CSSを使ってできるだけ左端をそろえてみよう、というのが今回のネタだ。詳しくは、サンプルファイル「左端をそろえる」を参照してほしい。印刷物のほうでは常識なのかもしれないが、そっちは本当に素人なので、いつもにもまして適当になっている。あらかじめお許しを。
グリッドはテーブルレイアウトのときだけでなく、CSSを使うときも意識する必要がある。特に、余白を適度に作ったうえでテキストの左端をそろえることは、見た目をすっきりさせることに貢献できる。
印刷物と違い、フォントやフォントサイズ、環境がいろいろ違うウェブでは、左端を正確にあわせるのは難しい。また、数字上ぴったりあわせても「にんげんさま」が見るとぴったりには見えないこともある。それをふまえ、それっぽく見えるよう、あんまり無理しない範囲でやることにする。
見出しは、フォントサイズを大きくしている場合、margin-leftの数字だけをあわせると本文に比べ内側に埋まったように見えることがある。フォント自体の余白が、フォントサイズ拡大に従って大きくなっているためである。この場合、見出しは多少(1〜2ピクセル)左にはみ出させてはじめるといいようだ。使うフォント、使うテキストの内容によってもずれが生じるので、この1〜2ピクセルのずれがどうしても気持ち悪いと感じたら、画像を使うことになる。
左寄せした矩形画像やul要素のリストのマークも、本文と左端があうときれいだ。が、ふつうにやるとやや左にはみ出しているように見える。この場合、画像の四隅を角丸に加工したり、リストのマークを丸くしたりする方法と、画像やマークを本文より1ピクセル右に寄せる方法が考えられる。
だが、余白のパターンをたくさん作ってしまうのはあまりよくない。他のウェブサイトや印刷物を見るときに、こことここはそろえている、ここは変えている、というのを気にするようにすると、参考になるはず。
コメントの内容確認のため、反映されるまで時間がかかる場合があります。E-Mailはサイトに掲載されません。

[ 108] ADP: 左端をそろえるネタ
[引用サイト]  http://adp.daa.jp/archives/000518.html

今家庭教育が崩壊しています。親も子も切れる時代です。核家族化が進み豊かな時代となり無免許の親が増えてきました。しつけの崩壊です。
学校教育が崩壊しています。学級崩壊をはじめ履修問題など学校としてのモラルまでもが崩壊しています。またゆとり教育による学力崩壊。しかしまだまだ根深い受験戦争。現在教育界は塾の一人勝ちです。塾では勉強が第一です。勉強しかしていない子どもが増えています。つまり人間としての教育が崩壊しています。
基本の家庭教育が崩壊し、学校教育も崩壊すると、その先の社会人として、成功するはずがありません。勤労の崩壊です。いまやフリーターにとどまらずニートが増大しています。今までの社員教育は【技術力】を中心としたものでした。しかし、いくら技術を教えても続かない、やる気がないのでは役に立ちません。今は【人間力】の教育が盛んになってきています。
このような教育乱世・崩壊の時代に必要な教育とは一体何なんでしょうか。それは人間力を強化する【態度教育】です。挨拶・返事・履物をそろえる・姿勢を正す(立腰)・食事のマナー(食育)です。これが人間の基礎です。これを実践することにより心強くなり、人間力がアップします。
当園では子どもたちに立ち止まり、足を揃えて挨拶することを指導しています。それは相手に心を向けるということです。少々堅苦しいぐらいが調度良いのです。現在の生活では、その堅苦しさが欠如しています。相手に心を向けていないのです。
できれば挨拶し終わった後目と目が合っていれば最高です。不思議なことに相手に心を向けて挨拶すると相手も心を向けて挨拶してくれます。心が返ってくるのです。当園ではそのような挨拶を指導しています。
心にはコップがあります。心のコップが上を向いていると教えたことはどんどん入ります。しかし、コップが裏返っていると何も入りません。そのコップを上に向けるのに返事が良いのです。これを「素直」といいます。挨拶同様相手に心を向けるということなのです。それは態度が良いということになるでしょう。態度が悪いと伝えたくなくなってしまいます。当園では「は〜い」ではなく、「ハイ」という返事を指導しています。
履物をそろえる=ものと心のしまり、けじめです。終わりを全うできない人間はたいした仕事はできません。履物をそろえるポイントは両手です。両手でそろえる姿は美しいのです。お茶を飲む、物を渡す、水を注ぐのも両手ですると美しく見えます。両手でするということは、心をそこに向けるということなのです。
人間力は心です。物事を丁寧にする、物(もの)を大切にする気持ちが大切です。履物をそろえると敬う気持ちけじめが身につきます。当園ではトイレの後のスリッパを両手で揃えるように指導しています。
昨今の小学校では授業中座れない子どもが増加しているとよく耳にします。学級崩壊です。自分の心と身体をコントロールすることができないのです。
立腰は自分をコントロールする力を身につける為に行います。また立腰をする際、保育者が「今日一日何をするか考えよう」と子どもたちに言葉掛けをすることにより、集中力と未来を予測する力も高めることができます。
立腰はまず、一人ひとりの子どもの後ろに立ち、背骨に沿って肩の位置からおへその下まですべり下ろし、おへその下(たんでん)の位置でそっと押してあげます。そして最後に肩に両手をあて、どのような子に育ってほしいかという願いを込めます。
年長になると約10分間の立腰が可能になり、卒園式では約1時間の式の間ずっと立腰の姿勢を保つことができるようになります。
食事は愛情です。昨今、手抜きを支援する食材がいっぱいです。たまにはいいのですが、子どもに母の味を伝える為にも手料理を作ってあげてください。その味は生涯忘れることはないでしょう。
当園の給食には子どもの健康を考え和食中心に行っています。特に乳製品は日本人の身体にはあいませんので、出していません。乳製品を日本人が採りはじめたのは戦後になってからです。それから骨粗しょう症などの病気が発病するようになりました。当園では牛乳の変わりに豆乳を飲ませています。不思議なことに体に良いものは嫌がりません。今ではおかわりが出るほどの盛況振りです。そして、食事のマナーも大切ですね。お箸の持ち方やひじをついて食べないなどのマナーはもちろんのこと、食事の前のトイレから食後の歯磨きまで一連した指導を実践しています。

[ 109] 泉新学園/態度教育
[引用サイト]  http://www.senshin.ed.jp/taido/taido.html

この度は当サイトをご覧頂き誠にありがとうございます。当サイトは有限会社ディー・エヌ・ティーが管理運営しているホームページです。屋号は、”そろえる-shopドットコム”と申します。人が集まって、何か活動を始めるときには”そろえる”ことが必要になります。「バラバラ」になっていたものを「そろえる」とさらに連帯感、一体感が生まれ活動をより力強く行うことができます。その活動を支えるためにも、私たちの提供するユニフォームは魂のこもったものでならないと考えております。私たちは現在、サークルで”そろえる”、部活で”そろえる”、職場で”そろえる”、チームや仲間で”そろえる”を中心にさまざまな人と関わり”そろえるユニフォーム”の作成、販売を行っております。小さなお店のそろえるショップですが、私たちの強さは”企画と提案力”、”デザイン力”、”小回りの利いたサービス”だと考えております。皆様の活動のパワーとなれる”そろえるウェアー”を今後とも作り続け、そろえる-shopが少しでも皆様の活動の助けになりますよう、今後も努力してまいります。”そろえる”ことをご検討の際には是非お気軽に声を掛けていただきますよう、よろしくお願い申し上げます。
■各種ユニフォーム作成販売(一般向けTシャツ、トレーナーから飲食業、サービス業のユニフォーム、作業着、事務服、イベント用ユニフォーム、コスチューム、スポーツユニフォーム、その他)■スポーツ用品全般(アイスホッケー、サッカー、野球、テニス、バスケット、バレーボール、その他)■販促用品販売(のぼり、名入れグッズ)■オリジナルグッズ作成(クッション、マウスパッド、マグカップ等)■ステッカー作成(カッティングステッカー)■飲食業、サービス業向け販促システム代理店
スタッフの心がけお客様とともに幸せを感じることができることを心がけて、ユニフォームを作らせて頂いています。ユニフォームを”そろえて”打合せをする人がいる、スポーツをする人がいる、仲間で楽しむ人がいる、そんなお客様の日常の中に喜びがあり、涙がありそのそばにいつもユニフォームがあると思っています。お客様が満足して活動ができるように、私たちは納得がいくまでデザインを作り、商品を作りあげます。幸せは2つあるみんなで”そろえる”ものを作成させていただいている仕事ですが、この仕事をするにあたり私たちスタッフは2つの幸せがあると思っています。1つは「そろえる」商品について、デザインや衣装でお客様と打合わせしている時。作る前にはいろいろと期待がふくらみ、出来上がってくる商品を想像しながら打ち合わせさせていただきます。まるで旅行に行く前の打合せのようです。2つ目は商品が実際に完成して、お客様に初めてお見せした時の瞬間です。想像していたものが実物になったものを見たときのお客様の感動は、私たちスタッフにとっても何よりの感動です。お客様の感動を糧に、私たちスタッフも日々勉強につとめます。
・報徳学園中学校、高等学校様・コープこうべ コープセンター様・宝塚歌劇団 榛名由梨様・ラブハリケーン TOKYO MX TV、Sky Perfect TV様・梅田ヨドバシカメラ DoCoMo販促イベント並びに数多くのお客様にご愛顧いただいております。

[ 110] プリントTシャツとユニフォームのそろえる-shopドットコム
[引用サイト]  http://www.soroeru-shop.com/0about_dnt.html



お気に入り



  • track feed
    • seo