CSS
一年以上、Webと離れていたのでHTMLもスタンダードになって時間経つしということでとりあえず巷のWeb言語系の知識を入れたくて久しぶりに本を買いました。 全部中古で購入しました。コロナのせいで、近所の大学図書館から一般の人が図書を借りることができな…
最近ハマったものCodePen codepen.io 暇さえあればみている。マジ今更ながらですけど。
先に言っておくと、ど初心者ではありません。なのでページの3分の１くらいの説明とか導入部分はサクッと読み進めただけです。 結論からすれば確かに「たった1日で基本が身に付く! JavaScript 超入門」は1日で終わる内容と思います。図書館から借りた本でもな…
JavaScriptを講習準備のために久しぶりに真面目に学習しようと本を図書館で借りてきました。２冊！ たった1日で基本が身に付く! JavaScript 超入門 作者: WINGSプロジェクト,片渕彼富,山田祥寛 出版社/メーカー: 技術評論社 発売日: 2017/06/15 メディア: 大…
気になるCSSの擬似クラス:checked。 developer.mozilla.org developer.mozilla.org JSでアコーディオンではなくCSSでアコーディオン設定をしたい！ということで検索して興味のある内容がヒットしたので動作確認を兼ねてメモします。 実際に実装して、ハンバ…
HTMLとかまったく初めての人向けデザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]作者: 千貫りこ,ロクナナワークショップ出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 大型本この商品を含むブログを見る詳しく一つ一…
すごーーーく久しぶりにWEB関係の資格試験を受験しました。勉強はおよそ1ヶ月間をめどに学習を開始しました。 仕事でなんとなく使っていても、聞かれるとわからないし、試験の内容が理解できるほど使い込んでいるわけでもないのも現実。 仕事でどうしても勉…
色々違うことに苦しめられている自分です。みんなさっさとie8にしようぜ！＞既に自宅のPCがIE８になってしまった。しくしくしく。メジャーブラウザはまだIE7なのに。ってことで9年前のPC出してIE6とIE7バージョン確認。CPUがセレロン400だけど見るだけなら何…
先日買った本ですがまだ読み切ってません。斜め読みです(笑)でもいろいろおもしろそうな事が書いてあるので読んでます。＞読むより実践なんでしょうが； WEBクリエイターの月刊誌に載っていた物のまとめ本でもあるんでしょうが、最近ちゃんと読んでいないの…
先日買った本に書いてあった「エラスティックレイアウト」ってなにかと言うと Elasticは「しなやかな」という意味の英語で、Webデザイン用語では「可変レイアウトの一種」に当たる。可変レイアウトといえばブラウザ幅に合わせてレイアウトの最大幅が変化する…
スタイルシート表現デザイン帖 (インプレスムック エムディエヌ・ムック)出版社/メーカー: エムディエヌコーポレーション発売日: 2008/11/18メディア: ムック クリック: 3回この商品を含むブログ (8件) を見るおもしろさうだったし、最近の動向も知りたかっ…
本でもそうだけれど当然ネットでも紹介されているのでメモ ブラウザのスタイルを初期化するスタイルシートっていうのがあります。ブラウザごとにたとえばPタグの上下などの余白の間隔とかちがっているし、当然文字の初期設定もブラウザごとに異なっている。…
GIMPフリーソフトなのに高機能でWindows、Mac、Linux版とそれぞれのOSに対応したものが出ている。なにかいいソフトをタダで!という人に勧めるときのためにもちょっとそのうち操作したいと思っているツール。そのGIMPについて詳しく紹介しているページ 今度こ…
まずフォント-日本語のフォント 無料で使える日本語フォント11選 - DesignWalker Wordpress・・・自分に気合入れるためにも wordpressについて30個のブックマークまとめ*ホームページを作る人のネタ帳 CSS・・・めもめも スタイルシートによる崩れない 2カラ…
とりあえず、3段カラムっぽくしてみた。 簡単に言うと、管理画面のデザインから[デザイン管理]の詳細の[ページのヘッダ]に <div class="sideb2">//←でもこれは任意のクラス名でOK <hatena name="section" moduletitle="■ 最近の記事" listlimit="10" template="hatena-module"> </div> など、モジュール名をいれます </div> <div class="main">スタイルシートには div.hatena-body{ width:950px; //手元の資</div>…
http://www.designwalker.com/2006/12/random-css.html ここのサイトを参考に作成できた。 JavaScriptでと言う手もあるけれど、PHP使っているサイトならば問題なく使用できるので。画像をタグで配置、その画像をランダムにではなくあくまでも「背景をランダ…
なんだか知らないけれどsafariだけ希望する表示にならなかったのでハックをさがす。 参考にしたのは Public CSSさんの記事ありがとうございます=3
どうしてもIE6でのプリントページがうまく出ない！といわれFireFoxではプリントプレビューでちゃんと出るのにと思いつつも、cssにメディアスタイルを指定してプリント用CSSをつける。ただ、IEだけに指定したかったのでネットをさまよいマイクロソフトのIE7で…
通常メニューなどはリストタグを使い、それをcssの指定でdisplay:inlineとfloat指定で行っているけれど、メニューが画像文字だったりすると文字を画像に置き換えてJavaScriptでマウスオーバーさせるけれどそれだとどうしてもseo出来に微妙だし、画像が多いの…
ページ内に文字をサイズ小・サイズ中・サイズ大と表示させクリックすると変更できるというもの。これはJavaScriptを使ってCSSを変更させるということで可能。◇ その為のテストページ →文字のサイズを変更させることのできるテストページURL ■ 参考サイト →Ro…
実はずっと悩んでいることがあって＞いや勉強不足だったわけだけでしたけど。ボックスにfloat設定をさせたときにブラウザによってはそのfloatさせたブロックの高さが反映されず高さなしになると言うことに頭を痛めて、毎回HTMLソースに <br clear="all">全角スペースと入れて…
記事内のいわゆる箇条書きの１〜２で始まるところとコメント欄の行間が詰まっているのが気になって修正 コメント同士の余白を作りなおかつ線を引く .comment p{ margin-bottom:5px; margin-top:5px; padding-top:8px; padding-bottom:8px; border-bottom:dot…
サイドにあるブログチェック用のRSSが長くて気になってたけどCSSで短くした。使用した命令はoverflow。
■ css読み込み優先順位 低い → → 高い 要素名での指定 classでの指定 idでの指定 !importantを指定したCSS ■ cssで指定できる単位(使用頻度が高そうなもののみ説明) % プロパティによって異なるが指定したものにたいしての割合 em フォントサイズを1とする単…
資料サイト(ヘルプ関係)リンク一覧CSS設定で必要なブロックへのクラス名などの一覧図解説明 ・はてなダイアリーガイド「CSSセレクタ」個別に変更したいための説明ページ ・はてなダイアリーTipsスタイルシートでデザイン編モジュールについての説明とか ・は…
はてなにベースとなるCSS「base.css」がある。 これを先に読み込んでから、各テンプレートのCSSを読み込むという形式になっている。 以下ソースコード貼り付け(メモ)・・・長すぎる
ページのスクロールバーを出したくないとき xが横：yが縦 横スクロールバーだけは消したいというとき body {overflow-x:hidden;}縦スクロールバーだけは消したいというとき body {overflow-y:hidden;}スクロールバーは表示したくないとき body {overflow:hid…
今さらあわてて作成；CSSの簡単な説明とブラウザごとの対処ハックについて
cssで幅を指定するときに実はブラウザによって解釈が違っている。HTMLを組むときにXHTMLで組むと基本的に解釈が統一されるらしいとか（？） XHTMLというのは今後HTMLから移行されるはずのマークアップ言語で全てのブラウザでHTMLと動揺にブラウザは解釈して…
今チャレンジ中なの、がWEBサイトのページ構成を完全横幅絶対指定での表示にチャレンジ中。おかげでうまくいかない連続です。余白部分を計算して入れておかないとどうもうまくいかないようです・・・近日中にまとめる予定・・・つーかキツイヨ＞＜ もっと楽…
