WEB・デザイン
画像内で、「この画像のこの部分をクリックしたらリンクに飛ばしたい」ってことはありませんか?今回はレスポンシブでもできるクリッカブルマップについてご紹介します。
Googleから謎のメールが届きました。 なんか注意とか改善が必要かと思ってめっちゃ怖かったけど、どうやらそういうわけじゃなかったらしいので、詳細をお伝えしますね。
ファビコンの設定には様々諸説ありますが私は最低限のことしかしていません。。なぜならあまり困らなかったから。。(そんなことでいいのか…)
下の要素がリンクで、その上に画像をあわせたりした場合などに、リンクが効かなくなる問題を解消します。 最近私が躓いた部分なのですが、あまりにも簡単に解決できて驚いたので、もし、、、万が一・・・悩んでる方がいたらぜひお試しください。
PNG画像ってめっちゃきれいですよね。 フラットデザインが普及して、よりPNG画像を使う機会は増えたのではないでしょうか。 でも、画像が綺麗な分、重くなってしまいがち。 今回はそんなPNG画像を簡単に軽くする方法をご紹介します!
スマホサイトを作成していると、意外とよく起こるのが・・・ 「スクロールがうまくできない!!」 という問題。 今回はこの対処法をご紹介します。一瞬で終わりますが…。
またWEBの記事です。 レスポンシブ関連で最近は書いてきましたが、備忘録としてスマホ含めてたまにあったフォントサイズへの対処法をご紹介します。
レスポンシブデザインを簡単に説明すると、1つのHTMLを使って、スマホ版やPC版など画面サイズによってデザインを切り替えることを指します。 ですので、レスポンシブデザインで制作していく上で HTMLの構造は変えたくないけど、見栄えの表示したい順番は変…
前回ご紹介した記事では、アイコン作るならpng画像よりWEBアイコンフォントだ!というご紹介をしました。 www.misallychan.com ただ、png画像の代わりにもう一つ、レスポンシブでも活用できる画像があります。 それが、SVG画像です。
最近はずっとレスポンシブについて書いていますね。レスポンシブサイトの基本設定!?メディアクエリでブレイクポイントを作って簡単スマホ対応! - misallychan.comwww.misallychan.com レスポンシブで%指定したいけど…3分割は割り切れない問題を解決するc…
最近はレスポンシブデザインについて書いていましたね!! 今回はそんなレスポンシブデザインでも役立つ初期設定をご紹介します。
前回、前々回とレスポンシブについての記事を書いています(^^) ここ最近、WEB関係者っぽい・・・(=w=)でも取り扱いがレスポンシブという今更感… もありますが、まだやったことない方とか、これからはじめる方はぜひどうぞ!
%指定で横幅とるときに、3分割って難しくないですか? width:33.333333%とかしたり。margin使って割り切れるようにしたり。大変だった… んですが今回はその問題を解決するclac()ファンクションをご紹介します。
久しぶりにWEBデザインの記事。 WEBデザイン関連で書き溜めていた記事が長文になってしまったので、結局一つ一つわけて書くことにしました。笑 今日は今ではすっかり当たり前となった、レスポンシブWEBデザインに関してです。 (なんだか今更ですけど・・・…
あけましておめでとうございます。本年もよろしくお願いします。 雑多なブログですが、また今年もWEB系の記事や、おすすめ記事などを中心にあげていきたいと思います。 さて、今回は。。 WEBデザイナーとして常にチェックしている記事などありますよね。 最…
デザインを少し変更しました。 今までのデザインは元のデザインが気に入ってたのですが、トップの一覧ページの見え方がどうしても横長でなくカード型のカラムにしたかったので。。。
今までWEBのフォントの話として、WEBフォントの利便性や使い方についてまとめさせて頂きました。 どんなデバイスでも表示される!ユーザビリティ抜群の「WEBフォント」て? - misallychan.com 超簡単!1分でできるWEBフォントの使い方【GoogleFonts】WEBの…
SVGってピクセル画像じゃないからレスポンシブデザインにも最適でとっても便利という話を以前しました。 WEBで役立つ画像「SVG」とは【保存形式】 - misallychan.comこちらimgタグで簡単に表示できるんですが、対応していないブラウザがあります。 サポート…
SFTP接続の場合、WPがプラグインがブラウザ上でインストールできません。 今回はその対策についてです。
以前のハンバーガーボタンは自作でしたので足りない点や動きの悪い点もあったかもしれません… またどうしてもブログに合わせてカスタマイズが必要になる場合が多そうでした…そうなると、CSS初心者だったらどうにかできますが、全くの素人さんですと難しい点…
今回はますます使いたい拡張子「SVG」をご紹介します。 劣化するのが当たり前、と思っていたWEB用の画像。 PNGやJPEG・・・それぞれの特性を理解して自分の保存したい画像と照らし合わせれば、いつもより綺麗に保存できますよね。 「SVG」は近年出てきたReti…
WordPressで検索機能、よく使われているのを見かけるし、よく使いたい場面に出会います。 今回は、シーン別でWordPressの検索機能設置方法をご紹介します。
faviconやアアップルタッチアイコンを設定していて先日から気になってはいたものの、本日「safariのブックマークアイコンまじなんなの」が爆発しました! その原因や解決策をご紹介します。
私ね、WordPressをずっと使ってきていつもいつも困ってたことがあったんです。。。 それが、カテゴリー問題。 親カテゴリ・子カテゴリとか指定しても、カテゴリ名を表示させるときに親子関係なくID順に全てが並んでしまうこと。
前回、WEBフォントとは何か、そのメリットをお伝えしました。 そこで本日は「WEBフォント」を誰でも簡単にできる使い方を解説しちゃいます。本日の議題 6つのステップで、初心者でもあっという間にWEBフォントを設置できちゃいます。Google Fontsなら難しい…
今回は「LINEで送る」ボタンを押したらアプリが立ち上げられる記述をご紹介します。
本日の議題ブランディングにも最適!ユーザビリティ抜群。見やすく、美しいフォントをWEBでも実現する「WEBフォント」とは? ブランディングにも最適!ユーザビリティ抜群。見やすく、美しいフォントをWEBでも実現する「WEBフォント」とは? そもそもWEBフォ…
前回ご紹介したWP-Membersで作る会員制サイトですが、そこに「お気に入り機能」がついていたらもっと便利じゃないですか? 今回はWPにお気に入り機能を追加できるプラグインWP Favorite Postsの使い方をご紹介します。 前回の記事はこちらから misallychan.h…
式場のサイトを納品する際に、カレンダー形式での「フェア情報」を発信する必要がありました。 結婚式場のサイト制作、フェア情報をカレンダーで発信している企業って多いんですよね。 でもこれ、式場だけじゃなくて、他にもイベント情報を発信するのにぴっ…
投稿のループで、カテゴリを指定や除外したり、表示順や表示数を変更したりするなら…get_postsを使いましょう! 非推奨?のテンプレートタグ「query_posts」 query_postsの代わり使える?テンプレートタグ「get_posts」 条件の因数、入力例 1ページに表示さ…