WEB制作関連

制作物関連

オーケストラ演奏会のチラシを集めたORCHESTRA DESIGN GALLERYを制作

ORCHESTRA DESIGN GALLERY このたび、デザイン性の高いオーケストラの演奏会チラシを集めたギャラリーサイトを作りました。 サイト情報としては、、 ・ドメインはムームードメイン ・サーバーはロリポップ ...
Photoshop・Illustrator

Adobe Illustrator CCで「山路を登りながら」が邪魔!消したい方へ

「山路を登りながら」  Adobe Illustrator CCで文字ツールでテキストを書こうとすると上の画像のように、 「山路を登りながら」と入力されてしまいます。 初めて出たときは戸惑いました。何かバグってるんではないかと...
Windows・Android

CsFileCopyで大量のディレクトリから欲しいファイルをフォルダ階層ごと抽出する方法

仕事でとある企業サイトの文言を変更することになり、 エディターで大量のファイルを一括置換して作業は終了。 だが、「書き換えたファイルだけフォルダ階層維持したままほしい」と言われ 今回のフリーソフトを使うことになりました。 普通にフォ...
PCトラブル

スタバでNortonのうざいポップアップ、Mac上で不明なサービス(814番のポート)を開始しています。

"Mac上で不明なサービス(814番のポート)を開始しています。" というポップアップが連続して出る場合の対処法を調べたのでシェアします。 結論はこれ 「nortonsettings disable autosetupをターミナルに入...
Wordpress

Mac版XAMPPでワードプレスをローカル環境で使うまでの手順

OS X向けXAMPPをダウンロードしてワードプレスを入れてみる手順です。 Windows向けXAMPPとは異なる箇所が多い割にネットに情報が少ないのでまとめてみます。 MacでXAMPPを使ってワードプレスをローカル環境で使いたい方向...
HTML・CSS・Javascript

【やり直しJavascript】consoleとalert

仕事で毎日webサイトのコーディングやらデザインをしているのですが、その中でも完全に忘れてしまったのがJavascriptを使ってのプログラミング。 半年通ったスクールでは一応習ったんですが、実際に仕事ではJQueryというめちゃくちゃ便...
Photoshop・Illustrator

フォトショップで開いたインデックス画像をレイヤーに直す方法

フォトショップで開いた画像がこのようにインデックスになっていることがあります。 このままだと普通に動いてくれないので、レイヤーに直します。 インデックスからレイヤーにする方法 イメージ→モード→RGBカラー をクリック...
HTML・CSS・Javascript

CSSで文字は透過させないコードの書き方

CSSで透過の方法を2種類記します。 透過なし See the Pen MGxLJJ by kawashima (@kawashima) on CodePen. これは透過してない状態。 タンメン画像の上に青い背景と文字がありま...
HTML・CSS・Javascript

Javascriptで地図をクリックして情報ボックスを表示と非表示にするスキームの例

見たい地域(これでいうとdivのエリア)にオンマウスで色が変わり、 クリック(inputを)でdivの情報ボックスが非表示状態から表示に。 そして情報ボックスを非表示にするには、他の地域にオンマウスで全てのチェックボックスのchecke...
HTML・CSS・Javascript

Flexboxで画像が縦に伸びてしまうのを直す方法

Flexboxは便利ですが、画像とテキストを横並びにした時に、 下記のようにテキストの高さが高くて、 画像が引き伸ばされてしまうことがあります。 See the Pen OZdNXy by kawashima (@kawashima)...