「gulp-imagemin」でエラー！デフォルトプラグインを新しいコードに変更する
画像圧縮に「gulp-imagemin」を使っていたところ、ある日、不可逆圧縮しようとしてエラーに。 メッセージを見ると「imagemin.jpegtran()」が問題のようです。 公式ページとコードを見比べたところ、デ...
GulpGulp
Gulp「gulp-sass 5」でコンパイルエラー！プラグインとコードを再設定する
3ヶ月ぶりにGulpを使おうとしたら「gulp-sass」でコンパイルできなくなっていました・・・。 以下のようなエラーメッセージが表示されています。 メッセージによれば「sass」もしくは「node-sass」をインス...
Illustrator【Illustrator】1pxズレて書き出されるときは「ピクセルグリッドに最適化」
作成したイラストやアイコンが「1px大きい」「1px小さい」状態で書き出された！ということはありませんか。予定のサイズから1pxズレると、状況次第では細かい設定が必要になりますよね。 対処法はいくつかありますが、今まで悩...
Photoshop【Photoshop】画像の劣化を防ぎながら拡大縮小できる「スマートオブジェクト」
画像を拡大、縮小したときに気になる「劣化」。常に目当てのサイズということは少ないので、データを伸縮する作業が何かと必要になります。でも、細かい編集はしたくないもの。 Photoshopの「スマートオブジェクト」を使えば、...
Photoshop【Photoshop】複数人の顔をぼかして自然に仕上げる。やり直しOKな「スマートフィルター」
「SNS、ブログに写真をアップしたい！」でも、自分以外の人が写っていると加工が必要ですよね。スタンプで顔を隠すのもいいけれど、写真の雰囲気を変えたくない場合もあります。 そんなときにおすすめしたいのは「ぼかし加工」。顔と...
HTML【HTML＋CSS】ゼロから学ぶ！Web制作入門 #02 | 基本のタグ
「基本のタグ」とは、ページをつくるときによく使うタグ（＝書式）のこと。本や新聞をイメージしてください。大きな見出しでタイトルが書かれ、小見出し、段落、写真が掲載されています。 Webサイトも同じように「見出し」「段落」「...
HTML【HTML＋CSS】ゼロから学ぶ！Web制作入門 #01 | ファイルの作成と配置
このブログのようにインターネットに表示されているページは全て「特殊な言語」で構成されています。これが冒頭に出てきた「HTML」と「CSS」という言語です。 作成されたデータは「コード」と呼ばれ、通常「ページの裏側」を見る...
TIPS一括管理！Googleタグマネージャの導入で出力タグをまとめるとラク
Googleのタグといえば「アナリティクス」や「アドセンス」が有名ですよね。指定された位置にタグを入れて、簡単にデータを取得、表示できるのが特徴です。 もっとラクに管理するなら「Googleタグマネージャ」がおすすめです...
HTML【HTML＋CSS】BEMの命名規則でメンテナンス性の高いコードを書く
コーディングのときにクラス名に迷うことはありませんか？命名規則がないまま構成が複雑になると、管理ができず、いずれ破綻してしまいます。 コードの再利用やメンテナンスを考えるなら「BEM」と呼ばれる設計方法がおすすめです。理...
TIPSxampp-control.iniにアクセス拒否された！管理者権限の付与ですぐ解決
XAMPPを再ダウンロードし、設定していたときに起きたエラーです。保存ボタンを押すと、以下のようにアクセス拒否のダイアログが出てきます。 原因としては、管理者権限のないアカウントで操作が行われること、が主な理由になります...
プロフィール
わたあめ
会社員からフリーランスに転身。Webデザイナー兼フロントエンドエンジニアをしています。「好きなことで好きなひとたちと生きる」が目標。少しずつできることを増やそうと奮闘中。
日々の気づきや基本操作などを備忘録としてまとめています。
人気の記事
-
「Sublime Text 3」のインストールと日本語化！Shift_JISの文字化け対応付き
-
xampp-control.iniにアクセス拒否された！管理者権限の付与ですぐ解決
-
VSCodeの「W3C Validation」でHTMLとCSSコードをチェック
-
Font AwesomeのアイコンをIllustratorやXDで使う方法
-
Font Awesome のアイコンをCDNとダウンロードデータでブラウザ表示する
-
【WordPress】CSSとJavaScriptをfunctions.phpで読み込み出力する
-
【CSS】SVGファイルで手書き風アニメーションを作る
-
VPNでリモートワークも安心！固定IPアドレスによる安全なネットワーク接続
-
【Git】ブランチ・プルリクエストでデータ分岐と統合依頼！はじめての基本操作 #04
-
【CSS】position:stickyでサイドバーメニューを固定して追従させる