ブログ

coding

【CSS】影だけじゃないbox-shadowプロパティの使い方

2020/6/29  

CSS3で新たに追加されたプロパティを用いれば、かつては画像を用意しなければできなかったようなさまざまな表現が可能です。 box-shadowプロパティはボックスモデルの要素に影を追加するプロパティで ...

coding

【CSS】box-shadowプロパティでフキダシのしっぽいろいろ

2020/6/30  

  CSS3で新たに追加されたプロパティを用いれば、かつては画像を用意しなければできなかったようなさまざまな表現が可能です。 この記事では、会話風のフキダシをHTMLとCSSで表現するときの ...

coding iPhone

HTMLとCSSで作る会話風フキダシ3選

2020/6/30    

イガちゃん こんにちは。 まるでLINEみたいなフキダシですね。 WordPressとか各種ブログサービスで使えます。 いいでしょ。 ステキ。 こちらはiPhoneのメッセージ風。 フキダシが青なのは ...

coding iPhone WordPress

iPhoneのメッセージを吸い出してWebページで再現する

2020/6/1  

  iPhoneのメッセージアプリで実際にやりとりした画面を、Webページで再現したい。スクリーンショット(キャプチャ画像)じゃなくて、HTMLとCSSで(JavaScriptも使います)。 ...

coding WordPress ブログ

Webページで iPhoneのメッセージ画面を再現する

2020/5/23  

  iPhoneのメッセージの画面をHTMLとCSSでブログ等のWebページに再現する方法。   画像として記事に表示させるんだったら、スクリーンショットを撮って配置すれば比較的簡 ...

coding ブログ

【AFFINGER5】フキダシのしっぽを調整する

2020/6/30    ,

  このブログのWordPressテーマは「WING(AFFINGER5)」を使用しています。 会話風のアイコンとフキダシを簡単にレイアウトできる便利な「会話ふきだし機能」がついてるんですが ...

coding WordPress ブログ

【AFFINGER】カテゴリ一覧スライドショーのサムネイルラベルを貼る

2019/4/10    ,

  このサイトのWordPressテーマは「WING(AFFINGER5)」を使用しています。 トップページの上部に、おすすめ記事が水平方向にスライドしているのは、この「WING(AFFIN ...

WordPress ブログ

【WordPress】サブディレクトリをサブドメイン移行する

2018/11/28  

小生の運用する某サイトにWordPressで構築しているサブディレクトリがあるんだけど、そのサブディレクトリをサブドメインに移転することにした。 その作業工程の備忘録。 サブディレクトリ:https: ...

アフィリエイト ブログ ライフスタイル

家電批評12月号で取り上げていただきました!

2018/11/7  

  先月の15日に、本サイトに大量のアクセスがあったことを以前お伝えしましたが(SNSの影響力を実体験した話)、実は、その同じ日に、月刊誌の「家電批評」の編集部の方から問い合わせがあったんで ...

coding Google WordPress

【WordPress】配置した覚えのない記事一覧が表示されて焦った話

表示確認のためiPhoneで自分の投稿を眺めていたら... 一番下、フッターのさらに下に配置した覚えのない投稿一覧が表示されていました。 なんだ、これ? ウィジェットの配置を間違ったかなあとかと思って ...

© 2020 自炊自賛