先日、ECサイトの案件のお話をいただいたので、昨年リリースされたEC-CUBE4を導入してみました。 触ってみたところ使用感はEC-CUBE3系と変わらない印象なので、とても簡単に導入できました。 (初めてEC-CUBE3.0を導入したとき…

Photoshopでモノクロ画像を綺麗に切り抜きたい場合、方法はいくつかあります。 今回はアルファチャンネルを使った透過画像の作成方法をご紹介します。 今回使う素材はこちら 上記の白い円のみを表示した透過png画像を作りたい場合は「自動選択…

ウェブサイトを作る業務と一口に言ってもデザイナーやコーダーなど幾つかの職種があり、分業するのが基本かと思いますが、ときにはデザイナーがプログラムを触ったり、プログラマーがデザインを触らなければいけないケースもあったりします。 普段phpを扱…

CSSには使用頻度が高いものがある反面「こんなものいつ使うの？」といったプロパティが数多く存在します。 せっかく覚えても実際に使う機会がないと忘れてしまうし、覚える意味自体感じられません。   「background-clip」も…

マルチデバイス対応サイトを作る際に悩みがちなのが画像の扱い。 各デバイスに最適化してものを用意しないとサイト全体のデータ容量が大きくなってしまい、ユーザビリティ的にもSEO的にも良くありません。 デバイスごとに表示させる方法はjavascr…

これまではPCのハードウェアといえば「ムーアの法則」のとおり、すぐに高性能なものが出て既存のものは陳腐化されていましたが、ここ数年はPCのCPUの進化が鈍化しているような傾向で価格の下落も緩やかになってきました。 前回まではPCを何年も使い…

以前の案件で、「Wordpressで作ったコーポレートサイトの「会員ページ」のみIDとパスワードを付けたい」というお話をいただきました。 CMSを使わないサイトやWordpress全体にBasic認証をかけるのは簡単なので、これも簡単な案件…

皆さんはHTMLを習うときや、ネットの書き込みルールの常識として❝機種依存文字は使わない❞なんてことを覚えませんでしたか？ かくゆう私も前世紀に「文字化けしてインターネットが壊れるからBBSの書き込みでは機種依存文字は使わないで！」などと掲…

近年のスマホの普及に伴い、多くのウェブサイトがスマホに対応しました。 多くのウェブ制作者はスマホ対応作業を行うにあたって覚えたCSSは多いのではないでしょうか。 私は、スマホ普及前はCSSのdisplayなんて「block」と「none」く…

PCを扱ううえで心配なのが重要なデータの消失。 予期せぬ事態に備えバックアップを取るのは大切なことですが、バックアップを取ること自体は仕事をする上で何の効率化もないことですし、データドライブが故障して初めて恩恵があることです。 出来ればその…

最近増えてきた、日本語WEBフォントを使ったサイト。   元々OSに用意された数種類のフォントに縛られず好きなフォントを使えるとあって手軽でカッコいいですが、日本語webフォントは容量が大きくSEOに不利といった弱点もあります。 …

長期間使用していた、マウスパッド「パワーサポート エアーパッドIII」の皮膜面が剥がれてしまいました。 布マウスパッドなども所有しているのですが、どうしても「パワーサポート エアーパッドIII」がよかったので買い直すことに。 この「パワーサ…

ChromeやFirefox等のブラウザでhttp:から始まる非SSLのサイトにアクセスするとURL欄の隣に「保護されていない通信」と、非常によろしくない表示がされてしまいます。 閲覧者にとって「保護されていない通信」が安全か危険かはさてお…

WordPress5.0からテキストエディタが従来のものから「Gutenberg（グーテンベルク）」になりました。 従来とはレイアウトが大きく変わり、不都合のある方も多いと思います。 そんな場合は「Classic Editor」プラグインで…