スキップしてメイン コンテンツに移動

エッセイ風の日記ブログ

ラベル(画像)が付いた投稿を表示しています すべて表示

CSSで画像に文字を重ねる:グリッドデザインでアイテムのスペースを合わせて表示する

イメージ

サイト作成で画像に文字を重ねる場合にそれぞれの位置取りが難しい。加えて レスポンシブ でデバイスの画面幅によってデザインが伸縮されると画像と文字のバランスが崩れ易い。二つの悩みを同時に解決するために最も相応しい方法は グリッドデザイン :displayのgridで、画像と文字のス...

Bloggerでヘッダー画像の「テーマ画像の作成者」をブログのフッターに表示する

イメージ

Bloggerはウェブのテーマのカスタマイズ/Bloggerテーマデザイナーの「背景」からヘッダー画像を設定できる。デフォルトで用意された中から画像を選んで取り付けるとブログの最下段のフッターには「テーマ画像の作成者」と本人の名前のオリジナル画像のページへのリンクも表示される。自...

Bloggerブログで記事中の複数の画像を横並びやグリッドデザインで配置する方法

イメージ

Bloggerで写真や絵などの画像を一つの記事に何枚も投稿する場合に縦並びだけではなくて横並びやグリッドデザイン(縦横を均等に表示する/タイル張り)を望んだりもする。複数の投稿画像のレイアウトを変える機能は付いてないので、自分で考えてブログの複数の投稿画像のデザイン変更するしかな...

サイトのファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順

イメージ

サイトでファビコンやウェブクリップアイコンを設定すると訪問者の利便性が上がるから良いと思う。前者はブラウザのタブでサイト名の先頭に付けられる。後者はスマホ/タブレット向けのショートカットアイコンで、ブラウザのブックマークでサイト名の先頭に付けられたり、ホーム画面に追加するとデバイ...

cssのfloatを使って背景や枠線が付かないとか画像や文章がはみ出すなんて場合の対処法

イメージ

サイトのデザインでcssのfloat(浮遊)を使うと複数のコンテンツを両側に配置して一列に表示できる。 しかし上手く行かない場合も多くて難しい。陥りがちな失敗を二つ挙げると背景や枠線が付かないのと画像や背景がはみ出すのとで、デザインを崩してしまうんだ。 何とかならないかと...

フリー素材のぱくたそは専属モデルの河村友歌が相当に可愛いと好印象を与えた

イメージ

サイトで 無料で使える写真などのフリー素材のWebサービス は海外に多いけれども日本にも ぱくたそ (PAKUTASO)を見付けて良いと思った。 ダイヤル式電話機の使い方がわからずスマホから電話する平成生まれ by すしぱく via ぱくたそ ユニークな写真が貰えるという...

サイトのヘッダー/背景画像を小さくリサイズするアプリと高く圧縮するWebサービスで最大限に軽量化して作成する

イメージ

サイトの表示速度を考えると画像が最も容量が大きくて支障を来し兼ねない。一枚で他の全てを平気で上回ったりもする。影響が非常に大きいので、載せるならば予め軽量化しておくには越さない。 大きさを小さくリサイズしたり、データを高く圧縮したりする方法があってそうしたアプリやWebサービ...