WEB作成

2/4ページ
  • 2019.09.01

illustratorでテキストボックスのサイズ変更ができない

イラストレーターでテキストボックス(表示領域)のサイズ変更ができなくなりました。 原因はバウンディングボックスが非表示になっていたからでした。 バウンディングボックスを表示させると今まで通りドラッグで変更できるようになりました。 バウンディングボックスの表示方法は メニューの「表示」→「バウンディングボックスの表示」で表示できます。 どうやらショートカットの「Ctrl+Shift+B」を間違って押 […]

jQuery colorbox の閉じるボタンを上部に表示(移動)

colorboxで表示する画像が高めの場合などで、「閉じるボタン」が下の方に表示され、分かりにくい場合があります。 その場合は、ボタンを上に付けると分かりやすいと思います。 colorboxは欄外をクリックでも閉じる事ができますが、分かりにくいユーザーもいると思うので、閉じるボタンの表示は必要です。 ボタンを新設する方法もありますが、単純にボタンを上に表示するだけなら、CSSを変更する方法が手軽だ […]

  • 2019.08.11

GMOクラウドVPS PleskをSSL化

GMOクラウドVPSのPleskでセキュリティ警告が出る ⇒ コントロールパネル「Plesk」が使えるGMOクラウドVPS GMOクラウドVPSを借りましたが、Pleskのコントロールパネルにアクセスした際、初期の状態では下記のように、「この接続ではプライバシーが保護されません」とセキュリティ警告が出ます。 サポートサイトには、セキュリティ警告が出ても内部的にはSSL通信されているため問題ないと記 […]

  • 2019.08.11

コントロールパネル「Plesk」が使えるGMOクラウドVPS

GMOクラウドVPSを借りてみました。 GMOクラウドを使用するVPSの最大のメリットは、パラレルス社のサーバー管理ツール「Plesk(プレスク)」を手軽に使用できる点です。 Pleskとは? Pleskはコマンド操作(CUI)なしで、GUIで操作ができる管理ツールです。 Pleskパネルの特長 GUI操作で管理できるので、コマンド操作が苦手な方でも直観的にサーバー管理ができます。 無料SSL(L […]

  • 2019.08.06

jQueryで自動で番号(連番)を付ける

セクションごとに番号を振りたい 見出しなどに、番号を振る時があると思います。 (よくあるのが「~~の流れ」) LISTを使うのもありですが、装飾したい場合など、表示場所を独立した場合などには使えません。 また、手動で数字を振るのは、メンテナンス性が悪いです。(間に項目追加したりとか) jQueryを使用して自動で連番 そんな時は、jQueryで番号を振るのが便利です。CSSでする方法もありますが、 […]

CSS
  • 2019.08.06

CSSの Position:fixed; を指定した要素の上部に余白ができる

ヘッダーなどを固定するとき、通常は “ psition:fixed; ” を使うと思います。 しかし、上部に余白が出てしまう事があります。 その場合、次の要素の上マージン ” margin-top ” により、引っ張られる感じで、余白が付いてしまう場合が多いです。 例えば、要素 “header” に “ position:fixed; ” 、 次の要素、contents を固定ヘッダー分下げようと […]

CSS
  • 2019.08.04

Flexboxで上下揃えができない

Flexboxで子要素の上下揃えをしたいときは、下記のように “ align-items ” で設定します。 [crayon-5d8463a773284985498503/] 上記のみで上手く上下揃いができない場合、” margin ”の設定が原因の場合があります。 これは左右揃えの時も同じですが、” margin : auto ; ” を指定していると上手く設定できません。 ですので、子要素側に […]

  • 2019.03.31

WordPressで関連記事を設置(プラグインなし・レスポンシブ対応)

WordPressの関連記事を表示する設置する方法です。 プラグインもいくつかありましたが、設定がイマイチ分かなったので、下記記事を参考に関連記事を追加しました。 http://web-pc.net/wp008 設置場所は、記事詳細ページ(シングルページ)に設置しています。 レスポンシブ対応のCSSも記載しています。 設置イメージ 1. テーマフォルダに、関連記事用のテンプレートを追加作成します。 […]

  • 2019.03.30

Fireworksをまだ使い続ける理由

Fireworksの開発終了で、illustrator、Photoshopへ移行する人が増えています 僕はWEBデザインを作成する時は、ほぼFireworks(ファイヤワークス)を愛用しています。 開発を行わないことを発表してから、illustrator、Photoshopに移行している人が急増しているようです。 今もFireworksを使用している人はどれくらいいるのか気になるところです。 僕が […]

  • 2019.03.30

Adobe Creative Cloud を解約しました

Adobe Creative Cloud (Adobe CC)の値上げを機に、一旦解約しました。 理由は、 Dreamweaver、Illustrator、Photoshopは CS5を所有しているため Fireworks開発終了のため。Fireworks CS6の単体版を所有している。 (WEBデザインはほぼFireworksを使用) Illustrator、Photoshopは、CS5より圧倒 […]

1 2 4