Web制作– category –

【PhotoshopのWEB用に保存時の書き込み権限エラーが出る】 MacOS Big Sur 11.3.1 / Photoshop 23.22(Photoshop2022)を使っています。 下のエラーが出ました。 Adobe Web用に保存エラー この操作を完了できませんでした。書き込み権限エラーが発生しました...

この記事はフローティングバナーをCSS作る【Web制作】 へ移動しました。 ▶

数あるJavaScriptスライダープラグインの中で、 ・bxslider.js ・slick.js の著名ですが今回利用したのが「Swiper」です。 【Swiperのメリット】 Swiperはオプションが多く、いろいろなスライダーを作ることができます。 ・IE11対応 ・jQueryが不要 ・スマ...

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。 短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。 今回...

メディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。 メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。 メディアクエリ @media screen and (max-width: 320px); というように表...

『アニメーションするグラフを作ってくれ』と言われてしました。 知らない間にアニメーションの需要が出てきているんですね。 少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。 たしかにアニメーションするグラ...

Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。 と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。 エクセルなどのスプレッドシートでグラフを作る感覚に近いです。 グラフの初期テンプレートは用意...

【Photoshopでテキストに下線をつける方法】 PhotoShopでテキストに下線をつけるには 「テキストツール」の下線のボタンを押すだけです。 テキストツールを選択して文字を入力します。 メニューのウィンドウ ＞ 文字を選択して文字ウィンドウを表示します...

JavaScriptのライブラリとして一般的になったのが「jQuery」です。 いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。 「ボタンをオン・オフしてjQueryで画像を変えた...

【PhotoshopCC】ガイドラインを非表示にするショートカット

古いサイトの修正をするときに見かけることがあるのが 「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、 どんなメリット・デメリットがあるのでしょうか。 【「javascript:void(0);」のメリット 】 ・aタグのhrefに書き込む...

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。 結論としては 「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いもの...

WEBブラウザはリンク要素の上にマウスカーソルを乗せると 矢印から指マークへ切り替わります。 CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。 その時の解決方法を記載します。 【CSSでレイアウトしたとき...

LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 【Lityを使うとどうなる？】 ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。 ポップアップ表示をすることで、自分のサイトから他のサイトへ離脱を減らすことが可能にな...

Flexboxを使っているWEBサイトが増えてきました。 ちょっと勉強しなくなると進化についていけなくなりますね。 と淡い期待を持っていたのですが、実際Flexboｘが使われているサイトの修正をするとなると 勉強せざるをえません。 要素が重なってくると複雑...

LightboxはjQueryを利用したJavaScriptライブラリ。 最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて 黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。 サムネイルを押すと、大きい画像が等倍にリサ...

「WordPress」を使っているときに、PHP,MySQLのバージョン情報を知りたいときがあります。 調べる方法は色々ありまして、一番カンタンなWordPressプラグインを使った方法からご紹介します。 【プラグイン「SERVER INFORMATION」をインストールする】 メニ...

【クリック率計測でログのcrawl-66-249-79-112.googlebot.comでハマる】 WordPressテーマでAFFINGERを使っているのですが、AFFINGERの便利なプラグインに「AFFINGERタグ管理マネージャー2」というプラグインがあります。 「AFFINGERタグ管理マネージャー2...

予めツイッターアカウントを連携させておくと、WordPressの過去記事が自動ツイートされるWordPressのプラグインで「Revive Old Posts」というプラグインがあります。 「Revive Old Posts」をアップデートしたら、ツイートが止まってしまいました。 しばら...

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

Macを新しくしたときのAdobe CC(Photoshop写真業界向けプログラム)の移行

WordPressのwp-login.phpの場所を変える

php-fpm+nginxでload averageが上がった時の対処メモ

【PhotoshopCC】Photoshopで簡単なカレンダーを手軽に作る方法

お名前.comのVPSでのWordPress移行作業

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

Nginx+php-fpmで502 Bad gatewayが出たときの対処メモ

【PhotoshopCC】ガイドラインを非表示にするショートカット

Naverまとめで「サービス利用に制限がかかっているため、ログインできません。」が表示される

自分のブログファンを増やすためにプロフィールシェアボタンを記事の下へ置こう。

かったるいPhotoshopのスライスから解消

アドセンスのクリック率が落ちてきたら広告のブロックもしてみよう。広告のブロック設定方法の紹介

[Javascript]「?」を使ったif文の書き方-三項演算子

MAMPを使いローカル環境にテストサイトを作る MarvericksにWordPressをインストールする方法

MAMPをつかってMarvericksにWordPressインストールする方法

Feedlyボタンをブログに設置する方法

ウェブ作成時にMacで画面上の色を拾って、16進法でコピーする方法

ブロガーにオススメ!これだけであれば十分なFirefoxオススメアドオン2013

レスポンシブ対応CSSモジュールフレームワークPure

エックスサーバーからシックスコアサーバーへのWordPress移行手順