2018.01.19

イラストレーター：回転ツールの簡単な角度入力

回転ツールでパスに沿ってオブジェクトを均等の幅で複製する際などに、角度計算が必要で「え～っと、14個並べたいか…

2017.12.28

WordPress : 時間のズレ, タイマー等設置時の注意

ワードプレスで時間を取り扱う際、実際の日本時間より９時間前になってしまうことがあります。 「設定」→「一般」→…

2017.12.21

クリッカブルマップはもう古い？便利なジェネレーター

随分長いこと使ってないですね、クリッカブルマップ。もはや懐かしさを感じます。でも、数年前に作成されたサイトの作…

2017.12.05

Photoshop：カンバスサイズを素早く変更する方法 / 切り抜きツール

通常はメニュー上部の「イメージ」→「カンバスサイズ」で変更しますが、「切り抜きツール」を使用すると速いし、感覚…

2017.10.31

illustrator CC：重い動作を軽くする

①「環境設定」→「GPUパフォーマンス」→チェックをはずす ②「環境設定」→「仮想ディスク」がデフォルトだと「…

2017.10.17

IE11 : サイトの一部分のレイアウトが崩れる時にチェックすること

table の箇所ではないでしょうか？ もしそうであれば、その table のCSSを確認してください。 ta…

2017.09.17

CSS : box-shadow を “border” にしてデザインする

本来、要素にシャドウを作るCSSですが、ボーダーのように見せる方法もあります。ぜひウェブデザインに活かしてみて…

2017.09.15

[ CSS ] 要素の順番を入れ替える box & box-ordinal-group

どうしても、ある特定のページだけ要素の順番を入れ替えたい、でも HTML の記述はサイト全体で同じにしておきた…

2017.08.24

[ Photoshop ] カンバスの中心の探し方

とっても簡単、カンバスの中心にガイドを作る方法をご紹介します。 １. メニューから、「表示」→「新規ガイドレイ…

2017.07.26

［CSS］文章の２行目以降を下げる

注釈等で文章の２行目以降１文字分下げたい!でもレスポンシブで横幅が定まらないから改行しての空白はできない時に使…

2017.07.21

Photoshop：レイヤーのロック解除(編集)ができない

通常であればレイヤーの上のロックアイコンで操作できますが、GIFなどのカラーモードが「インデックスカラー」にな…

2017.07.03

ウェブサイトの “Copyright” の書き方

まず、日本は「ベルヌ条約」に加盟しているので実は Copyright (著作権表示)は必要ありません。公開・発…

2017.06.06

CSS / nth-child と nth-of-type の違いはなにか？

どちらも便利で役に立つ cssセレクターですが、どう違うのでしょう。使い初めの頃は上手くいかない時がありません…

2017.04.23

jQuery：要素にクラス名を追加/削除する

・ addclass = 要素にクラス名を追加する ・ removeClass = 要素のクラス名を削除する …

2017.04.06

IE11：表示崩れする時の対処法

やっぱりですね、他だと問題ないのに IE だけ JQuery などがうまく読み込まれずウェブサイトが大崩れする…

2017.03.19

“https” だと jQuery が動かない時には

https (保護された通信) だと、jQuery などが動作しないことがあります。 記述をチェックしてみてく…

2017.03.08

[ Jetpack ] を日本語表記に変換する

wordpress のプラグイン、Jetpack のサイト統計情報が最初英語の場合に日本語にする方法です。 ま…

2017.02.09

HTML：オシャレな特殊文字一覧 / 項目マークにいかが？

CSSの [:after] や [:before] の方が、オリジナルのデザインマークを設置することができます…

2017.01.31

キャッシュ削除でサイトを確実に更新する / スーパーリロード

作業中、なんだか様子がおかしい…ブラウザーの話です。私ではなく。 ウェブサイトの最新内容がすぐに反映されません…

2017.01.20

[ Photoshop ] 画像を imagesフォルダー に保存しない方法

フォトショップで画像を保存すると、自動で「images」フォルダーが生成され、そこに保存されてしまいます。その…

2016.05.23

illustrator：単位を簡単に変更する, px, mm, etc…

イラストレーターで単位を設定／変更する際、 通常は「メニュー」→「環境設定」→「単位」ですが、編集画面の「定規…

2016.05.11

Illustrator : スタンプ風デザインに文字や図形をあっという間にする方法

イラストレーターで、テキストや図形のふちがかすんだスタンプっぽいアレンジのやり方です。 本当にすぐできます。 …

2016.04.27

CSS：outline でボーダーを追加して、outline-offset で要素からの距離をとる

指定した要素に、border とは別に枠線を追加出来るCSSです。 記述は、 id or class { ou…

2016.04.12

CSS : ウェブサイトの日本語を読みやすく整える text-align: justify; word-wrap: break-word; letter-spacing: 0.05em;

助手「日本語には、ひらがな、カタカナ、漢字。そこに、１２３４、ABC、abcが入ってくる。我々日本人には当たり…

2016.03.28

写真素材サイト 無料ダウンロード 個人 / 商用利用可 [ Free Stock Photos ]

日本国内にもたくさんの写真素材をあつかうサイトが増えてきましたね。 しかし！そこはやはり日本。まだまだ「クオリ…

2016.03.25

FF古参ヲタによるオススメアドオン2016

64bit版のFirefoxが正式にリリースされ、 劇的に軽くなった感のあるFF（FireFox） 重くなって…

2016.03.10

FTP : ややこしい階層やフォルダーを同期ブラウジング機能を使って作業を効率化する

FTP でアップロード / ダウンロード する時にたくさんのフォルダー / 階層があると、いちいち選択してフォ…

2016.02.28

HTML5 / CSS3 ブラウザ対応状況を調べるなら [ Can I use ]

「あれ？これ、あのブラウザで使えるんかな？」 コーディングをしていると、この疑問は常につきまとう悩みの種。 他…

2016.02.14

HTML5 : 入力フォームに最初からテキストを表示させる簡単な方法

「input」や「textarea」など閲覧者に分かりやすくするために、入力フォーム内に初期値を表示させたい場…

2016.01.31

[ CSS ] box-sizing : border-box ; でレスポンシブデザインでも簡単レイアウト

本来、div や p などの要素は border や padding を設定するとその分の幅が加算されて、下記…

2016.01.25

いつでもどこでも素早く更新！　IEのFTP機能！！

実はインターネット・エクスプローラー(Micrsoft)には、FTP機能がついており、かなり便利に使えます。 …

2015.12.24

Google、検索結果ランキングでHTTPS対応サイトを優遇へ

Googleが常時SSL通信のサイトを優先的にインデックスすることを決定しました。 日々SEO対策に取り組んで…

2015.10.28

Excel、Word、PowerPointに貼り付けられた画像を取り出す方法

Excel、Word、PowerPointに貼り付けられた画像が非圧縮でほしいことってありませんか？ これ簡単…

2015.10.01

[ Photoshop ] の作業が楽しくなるショートカット一覧

画像加工に便利なフォトショップのショートカットをご紹介します。憶えると作業がかなりはかどります。 下記、Cmd…

2015.09.13

[ CSS ] 疑似クラス a:link, visited, hover, active が効かない 記述順とその理由

疑似クラス = psuedo = スゥダ と発音します。何だか、日本人には馴染みにくいですね。 ギリシャ語がル…

2015.08.26

色々な検索方法　マイナス検索　フレーズ検索　OR検索

どうも　-N OR “N”　です。 お盆が終わり、今年の夏も終わりが近づいて来ました。…

2015.08.09

Webデザイン：オススメする色見本サイト

webカラーを扱った便利な厳選２サイトをご紹介します。 あんな色が欲しい。もうちょっと色を薄くしたい、濃くした…

2015.07.26

キャッシュのクリア / サイトが更新されない時の対処法

実際にサイトの内容を変更して、間違いなくサーバーにもアップ済み、なのに何も変わっていない。更新内容が反映されな…

2015.07.12

[ Photoshop ] 自然さを残しながら写真を鮮明にする #01

今回こちらではボーダーコリーの写真を使用しますが、お好きな画像で構いません photo – pix…

2015.07.09

セキュリティーが心配 [ 自分のPC内でPDFファイルを軽量化する方法 ]

＊＊＊注意点　元々のPDFファイルを残しておきたい方は、違うフォルダー、または違う階層に該当(元々の)ファイル…

2015.06.18

【WordPress】ログイン状態でしか表示させない内容を記載する

WordPressにログインしている時にのみ、特定の内容を表示させる方法をご紹介致します。 ユーザーのログイン…

2015.06.16

【Dreamweaver】複数ページに適用しているテンプレート(.dwt)を一括で切り離す

サイト上の共通部分のコーディングに便利なテンプレート。 Dreamweaverでは.dwtというファイルを作成…

2015.06.10

【SEO】not providedは「Google Search Console」か「連携させたGoogleAnalytics」で確認

  『グーグルアナリティクス』で集客＞キャンペーン＞オーガニック検索ワードを確認すると、 大半がno…

2015.06.03

【Dreamweaver CS6・CC】拡張テーブルモード表示方法

Dreamweaverのデザインビューで細かいテーブルを分かりやすく表示したい時に使用する「拡張テーブルモード…

2015.05.28

【Google Chrome】floatをした要素の横幅に0.016px（小数点）が加算される時の対策

※こちらは2015年5月28日の記事です。 数日前より、floatで横並びにしたグローバルナビなどで段落ちが見…

2015.05.13

【WordPress】Contact Form 7 チェックボックスを改行する（折り返す）方法【モダンブラウザ限定】

  「Contact Form 7」で下記のようにチェックボックスを並べたところ、 見ての通り、折り…

2015.04.30

【WordPress】WordPress HTTPS使用時にGoogleMapが表示されない場合の対処法

  WordPressで構築したサイト、且つSSLプラグイン「WordPress HTTPS」を使用…

2015.04.23

GooglemapをCSSのみでレスポンシブ対応させる方法

Googlemapをレスポンシブ対応（デバイスの画面サイズに合わせて可変）させるcssの書き方の一例をご紹介し…

2015.03.29

【WordPress】カスタム投稿タイプで作成した記事が表示されない時は

functions.phpにコードを直接記入してカスタム投稿タイプを追加した時などに、 作成した記事を公開して…

2015.03.27

【CSS】display:table-cellにmarginを指定して間隔を作りたい時は

div等の要素をtableとして扱える、display:table、table-cell。 floatで横並び…

2015.03.25

【SEO】他サイトのアクセス数などが分かる！競合サイト分析サービス「SimilarWeb」

  web戦略に自社サイトの分析は欠かせませんが、同時に競合他社の情報も重要な指標となります。 そん…

2015.03.18

Dreamweaverで保存時に「onLoad内で_beforeSave.htmを実行中、Javascriptエラーが発生しました。」とエラーが出たら

DreamWeaverで編集したドキュメントを保存しようとすると、 「onLoad内で_beforeSave.…

2015.03.17

【WordPress】query_postsで配列やパラメータを併記したい時のコード記述例

  WordPressで記事一覧表示をしたい場合に、すべて表示ではなく様々な条件付きで表示させたい場…

2015.03.11

コピーライトの年号をjavascriptで自動更新

サイトフッターによく記載するコピーライト。年号を含む場合もあります。 年号を手動で更新するのが面倒な場合は、j…

2015.03.06

【wordpress】is_categoryとin_category の違い（カテゴリ関係の条件分岐タグ）

  WordPressで、特定のカテゴリの記事にのみ処理を行う際などに使う、 条件分岐タグ「is_c…

2015.02.26

「Flashが重なる・z-indexを無視する時の対策」をしても効かない場合のもう一手

Lightboxやドロップメニュー、カスタム検索のオーバーレイウィンドウなどの「重なり」で表現されるオブジェク…

2015.02.17

input項目（radiobutton・checkbox・select）の位置ずれ対策

フォームに使用する入力項目、radiobutton・checkbox・selectは、文字と並べた際にわずかに…

2015.02.06

IEでiframeの背景が白くなる時の対策

ver8以前のIEや互換表示の際にiframeの背景が白くなり困る時には、 1. iframe読み込みタグに背…

2015.01.30

ヘッダー固定時 ページ内リンクのズレ防止

ヘッダーをposition:fixedで固定すると、ページ内リンクで飛んだ先（アンカーリンク）でコンテンツがヘ…

2015.01.29

safariのみ・各種IE用cssハック方法

特定のブラウザのみにcssを適用させるハック方法を備忘録としてまとめたいと思います。 以下のcssを例として使…

2015.01.07

【WordPress】サイトの表示高速化対策に便利な「JavaScript to Footer」

SEOの一環で、サイトのレンダリングスピード（読み込み時間・表示速度）をチェックする機会が多々あります。 レン…

2014.12.25

【CSS】背景色を透明にする

背景色が継承している場合などに、 部分的に「背景色無し（透明）」にしたい時があります。 背景色を無し（透明）に…

2014.12.11

読み込むだけでフッターをウインドウ下部に固定するjavascript

コンテンツ量が少ないページは、特に対策を行っていない場合フッターが上に来てしまいます。 CSSで調整する手法も…

2014.11.04

【小技】Windows標準アプリのメモ帳で日付を簡単入力

Windows標準のテキストエディタ「メモ帳」、動作も軽くちょっとしたメモに最適です。 そんなメモ帳をより便利…

2014.10.21

【WordPress】javascriptでメールフォームのスパム対策と、個別記事へのjavascript追記に便利なプラグイン

メールフォームを設置すると必ず付き纏う問題が”スパム”です。 WordPressにはス…

2014.10.21

GoogleChromeでjavascriptのON/OFF切り替え

クロームでのjavascriptのON/OFF切り替え方法は２つあります。 １つはURL欄の左端をクリック、権…

2014.10.17

Outlookの受信トレイ修復ツール「scanpst.exe」が見付からない時は

Outlookで受信メールが消える等、受信トレイに不具合がある場合、修復ツール「scanpst.exe」が有効…

2014.10.15

横幅が相対値（%）の場合の高さは？【position:fixedでかぶる時の対策等に】

今回のケースは条件が限定的で分かり辛いですが… ヘッダーやフッターをposition:fixedで固定した時、…

2014.10.14

PDFの一部分を印刷したり、Word等に貼り付ける

PDFの一部分を印刷したり、Word等のofficeドキュメント内に貼り付ける方法をご紹介致します。 ①PDF…

2014.10.02

ユーザーエージェント判別等で読み込ませるjavascriptを変える記述をした時の凡ミス

スマートフォンやタブレットでのアクセス時に異なるcssを読み込ませるシーンはよくありますが、 異なるjavas…

2014.09.18

androidで[overflow:scroll]部分がスクロールできない場合の対応策（jQuery）

利用規約などの縦に長いコンテンツは、 予め縦横幅を指定し overflow:scroll でスクロールさせます…

2014.09.12

OGP設定 og:image で画像を指定しても表示(反映)されない場合にチェックすべき事項

OGP設定でog:imageの設定（ページがFacebookでシェアされる際に表示される画像の設定）をした o…

2014.09.12

レスポンシブデザインにクリッカブルマップ（イメージマップ）を対応させる

画像の特定の部分にリンクを適用させるクリッカブルマップ（イメージマップ・リンクホットスポットなど）は、スマート…

2014.09.03

【初心者向】インターネットマーケティング勉強「消費者行動理論 AISASモデル」

AISAS理論は、先述のAIDMA同様、消費者行動理論の一つですが、 AIDMAが発案された当時には存在してい…

2014.08.28

JavaScriptでスマホサイトへのリダイレクト

スマートフォンサイトがPCサイトとは別URLになる場合、 PCサイトにアクセスした際にユーザーエージェントによ…

2014.08.04

【初心者向】インターネットマーケティング勉強「消費者行動理論 AIDMAモデル」

AIDMAモデルとは、 1920年代にローランド・ホールがアメリカの広告・販売関係実務書の著書内で提唱した、 …

2014.07.30

【WordPress】W3 Total Cache使用時、修正が反映されない場合の対処法

WordPress表示高速化などの効果が期待できるW3 Total Cache。 その名の通りキャッシュをコン…

2014.07.29

PDFファイルのSEO対策

PDFファイルもGoogleなどの検索対象ファイルになることはご存知と思いますが、 PDFファイルにSEO対策…

2014.07.24

【WordPress】WPtouch コメント欄の削除・文字変更

WordPressで作成したサイトを自動でスマートフォン用に変換してくれるプラグイン「WPtouch」で、デフ…

2014.07.16

【初心者向】インターネットマーケティングの勉強「4P理論」

スイカと言えば、 アメ横（センタービル近く）に新鮮なカットフルーツが100円でその場で食べられる店があります。…

2014.07.05

【初心者向】インターネットマーケティング勉強「基本の行動理論」

スイカに深い意味はありません。 大々的にタイトルを掲げましたが、かくいう筆者もまだまだ勉強中の身です。 突き詰…

2014.06.24

【WordPress】php the_date では同じ日が表示されない

  Wordpressで投稿した記事の日付を表示する際、     一般的には上記…

2014.06.06

【写真加工】トーンカーブだけでレトロポラロイド風に

Fireworks（勿論Photoshopも）のトーンカーブだけでポラロイド・トイカメラ風に調整出来る設定方法…

2014.06.05

【jQuery】ページ読み込み時、本来隠れる部分が一瞬だけ表示される事象への簡単対策

jQueryで作成するアコーディオンメニューやスライドショー、ギャラリーなどは、 部分的に非表示にし、マウスク…

2014.05.26

【WordPress】YARPPで関連記事を表示させる位置を変更する

今回はwordpressで関連記事を自動表示させるプラグイン「YARPP」の、 記事を出力する位置を変更する方…

2014.05.26

Fireworks CS3でキャンバスサイズを6000px以上に

Fireworksでは、キャンバスサイズの上限が6000pxに設定されています。 キャンバスサイズを数値入力で…

2014.04.21

情報収集の効率を上げるGoogle検索ワザ

日々の業務からプライベートまで、 今やGoogleでの情報収集は日常茶飯事です。 そんなGoogle検索ですが…

2014.04.03

Dreamweaverの便利なショートカット

弊社ではwebサイト更新・制作作業にDreamweaverを使用しております。 PCでの作業には効率化・スピー…

2014.03.26

URL正規化による検索エンジン重複インデックスの回避

http://j-cool.co.jp/　・　http://j-cool.co.jp/index.html 上…

2014.03.06

【IE7】リスト等で指定した背景画像が消える

背景画像を用いてリストアイコンを表示させていたページで、 IE7では表示されていないと修正依頼がありました。 …

2014.02.24

Googleカスタム検索フォームの余白変更・検索ボタンの色を変更

Googleカスタム検索フォームは発行されたコードを貼りつけてjavascriptにより表示させますが、 デフ…

2014.02.17

幅100%に指定したヘッダやフッタの背景画像が切れる

幅を100%に指定した要素の背景に画像を使用すると、ブラウザの横スクロールをすると画像が切れてしまう現象がよく…

2014.02.13

【jQuery】イメージスライド等で発生 IEの画像ドット落ち対策

jQuery(JavaScript)によるスライドショーギャラリーを作成していたところ、IEでの閲覧時、一部の…

2014.02.09

Googleカスタム検索エンジン検索結果リンクを別ウィンドウ遷移から同ウインドウ遷移へ変更

情報量が多いサイトに有効なGoogleカスタム検索エンジン。 独自デザインでの検索結果画面表示ができ、また基本…

2014.02.05

毎週１つずつ古今東西の格言・名言を掲載し続けているサイト

弊社のお客様で、毎週ホームページに１つずつ格言を掲載しているサイトがございます。 東京中野区の食品卸業、株式会…

2014.02.01

「百聞は一見に如かず」　アプリケーションの使い方、作業手順を動画キャプチャで作成

社内教育で、遠方にいるスタッフにとあるアプリケーションのとある作業手順を教える機会がありました。 簡単な内容で…