サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
tanomasaki.com
整体院、整骨院や歯科、クリニックなどのホームページによくある、診療時間表のHTML・CSSテンプレートを作ってみました(探しても意外と無かったので)。 「午前の部 / 午後の部」と分かれているテーブルです。 スマホ(レスポンシブ)対応済。端末によってはどうしても画面幅に収まりませんが、その場合は表だけが横スクロールしますので、ページの横ブレは発生しません。 気になる場合はカラムの余白を狭めたりなど工夫してください。 テンプレート1 もっともベーシックな見た目だと思います。 See the Pen Untitled by masakitano (@masakitano) on CodePen. テンプレート2 上下にだけ線を引いた、ちょっとシュッとしたデザインです。 See the Pen Untitled by masakitano (@masakitano) on CodePen.
メインビジュアルやGoogleマップでよく使いそうなやつですね。画像など(子要素)がサイト幅コンテナ(親要素)からはみ出して画面幅いっぱいに表示されます。 指定方法 まずHTMLファイルにて、画面幅いっぱいに表示させたい要素そのものに対してクラスをあてましょう。(この記事ではwidthMaxというクラス名として解説を進めます) そして、CSSに下記のように書くことで適用されます。 .widthMax { /* 画面幅いっぱいにしたい要素にあてるクラス */ margin: 0 calc(50% - 50vw); } 注意点 画像の横幅は充分にあるか? 画像を画面幅いっぱいにしたいとき、画像そのものの横幅が画面幅より小さい場合は期待通りに表示されません。TinyPNGなどの画像圧縮ツールで容量を軽くしつつ、充分に大きい画像を使います。 Googleマップではiframeタグに直接適用しない
イベントに出展したときの話 那須高原の結婚式場ミッシェルガーデンコートにて開催。 美容・健康・飲食‥那須地域のいろんな業者さんが出展したイベント “女性の美と健康と癒しの祭典”那須ビューティーフェスタにぼくも出ました。 (↑公式サイトより) こんな感じで楽しかったです。 で、こういうイベント出展にて あると非常に便利なのが立て看板。イーゼルです。 こういうやつ ただぼくはイーゼル持ってなくて、かといって滅多に使うものでもないから わざわざ買うのもな‥と思ってましたので、 SNSにて「どなたか貸していただけますか?」と呼びかけてみたんです。 すると4人のかたからお申し出をいただき、うちお2人にお借りしました。 ありがとうございました! そんな中、ひとつ面白かったことがあったんです。 1台は当店のお客様が「Twitterで見ましたが良かったら」と貸してくださったんですが、 実は、そのお客様がぼ
エジプト、謎の古代文字を解読すると‥? エジプトの古代壁画 こんな話があります。 ナセル大統領の時代、エジプトのナイル川の中流、アスワン近くに世界最大級のダムが建設されました。 これが有名なアスワンハイダムで、建設の折、アブシンベル神殿という由緒ある神殿を 移動させたことがあります。 そうしたら、洞穴の中の壁に、3千年前の記号のような古代文字が書かれてあるのが 発見されたのだそうです。 考古学者を動員して解読したら、なんと 「近頃の若い者は!」 という意味だったそうです。 (以上 櫻井秀勲 著『女がわからないでメシが食えるか』サンマーク出版 より引用) うーん。「まったく近頃の若い者は‥」とは 古代から変わらない、人類普遍のセリフのようです ぼくの場合 こんにちは。整体・足裏マッサージきらく 田野正樹です。 このブログサイトからも 店舗集客をはかろうと店のページを設置してから2ヶ月ほど。
うちは“電源カフェ”じゃねえんだよ ぼくがよく利用してる個人経営のカフェのかたが「さいきん困ったことがあるんです」とお話してました‥。 店内でWiFiを使えるようにしてますので、PCを持ち込まれるお客様もよくいらっしゃるんです。 するとやはり「電源お借りして良いですか?」と訊かれるんですよ。 その際はお貸しするようにしてるんですが、 あるとき自分の店が【電源が使えるカフェのポータルサイト】に登録されてることが分かりました。 お客様どなたかが投稿したんでしょうね。 電源使用の申し出は、言われれば承諾はしていますが あくまで公式のサービスではないので、そう捉えられるのは困りますよね。 これはよく分かります。 ちなみにぼくもこちらのお店で電源お借りしたことありますが、決してこういうお客様用コンセントじゃないですよ↓ 最近はここばっかりです!人が少なくて快適すぎる!のであまり知られたくない、、、で
あなたの名刺はどんなデザインですか? こんにちは! 整体・足裏マッサージきらく という店をやっております 田野 正樹ともうします。 わたくしの名刺はこんなデザインです。 整体・足裏マッサージきらく そしてこちらは、取引先のホテルに置いているマッサージの案内 地域ポータルサイト『栃ナビ!』 全ての宣伝媒体に、顔写真を掲載しております。 ・・いや、 ナルシスト趣味とかそういうのでは決してなく(笑)。 理由は こういった整体、リラクゼーション。また美容室やエステティックといった 『サロン』と称すことのできるビジネスにおいては、 お客様がまず知りたいのは担当者の顔である。 と信じて疑わないからです。 これが飲食店とかだと違いますけど。 食べログなんかで飲食店を探すとき、 写真でまずチェックするのは 料理 内装・雰囲気など でしょう。 スタッフの顔をあらかじめ確認したいとは特に思いません。 「どんな
やあ!人間のみんな! ねこたろうだ! ぼくは那須高原のハンドメイダーchirol.さんのオリジナルキャラクターさ! そしてこのブログを書いてる、整体・足裏マッサージきらく 田野が発行する 「万能ツボハンドブック」に登場しているよ! 田野がお客様に配布しているもので、 すぐ取り入れられるツボの小冊子として たいへん好評なんだ! ぼくが表紙だし、見た目がかわいいところが まず良いよね! さて、 今回はchirol.さんの許可を得て、田野のブログ記事にも登場したよ! タイトル通り、 花粉症の症状を軽減させるツボを紹介するためさ! 辛いよね。花粉症。 止めどなく溢れる鼻水に猛烈な目のかゆみ。 くしゃみに加え頭はボーッとするし、 仕事も家事も、何も手につかなくなるよね! そこでツボだ。 薬と違って副作用も無いし(ここ大事だよね)、 スッキリするからオススメだよ! 以下、⑤点紹介しよう! ①合谷 ごう
「ペットピーヴ」ってご存知ですか? ぼくの大好きなラジオ番組『A.O.R』のパーソナリティー ユキ・ラインハート女史が、facebookにてこんな投稿をされてました。 あなたの「ペットピーヴ」は何ですか?英語で「ペットピーヴ」とは、イラっと来る事、イラっとする人の行動を意味します。ちなみに私はこちらです:1. 人が、エレベーターに乗っていて階のボタンの前にぴったり立ち、こちらが押すのをし辛くする時2… Posted by ユキ・ ラインハート on 2015年10月20日 「ペットピーヴ」とは、イラっと来る事、イラっとする人の行動を意味します。 「ちなみに私はこちらです」と6項目。 歩きスマホとか食べ方が汚いとか。 そして「あなたのペットピーヴは何ですか?」と。 ああ、わかります。 こういうの人それぞれ、“イラっと来るポイント”がありますよね。 本屋で、平積みになってる売り物の本の上に 自
モレスキンとは? �“ピカソも愛した伝説的ノートブック”【MOLESKINE モレスキン】をご存知ですか? Moleskine®は2世紀の間、ヴィンセント・ヴァン・ゴッホ、パブロ・ピカソ、アーネスト・ヘミングウェイ及びブルース・チャトウィンなどの芸術家や思想家に愛されてきた伝説的ノートブックの相続人であり継承者です。丸い角を持つ黒のシンプルな長方形、ノートを束ねるゴムバンド、そして内側のマチ付きポケット: 無名だけれどもそれだけで完成された品は、小さなフランスの製本業者によって一世紀以上もの間作られ、世界中の革命的芸術家や作家が訪れて購入した、パリの文房具店に納品されていました。旅のお供にぴったりな大きさの頼れる存在。このノートブックは、有名な絵画や人気小説が世に出る前の貴重なスケッチ、走り書き、ストーリーやアイデアを記録してきたのです。 オフィシャルサイトより ええと要するに・・ノート・
このページを最初にブックマークしてみませんか?
『tanomasaki.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く