jpg出力の画質とファイル容量比較AdobePhotoshopSketchお仕事サイト制作ブログ運営2020年03月07日ブログを運営していると写真のトリミングを行う機会が一般人よりは多いわけですが、今までPhotoshopにお世話になってきました。Photoshopは重いので、代わりにSketchで出来たら便利だなぁと思い、jpg出力のサイズでも比較して今後の参考にしようと思います。先日のイスラエル旅...続きを読むHTML・CSS・JSモーダルウインドウの背景を上下にスクロールせず固定する方法JavaScriptサイト制作2019年03月24日モーダルウインドウが開いた際に裏のページが上下してしまう問題、CSSだけで固定できないかと試行錯誤したのですが、iOSのSafariでどうしても挙動が安定しなかったので、とうとうJavaScriptで実装することにしました。:...続きを読むWordPresshttps化(常時SSL化)したら発生した追加作業まとめ(WordPress)サイト制作トラブル対応2018年07月26日ChromeがVer.68になって、https化していないサイトには警告を出すようになった。...とロリポップがメールで親切に教えてくれたので、言われるがママにhttps化した。「いつかやらなかんなー」と思いつつも何だかめんどくさそうという理由で今まで放置してきたが、ようやくやる気にしてくれたロリポに...続きを読むHTML・CSS・JSGoogleマテリアルアイコンをcssのbeforeやafter(疑似要素)で表示する方法Googleサイト制作マテリアルデザイン2017年12月05日タイトル通り、cssの疑似要素でアイコンを表示したい時に、background-imageで画像表示するのもイマドキじゃないかなぁと思って調べたら、ちゃんとやり方があった。ことで、世の中のブログの平均がどうなのか知らんが、なんか低い気がする。低いとすれば、たぶん記事のカテゴリーがバラバラすぎるのが理由だと思われる。今回、はじめてWordPressで企業サイトを制作したのでいろいろと調べまくることになりました。その中でも私が特に「下ならし」として必要だと感じたことを以下にまとめておきます。基本的には次に同様の依頼が来た時に振り返るための私用のまとめです。発作的に自分のサイト構造を見直しているのですが、ふとよく見る「前の記事へ」「次の記事へ」のリンクって必要なのか?と思いました。いえば最近のオシャレなブログではこんなエリアは無いような気がします。気がしてるだけかもしれませんが。いわゆるこういうやつです。いうリンクが効果を発揮するのは、ブ...続きを読むHTML・CSS・JSお手軽にblock要素を上下左右センタリングする(CSSだけ)CSSサイト制作2016年11月13日1年ぶりくらいにコーディングしてみまして、なんだかんだで使いたくなる上下左右センタリング。昔はネガティブマージンとか使ってせっせとやってたのですが、最近調べてみると画期的に省エネな方法がありました。毎回検索するのも面倒なので自分用の備忘録として残します。こんな感じにマークアップしているとします。一応IA(インフォメーションアーキテクト=情報設計者)として飯を食わせてもらってますので、ウェブサイトのヒューリスティック調査の依頼とかよく依頼が来ます。他社さんがやられたのとかを拝見することがあるんですが、ずっと疑問だったのが、スコアつけてグラフ化したやつ。最近よく見るようになりましたエフェクトの実装方法です。海外のおしゃーなウェブサイトは必ずといっていいほど取り入れているように思います。要するにこういうやつです。以下、これのつくりかたを紹介します。久しぶりのサイト制作ネタです。プライベートでサイト制作をすることがありますが、スマホ対応方法はもうレスポンシブ1択でやらせてもらってます。当サイトがやたら重いので、いよいよ高速化に乗り出そうということでいろいろ実験しました。手っ取り早くつけ外しが可能なところからやってみよう、ということでAPIみたいに外部リソースを利用している要素を一つづつ削除してみることに。(9)aboutわたしについて楽器と機材を紹介するライブ情報リンク当サイトについて著者:いまさし都内のコンサルで働く意識低い系サービスデザイナー。休日はコントラバスとリコーダーを嗜む。imasashi.net。