ブログを運営していると写真のトリミングを行う機会が一般人よりは多いわけですが、今までPhotoshopにお世話になってきました。が、Photoshopは重いので、代わりにSketchで出来たら便利だなぁと思い、jpg出力のサイズでも比較して今後の参考にしようと思います。 比較方法 先日のイスラエル旅…続きを読む
モーダルウインドウが開いた際に裏のページが上下してしまう問題、CSSだけで固定できないかと試行錯誤したのですが、iOSのSafariでどうしても挙動が安定しなかったので、とうとうJavaScriptで実装することにしました。ちょっと悔しい。 基本的な考え方 背景が固定された状態(position :…続きを読む
ChromeがVer.68になって、https化していないサイトには警告を出すようになった。…とロリポップがメールで親切に教えてくれたので、言われるがママにhttps化した。 「いつかやらなかんなー」と思いつつも何だかめんどくさそうという理由で今まで放置してきたが、ようやくやる気にしてくれたロリポに…続きを読む
タイトル通り、cssの疑似要素でアイコンを表示したい時に、background-imageで画像表示するのもイマドキじゃないかなぁと思って調べたら、ちゃんとやり方があった。 CSSで文字コードを指定する XXXXX:before { content:’\E89E’; font-family: “Ma…続きを読む
このブログ、Google Analyticsによると1セッションあたりの平均PVが スマホで1.23 PC・タブレットで1.29 とのことで、世の中のブログの平均がどうなのか知らんが、なんか低い気がする。 低いとすれば、たぶん記事のカテゴリーがバラバラすぎるのが理由だと思われる。一応自分のライフログ…続きを読む
今回、はじめてWordPressで企業サイトを制作したのでいろいろと調べまくることになりました。その中でも私が特に「下ならし」として必要だと感じたことを以下にまとめておきます。基本的には次に同様の依頼が来た時に振り返るための私用のまとめです。 01. テーマ・テンプレート編 まずは今回となるテーマの…続きを読む
発作的に自分のサイト構造を見直しているのですが、ふとよく見る「前の記事へ」「次の記事へ」のリンクって必要なのか?と思いました。 そういえば最近のオシャレなブログではこんなエリアは無いような気がします。気がしてるだけかもしれませんが。 いわゆるこういうやつです。 こういうリンクが効果を発揮するのは、ブ…続きを読む
1年ぶりくらいにコーディングしてみまして、なんだかんだで使いたくなる上下左右センタリング。昔はネガティブマージンとか使ってせっせとやってたのですが、最近調べてみると画期的に省エネな方法がありました。毎回検索するのも面倒なので自分用の備忘録として残します。 こんな感じにマークアップしているとします。 …続きを読む
一応IA(インフォメーションアーキテクト=情報設計者)として飯を食わせてもらってますので、ウェブサイトのヒューリスティック調査の依頼とかよく依頼が来ます。で、たまーに他社さんがやられたのとかを拝見することがあるんですが、ずっと疑問だったのが、スコアつけてグラフ化したやつ。 こういうやつです。評価項目…続きを読む
最近よく見るようになりましたエフェクトの実装方法です。海外のおしゃーなウェブサイトは必ずといっていいほど取り入れているように思います。 デモ作りました。要するにこういうやつです。 以下、これのつくりかたを紹介します。 基本的な考え方 アニメーションはCSS3のtransitionで制御する アニメー…続きを読む
久しぶりのサイト制作ネタです。 ちょくちょくプライベートでサイト制作をすることがありますが、スマホ対応方法はもうレスポンシブ1択でやらせてもらってます。 だいたいバンド用のウェブサイトを作ることが多いのですが、メンテナンスにコストをかけれないし、CMSを入れるにも、お客さんが扱えないことが多いことも…続きを読む
当サイトがやたら重いので、いよいよ高速化に乗り出そうということでいろいろ実験しました。 とりあえず手っ取り早くつけ外しが可能なところからやってみよう、ということでAPIみたいに外部リソースを利用している要素を一つづつ削除してみることに。 実は大して解決しないことが分かったのですが、一応履歴として残し…続きを読む