よもやまチョモランマ

「WEB」カテゴリーの記事一覧

no-img
フルスクリーンの第二歩

ひきつづきフルスクリーンに挑戦中。 今回は、画面を暗くしてみます。 「黒っぽい画面に白文字のほうがカッコいい」とか言い出しそうだから。 そういう場合、選び抜いた画像をPhotoshopで加工してUPするのかな~なんてアナ […]

no-img
フルスクリーンの第一歩

年末の忙しないときに唐突に降ってわいた会社サイトのリニューアル話。 そりゃ、テンプレやっつけ仕事だった現サイトを、なるべく早くリニューアルしたかったのは山々ですが。 でも、だからといって「画面全体を画像にしてカッコよく! […]

no-img
WEBで感じる文字に関するモヤモヤ

DTPあがりのデザイナーがWEBをやっていると、えもいわれぬモヤモヤムズムズに苛まれることが多々あります。 ただたんに、DTPならスパッと決まるものが、WEBで思い通りにならないのが、気に入らないだけなんですけど。 その […]

no-img
キーワードは「左寄せ」

記事のタイトルとか、たぶんディスクリプションとか。 広告のキャッチコピーなんかも。 キーワードを含ませた文章を起こすときは、キーワードを「左」に寄せるのが効果的だそうです。 【左寄せなし】今すぐ実践すべき腰痛改善の方法7 […]

no-img
レスポンシブデザインにおける画像について

すっごく初歩的なことなんだけど「あ~なるほど、そういうことか~」てなったから、記録しておく。 結論から言いますと モバイルファーストなレスポンシブサイトを作るなら 1. 画像は大きいサイズで用意しよう 2. imgには「 […]

no-img
「section」と「article」の使い分け

結論から言ってしまえば 記事単項(single.php)は「article」 一覧(index.php)は「section」 でいいんだと思います。 ブログ記事の構造でわかりやすいのはコチラ。 【参考】【HTML5】ar […]

no-img
「s」が足りないだけでJavaScriptが動かなくなった

正常に動いているサイトからコピペしてきたスクロールで「ページトップへ戻る」ボタン。 まったく同じHTML、JavaScript、function、、、なのに動かない事案が発生。 結論としては「s」が1つ足りなかっただけで […]

アイキャッチ画像をつくる『Canva』

なにかの拍子に偶然こちらの記事に出くわしました。 【参考】高クオリティのアイキャッチが誰でも簡単に作れる!デザイナが無料画像制作ソフトCanvaで事例解説【パクってOK!】 文字入り画像をオンラインで無料で作れるツール『 […]

グーグルアカウント自動削除の設定

もう、死に水もグーグルにとってもらう時代なんですね。 自分が死んだあとのことなんか本来心配しなくて済むように、この世のすべてのアカウントは一定期間使用されなかったら削除されるべきだと思いますけどね・・・ 【参考】自分の死 […]

no-img
ウェブアイコンフォントのCSSに□の罠

FontAwesomeのアイコンを使おうとして、うまく表示されないことがままある。 調べてみたら、CSSの書き方にもコツがあることがわかったので、備忘録。 【参考】FontAwesomeでアイコンが□(四角)になって表示 […]