ホームページ作成

Jimdo、グーペなどのホームページ作成サービス、SEOにまつわる情報など、自分でホームページを作る、または管理している場合に有効と思われる情報を並べています。

ホームページ制作業者の評判を知りたい・見積もりを知りたい場合はホームページ制作.jpをおすすめしています

評判の良いホームページ制作業者のみをピックアップしたサイトで、無料の一括見積りを利用することもできます

floatの存在意義を考える

暇つぶしのような記事ですので暇なときに読んでいただくことを推奨します。得られるものはほとんどありません。 古いサイトの改修をしていた関係で、float: left(right); と.clearfixをflexBoxまた […]

【備忘録】パンくずリストはolでつくる

最近コーディングするにあたり、WAI-ARIAを極力使うように個人的に気をつけています。先日更新したカラーミーSEO+テンプレートでも、WAI-ARIAをいくつか書き足しておきました。 WAI-ARIAを使うにあたり個々 […]

SVGアイコンのアクセシビリティ

最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか?と気になりました。 アクセシビリティとは何?という方に簡単に説明すると、視覚的ハンデ(盲目や弱視)等のためスクリーンリーダーな […]

position: absolute で位置を指定しない場合

要素の配置情報を指定するpositionプロパティに「absolute」があります。 通常の使い方では、absoluteを指定された要素は「position: static 以外の直近の親要素」を基準とした配置となります […]

svgを装飾する

svgの図形描写-2 装飾に使うCSS

「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。 メンテナンスや他の要素との兼ね合いを考えると、装飾関係はCSSファイルで指定しておくほうが楽です。 塗りつぶし […]

SVG サンプル

SVGで基本の図形描写 – 1 

拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。 今回はpathなどを使う複雑なものではなく、丸や長方形のような基本的な図形をsvgで描写しようという記事です。cssとはあ […]