HEARTBRAIN BLOG > タグ: CSS
ビジターアンケートに回答したらiPhoneXプレゼント
……いや、いらない……。 支払能力がどうの、と高めの審査基準設定して貧乏人閉め出してから、あまり印象良くないし。 ど田舎貧乏人の僻みです。 いや、それはどうでもいいとして。 最近、ググって情報を漁っていると、結構な割合で […]
18/09
タイトル下のボーダーの両端にダイヤを入れようとした
始まりは、webデザイン担当小川の、この依頼でした。 いや……無理やん？ 都合の良いように変更してツッコミが入ったら「最初からそんなんでしたよ？ほら、こっちのillustrator、CS5ですし？CCじゃないですし？デー […]
17/08
年末年始のご案内
2016年は、和紙だの写真だのにフラフラして終いには生存を問われた代表取締役ではありますが、そんなハートブレーンを変わらずお引き立てくださり、誠にありがとうございます。 また、和紙ック-WA CHIC-（山本さん！私も表 […]
16/12
2枚の画像を重ねて縦中央に揃えつつレスポンシブに対応したい時
あちこちで語り尽くされているとは思うのですが、2枚の画像を重ね、上に配置した画像を縦横の中央にセンタリングしたい時があります。 情報が錯綜していて、結構ごちゃごちゃになってしまって、かなり試行錯誤したのですが。 自分なり […]
16/10
今更すぎるフレキシブルレイアウトについて
世間を騒がせ、コーダーの負担を大幅に減らした、CSS3のフレキシブルボックス。 と言いながら、Nがそれに出会ったのはつい最近という、相変わらずの浦島太郎コーダーなのですが。 フレキシブルボックスとは、画面やブラウザのサイ […]
16/06
高さの違う画像をcssのみでタイルのように並べたい場合
写真をかっこよく並べたい。 特にギャラリーを自作した場合など、そう思いますよね。 いや、私はギャラリー作れないのですが。 サイト内の画像がPinterestのようなレイアウトにできたら……！ jQueryプラグインなどで […]
16/04
jQueryプラグイン2つを同じページ内で使いたい時の注意点
jQueryって便利ですよね。 トグルメニューに、スライドショーに、フォトギャラリーに……欲しいものはほぼ叶えてくれます。 おかげで私のような無知なコーダーでも設置できてしまい、後々イレギュラーな事態に苦しめられることに […]
15/10
私がjimdoでレスポンシブwebデザインを使いたくない理由
レスポンシブwebデザインは、設定は面倒ですが非常に有意義なスタイルです。 モニタのサイズに合わせてデザインが切り替わっていくのは、どのデバイスを使っている人も不自由しなくてすみます。 面倒ですが。 便利なシステムで台頭 […]
15/09
自分のGoogle Chromeだけjimdoが見れなくなった
ある日、いつものようにGoogle Chromeを起動させ、いつものように jimdo で制作したサイトを開いてみると また私、何かした！？と、サーバー障害情報やjimdoアカウント状態などを必死で調べる私の顔は恐らく真 […]
15/06
2カラムの片方だけ可変幅にする時に私がやってしまった間違い
レスポンシブデザインの場合、特に気を遣うのが横幅です。 昔も今もやはり2カラムレイアウトが多い印象ですが、設定を間違えたりすると、タブレットで閲覧したらカラム落ちでレイアウトが崩れて……というのは、よくある話です。 少な […]
15/06
line-height の単位
line-height に単位はいらない？どっちでも良いんじゃない？ そう思っていた時期もありました。 しかし今日、実際にそれが覆されました。 line-heightの値を1.8emにしたら、上の図みたいになったのですが […]
14/09
ヘッダーの子メニューをプルダウン表示させる際に私が犯した過ち
ブログに新しいカテゴリ「お勉強」を追加しました。 同僚が入社して以来、教わることが毎日山ほど出てくるのに対し 私から教えられるのは過去のデータの在処と社長の好きな女性のタイプくらいだという事実を憂慮し せめて勉強している […]
14/08
cssのサイズ指定にはviewport基準の単位があるらしい
CSS には vw, vh, vmin, vmax という単位がある（Developers1.0より） 何ぃ！！！？？？ って、そもそも viewport ってなぁに？ という、最早コーダーなのかどうかも疑わしいレベルの […]
14/08
CSSのみで背景画像を左右にカタカタふれるような動作をさせたい時
こんな画像を こんな風に動かしたい。 しかもcssのみで。 というのも、動作を必要とするwebサイトのサーバーがjimdoだったので できるだけjQueryを避けたかったのです。面倒だから。 無理かな？と思ったのですが、 […]
14/08
webサイト表示速度の重要性を勉強してみた
最近、webサイトの表示速度が重要になってきた、とよく耳にします ……と思ったら、実はGoogleでは既に2012年から、全世界で速度を重視した基準を設けているそうですね。 相変わらず浦島太郎なNです。 米Googleに […]
14/07
きっと誰もが知っているみんビズのちょっとだけ細かいネタ
みんビズっていうか jimdo には、画像と文章を簡単に回り込ませられるメニューがあります。 それで（他の人が）ふと気づいたことなのですが こういう、写真を上、文章を下にしたい時 コードはこの通りです。 この、クラス名 […]
14/06
縦方向のセンタリングとカラム横並べをCSSでなるべく綺麗に設定したい
CSSには、たくさんのルールが隠れています。 hタグの中にブロック要素入れちゃいけないとか、bodyの中にタグで囲まない文字を直接入れちゃいけないとか。 日頃から真面目にHTML言語と向き合ってる私以外のコーダーさんたち […]
14/06
みんビズの独自レイアウトで私が犯した過ち
『みんなのビジネスオンライン』は、カスタマイズ性と共に多彩なテンプレートも魅力の一つですが 企業の場合、その企業のカラーやロゴをデザインに取り入れたい場合も多かったりします。 そんな時に活躍するのが、独自レイアウト。 h […]
14/05
子要素で使うmargin-topの罠
度々苦しめられてきた割に、度々忘れる事実なのですが…… 親要素と子要素の間では、上下マージンの重ね合わせが行われる。 例えば、こういう構成でページを作る場合 ついこんなコーディングをしてしまうのですが [code] &l […]
14/05
IE9様にお許しを頂けなかったCSS設定
XPのサポート終了で、堂々と「IE8は対象外です！（キリッ）」と放棄でき、CSS設定も楽に…… そう思ったら大間違いです。 さすが天下のマイクロソフト、層が厚いです。伏兵がいました。 IE9という伏兵が……。 CSSに比 […]
14/05
個人的に使うCSS3プロパティのIE対策まとめ
本当はcss3全部並べて、今後の対策に使おうとしていました。 ですが CSS3 リファレンス（HTMLクイックリファレンス様） ムリ。 という訳で、普段使う機会が多いプロパティで ほとんどが画像で済ませていたものとIEに […]
14/04
IE9でtext-shadowを正確に表現するために
申し遅れましたが、2014年4月8日をもちまして ハートブレーンwebサイトのURLが、blog.heart-kokoro.net になりました。 ブックマークして下さっている方は（いるのか……？）変更をお願いします。 […]
14/04
みんビズで内部リンクをしようとした時のこと
講習まで行ってみんビズを学び、活用しようと日々努力中のNです。 しかし、つい最近、またしても初歩的な過ちをおかし ついには現在スタッフとして力を貸して下さってるMさんにご迷惑を……。 反省の意を込め、その内容を晒します。 […]
14/03
みんビズでのデザイン妥協点解決点
今や時代の最先端（になっているかもしれない）「みんなのビジネスオンライン」。 ハートブレーンでも絶賛取扱中です。 webサイトを更新する暇がない、web担当を雇う予算もない…… そのような企業の方には救いの神とも言えるシ […]
14/02
SEOにおけるimg要素
ふと思い出したので、ついでに書き留めておきます。 alt属性の文字列は、検索エンジンの評価における加点対象にはならない。 扱いがkeywordとかdescriptionと同じになるようですね。 必要な要素ではあるし、なけ […]
14/01
名付けが苦手な人のためのクラス名定義
何だか偉そうなタイトルですが、まずN自身が名付けは大の苦手です。 ブログタイトルとか結局放置のままですし。 記事のタイトル一つにしたって、センスという文字にはとことん無縁に生きてきたことだけが伝わってくる素晴らしさです。 […]
14/01
みんビズ制作代行始めました
今日はサイトを色々マイナーチェンジしました。 メニューとサイドバーの一部分を変えたり TOPページのウィジェット辺りをあからさまに変えたり フッターメニューやサイトマップのCSSという全然目に見えない部分を変えたり 本当 […]
14/01
背景画像を各モニタに合わせたい
コーディングをしていると、時々このようなデザインが来ます。 この、背景デザインとしては素晴らしいけど （画像例からは素晴らしさが1ミリも伝わりませんが） コーダー泣かせの、この切り所がみつからない、背景画像。 コーダーや […]
13/12
CSSでの文字サイズ指定に潜む各ブラウザからの課題
cssでの文字サイズ指定、迷ったことはありませんか？ 私はあります。ほんの今。 ……と、対策するのが遅すぎのNは置いといて。 実はこんな問題にまたしても直面したのですが。 文字サイズの単位は px、pt、em、％など様々 […]
13/09
自分をかっこわるいと思う瞬間
開放的な夏。 「夏までにダイエット」 「夏までに恋人を作ろう」 何でもキーワードになりやすい、それが夏……だと思う。 というわけで、 夏に向けてかっこつけたい人のために 夏の暑さで頭が沸いたNがお送りする 「かっこわるい […]
13/07
ページタイトル部分を縦中央でセンタリングしたい時
普段、会社で（実は自宅でも）使っているメインブラウザは、現在Google Chromeです。 Firefoxとの間で何度も浮気を繰り返してはいたのですが……軽さには勝てない！ 恐らく機能重視ならFirefoxなんだろうな […]
13/05
学ぶことは多いです
今、他の人が作ったHTMLデータを触っているのですが… なかなかスリリングです。 善かれと思って変更したら、何だか取り返しのつかない事になったりして。 要素を消してみたらページごと消えたとか、ページ全体がリンクテキストに […]
13/03
文字のみで構成されたブロックが、IE8だけ横幅おかしくなる現象
地味に悩まされてきた現象。 最新IEとかFirefoxとかGoogle Chromeとか IE8 これ、本当にIE8のみなんです。 かのコーダー泣かせなIE6ですら、こうはなりません。 何故だ……と思ったら、どうやらフォ […]
13/02
突然のお茶会はおいしいクッキーとコーヒーで
今日は事務所に人がたくさんいた一日でした。 いつもは最大容量3人なので、社長もテンションアップ。 増えたと言っても5人ですが。 外回りから帰ってきて「あ、すみません〜。ハートブレーンと申します〜」とかふざけて営業を装って […]
13/02
