福井県のweb制作は有限会社ハートブレーン

HEARTBRAIN BLOG > タグ: CSS

ビジターアンケートに回答したらiPhoneXプレゼント

ビジターアンケートに回答したらiPhoneXプレゼント

……いや、いらない……。 支払能力がどうの、と高めの審査基準設定して貧乏人閉め出してから、あまり印象良くないし。 ど田舎貧乏人の僻みです。 いや、それはどうでもいいとして。 最近、ググって情報を漁っていると、結構な割合で […]

webネタ

13

18/09

タイトル下のボーダーの両端にダイヤを入れようとした

タイトル下のボーダーの両端にダイヤを入れようとした

始まりは、webデザイン担当小川の、この依頼でした。 いや……無理やん? 都合の良いように変更してツッコミが入ったら「最初からそんなんでしたよ?ほら、こっちのillustrator、CS5ですし?CCじゃないですし?デー […]

プログラミング

03

17/08

年末年始のご案内

年末年始のご案内

2016年は、和紙だの写真だのにフラフラして終いには生存を問われた代表取締役ではありますが、そんなハートブレーンを変わらずお引き立てくださり、誠にありがとうございます。 また、和紙ック-WA CHIC-(山本さん!私も表 […]

お知らせ

27

16/12

2枚の画像を重ねて縦中央に揃えつつレスポンシブに対応したい時

2枚の画像を重ねて縦中央に揃えつつレスポンシブに対応したい時

あちこちで語り尽くされているとは思うのですが、2枚の画像を重ね、上に配置した画像を縦横の中央にセンタリングしたい時があります。 情報が錯綜していて、結構ごちゃごちゃになってしまって、かなり試行錯誤したのですが。 自分なり […]

プログラミング

04

16/10

今更すぎるフレキシブルレイアウトについて

今更すぎるフレキシブルレイアウトについて

世間を騒がせ、コーダーの負担を大幅に減らした、CSS3のフレキシブルボックス。 と言いながら、Nがそれに出会ったのはつい最近という、相変わらずの浦島太郎コーダーなのですが。 フレキシブルボックスとは、画面やブラウザのサイ […]

プログラミング

15

16/06

高さの違う画像をcssのみでタイルのように並べたい場合

高さの違う画像をcssのみでタイルのように並べたい場合

写真をかっこよく並べたい。 特にギャラリーを自作した場合など、そう思いますよね。 いや、私はギャラリー作れないのですが。 サイト内の画像がPinterestのようなレイアウトにできたら……! jQueryプラグインなどで […]

プログラミング

26

16/04

jQueryプラグイン2つを同じページ内で使いたい時の注意点

jQueryプラグイン2つを同じページ内で使いたい時の注意点

jQueryって便利ですよね。 トグルメニューに、スライドショーに、フォトギャラリーに……欲しいものはほぼ叶えてくれます。 おかげで私のような無知なコーダーでも設置できてしまい、後々イレギュラーな事態に苦しめられることに […]

プログラミング

16

15/10

私がjimdoでレスポンシブwebデザインを使いたくない理由

私がjimdoでレスポンシブwebデザインを使いたくない理由

レスポンシブwebデザインは、設定は面倒ですが非常に有意義なスタイルです。 モニタのサイズに合わせてデザインが切り替わっていくのは、どのデバイスを使っている人も不自由しなくてすみます。 面倒ですが。 便利なシステムで台頭 […]

webネタ

19

15/09

自分のGoogle Chromeだけjimdoが見れなくなった

自分のGoogle Chromeだけjimdoが見れなくなった

ある日、いつものようにGoogle Chromeを起動させ、いつものように jimdo で制作したサイトを開いてみると また私、何かした!?と、サーバー障害情報やjimdoアカウント状態などを必死で調べる私の顔は恐らく真 […]

webネタ

12

15/06

2カラムの片方だけ可変幅にする時に私がやってしまった間違い

2カラムの片方だけ可変幅にする時に私がやってしまった間違い

レスポンシブデザインの場合、特に気を遣うのが横幅です。 昔も今もやはり2カラムレイアウトが多い印象ですが、設定を間違えたりすると、タブレットで閲覧したらカラム落ちでレイアウトが崩れて……というのは、よくある話です。 少な […]

プログラミング

10

15/06

line-height の単位

line-height の単位

line-height に単位はいらない?どっちでも良いんじゃない? そう思っていた時期もありました。 しかし今日、実際にそれが覆されました。 line-heightの値を1.8emにしたら、上の図みたいになったのですが […]

プログラミング

10

14/09

ヘッダーの子メニューをプルダウン表示させる際に私が犯した過ち

ヘッダーの子メニューをプルダウン表示させる際に私が犯した過ち

ブログに新しいカテゴリ「お勉強」を追加しました。 同僚が入社して以来、教わることが毎日山ほど出てくるのに対し 私から教えられるのは過去のデータの在処と社長の好きな女性のタイプくらいだという事実を憂慮し せめて勉強している […]

プログラミング

26

14/08

cssのサイズ指定にはviewport基準の単位があるらしい

cssのサイズ指定にはviewport基準の単位があるらしい

CSS には vw, vh, vmin, vmax という単位がある(Developers1.0より) 何ぃ!!!??? って、そもそも viewport ってなぁに? という、最早コーダーなのかどうかも疑わしいレベルの […]

プログラミング

21

14/08

CSSのみで背景画像を左右にカタカタふれるような動作をさせたい時

CSSのみで背景画像を左右にカタカタふれるような動作をさせたい時

こんな画像を こんな風に動かしたい。 しかもcssのみで。 というのも、動作を必要とするwebサイトのサーバーがjimdoだったので できるだけjQueryを避けたかったのです。面倒だから。 無理かな?と思ったのですが、 […]

プログラミング

19

14/08

webサイト表示速度の重要性を勉強してみた

webサイト表示速度の重要性を勉強してみた

最近、webサイトの表示速度が重要になってきた、とよく耳にします ……と思ったら、実はGoogleでは既に2012年から、全世界で速度を重視した基準を設けているそうですね。 相変わらず浦島太郎なNです。 米Googleに […]

webネタ

04

14/07

きっと誰もが知っているみんビズのちょっとだけ細かいネタ

きっと誰もが知っているみんビズのちょっとだけ細かいネタ

みんビズっていうか jimdo には、画像と文章を簡単に回り込ませられるメニューがあります。 それで(他の人が)ふと気づいたことなのですが こういう、写真を上、文章を下にしたい時 コードはこの通りです。 この、クラス名 […]

webネタ

25

14/06

縦方向のセンタリングとカラム横並べをCSSでなるべく綺麗に設定したい

縦方向のセンタリングとカラム横並べをCSSでなるべく綺麗に設定したい

CSSには、たくさんのルールが隠れています。 hタグの中にブロック要素入れちゃいけないとか、bodyの中にタグで囲まない文字を直接入れちゃいけないとか。 日頃から真面目にHTML言語と向き合ってる私以外のコーダーさんたち […]

プログラミング

05

14/06

みんビズの独自レイアウトで私が犯した過ち

みんビズの独自レイアウトで私が犯した過ち

『みんなのビジネスオンライン』は、カスタマイズ性と共に多彩なテンプレートも魅力の一つですが 企業の場合、その企業のカラーやロゴをデザインに取り入れたい場合も多かったりします。 そんな時に活躍するのが、独自レイアウト。 h […]

webネタ

27

14/05

子要素で使うmargin-topの罠

子要素で使うmargin-topの罠

度々苦しめられてきた割に、度々忘れる事実なのですが…… 親要素と子要素の間では、上下マージンの重ね合わせが行われる。 例えば、こういう構成でページを作る場合 ついこんなコーディングをしてしまうのですが [code] &l […]

プログラミング

26

14/05

IE9様にお許しを頂けなかったCSS設定

IE9様にお許しを頂けなかったCSS設定

XPのサポート終了で、堂々と「IE8は対象外です!(キリッ)」と放棄でき、CSS設定も楽に…… そう思ったら大間違いです。 さすが天下のマイクロソフト、層が厚いです。伏兵がいました。 IE9という伏兵が……。 CSSに比 […]

プログラミング

14

14/05

個人的に使うCSS3プロパティのIE対策まとめ

個人的に使うCSS3プロパティのIE対策まとめ

本当はcss3全部並べて、今後の対策に使おうとしていました。 ですが CSS3 リファレンス(HTMLクイックリファレンス様) ムリ。 という訳で、普段使う機会が多いプロパティで ほとんどが画像で済ませていたものとIEに […]

プログラミング

24

14/04

IE9でtext-shadowを正確に表現するために

IE9でtext-shadowを正確に表現するために

申し遅れましたが、2014年4月8日をもちまして ハートブレーンwebサイトのURLが、blog.heart-kokoro.net になりました。 ブックマークして下さっている方は(いるのか……?)変更をお願いします。 […]

プログラミング

10

14/04

みんビズで内部リンクをしようとした時のこと

みんビズで内部リンクをしようとした時のこと

講習まで行ってみんビズを学び、活用しようと日々努力中のNです。 しかし、つい最近、またしても初歩的な過ちをおかし ついには現在スタッフとして力を貸して下さってるMさんにご迷惑を……。 反省の意を込め、その内容を晒します。 […]

webネタ

31

14/03

みんビズでのデザイン妥協点解決点

みんビズでのデザイン妥協点解決点

今や時代の最先端(になっているかもしれない)「みんなのビジネスオンライン」。 ハートブレーンでも絶賛取扱中です。 webサイトを更新する暇がない、web担当を雇う予算もない…… そのような企業の方には救いの神とも言えるシ […]

webネタ

25

14/02

SEOにおけるimg要素

SEOにおけるimg要素

ふと思い出したので、ついでに書き留めておきます。 alt属性の文字列は、検索エンジンの評価における加点対象にはならない。 扱いがkeywordとかdescriptionと同じになるようですね。 必要な要素ではあるし、なけ […]

webネタ

21

14/01

名付けが苦手な人のためのクラス名定義

名付けが苦手な人のためのクラス名定義

何だか偉そうなタイトルですが、まずN自身が名付けは大の苦手です。 ブログタイトルとか結局放置のままですし。 記事のタイトル一つにしたって、センスという文字にはとことん無縁に生きてきたことだけが伝わってくる素晴らしさです。 […]

プログラミング

15

14/01

みんビズ制作代行始めました

みんビズ制作代行始めました

今日はサイトを色々マイナーチェンジしました。 メニューとサイドバーの一部分を変えたり TOPページのウィジェット辺りをあからさまに変えたり フッターメニューやサイトマップのCSSという全然目に見えない部分を変えたり 本当 […]

お知らせ

10

14/01

背景画像を各モニタに合わせたい

背景画像を各モニタに合わせたい

コーディングをしていると、時々このようなデザインが来ます。 この、背景デザインとしては素晴らしいけど (画像例からは素晴らしさが1ミリも伝わりませんが) コーダー泣かせの、この切り所がみつからない、背景画像。 コーダーや […]

プログラミング

03

13/12

CSSでの文字サイズ指定に潜む各ブラウザからの課題

CSSでの文字サイズ指定に潜む各ブラウザからの課題

cssでの文字サイズ指定、迷ったことはありませんか? 私はあります。ほんの今。 ……と、対策するのが遅すぎのNは置いといて。 実はこんな問題にまたしても直面したのですが。 文字サイズの単位は px、pt、em、%など様々 […]

プログラミング

04

13/09

自分をかっこわるいと思う瞬間

自分をかっこわるいと思う瞬間

開放的な夏。 「夏までにダイエット」 「夏までに恋人を作ろう」 何でもキーワードになりやすい、それが夏……だと思う。 というわけで、 夏に向けてかっこつけたい人のために 夏の暑さで頭が沸いたNがお送りする 「かっこわるい […]

日々徒然

24

13/07

ページタイトル部分を縦中央でセンタリングしたい時

ページタイトル部分を縦中央でセンタリングしたい時

普段、会社で(実は自宅でも)使っているメインブラウザは、現在Google Chromeです。 Firefoxとの間で何度も浮気を繰り返してはいたのですが……軽さには勝てない! 恐らく機能重視ならFirefoxなんだろうな […]

プログラミング

29

13/05

学ぶことは多いです

学ぶことは多いです

今、他の人が作ったHTMLデータを触っているのですが… なかなかスリリングです。 善かれと思って変更したら、何だか取り返しのつかない事になったりして。 要素を消してみたらページごと消えたとか、ページ全体がリンクテキストに […]

日々徒然

26

13/03

文字のみで構成されたブロックが、IE8だけ横幅おかしくなる現象

文字のみで構成されたブロックが、IE8だけ横幅おかしくなる現象

地味に悩まされてきた現象。 最新IEとかFirefoxとかGoogle Chromeとか IE8 これ、本当にIE8のみなんです。 かのコーダー泣かせなIE6ですら、こうはなりません。 何故だ……と思ったら、どうやらフォ […]

プログラミング

27

13/02

突然のお茶会はおいしいクッキーとコーヒーで

突然のお茶会はおいしいクッキーとコーヒーで

今日は事務所に人がたくさんいた一日でした。 いつもは最大容量3人なので、社長もテンションアップ。 増えたと言っても5人ですが。 外回りから帰ってきて「あ、すみません〜。ハートブレーンと申します〜」とかふざけて営業を装って […]

日々徒然

15

13/02

メールでのお問合せ・お見積りはコチラ
TOP