ミフネWEB-神戸

WEB制作 全般

疑似要素before、afterの使い方

疑似要素before afterの基本の使い方と働き方、3つ以上の疑似要素をつなげて使う方法などを解説します
WEB制作 全般

グラデーションテキストが作れるbackground-clip

backgroundに指定した色や背景の表示領域を細かく指定できるbackground-clipについて説明します。当サイトのタイトルに使用しているグラデーションテキストもこの方法で表現しています
WEB制作 全般

transformの基準点を分かりやすく図解します

変形や回転に使えるtransformプロパティですが、基準点を理解していないと思わぬ挙動をすることがあります。基準点の指定についてわかりやすく図解します。
WEB制作 全般

CSSがきかないとき、最初に確認すべき5つのこと

時間をかけて書いたcssが全然効かないトラブルはよくありますが、中には些細なミスが原因なものも少なくありません。初心者がやりがちなミスから、ともすればベテランで...
WEB制作 全般

cssセレクタ「+」「>」「~」の意味と使い分け

div > imgやdiv + pのように、+ > ~ で接続したcssセレクタを見かけることがあります。これらはcssの適用範囲を限定するセレクタの使い方です。それぞれの違いと使い方を解説します。
WEB制作 全般

z-indexが効くとき、効かないとき

簡単そうに見えて実は難しいz-index。基本原理が分かっていないと思わぬところでつまずきます。z-indexがどのよように重なり合っているのか解説します。
WEB制作 全般

text-alignが効かない・text-alignとmargin :autoの違い

要素の中央寄せに使われる"text-align:center"と"margin:0 auto;"。同じように見えますが対象が違います。使い方を誤らないように理解を深めておきましょう。
WEB制作 全般

Z軸とかZ方向って何?という方へのかんたんな解説

私、htmlとcssに関しては完全独学で覚えたのですが、一番理解に苦しんだのが「z軸」という謎の言葉。主に変形(transform)プロパティの説明で出てきます...
WEB制作 全般

fontを縦書きにしたときの設定まとめ

サイトを和風テイストに仕上げたいとき、ピンポイントで縦書きを使いたいときがままあります。そんなとき使うのがcssのwriting-modeプロパティ。writi...
ネットショップ

ネットショップ作成サービス比較

昨年末ぐらいから、ネットショップ系の記事アクセスが急に普段より伸びていたのですが、ここに来てさらに増えました。まぁ理由は考えるまでもなく「楽天送料問題」のせいで...
カラーミーショップ

カラーミーのスモールプランが終了へ

カラーミーショップが、2020年2月19日をもってスモールプランの新規受付を終了すると発表しました。ちなみに、2月19日までにスモールプランを新規契約・現在利用...
らくうるカート

クロネコWEBコレクトに不正探知機能が実装される

先日よりらくうるカートのお知らせに表示されていましたが、ヤマト運輸の提供している決済サービス「クロネコWEBコレクト」に不正利用を探知 & ショップに通知する機...