My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

※ 当サイトはアフィリエイト広告を利用しています

配色の選定にはこれが便利!オンラインツール「PHOTOCOPA」のご紹介

今日は、Web制作中の配色時にお役立ち、 「PHOTOCOPA」というツールをご紹介いたします。 「PHOTOCOPA」とは? PHOTOCOPAは、以下サイトで提供されているオンラインツールです。公式サイト: PHOTOCOPA | Photo Color Palettes by COLOURlovers :: COLOURlov…

【WordPress】サイトURLをhttpsにしたらログインできなくなった時の解決法

サイトhttps化にともない、WordPressでサイトURLを「https:// 」に変更したところ、直後から図のようなエラー画面が。 サイトにアクセスできない状態になっていましました。 【障害対応】常時SSL化でサイトアクセスエラー発生 以下、各ブラウザ別の表示例で…

Webデザイナーになるために ( これからWebデザイナーをめざす方々へ )

制作のスキルを上げるためには 「実際に報酬を得て仕事をすること、 それがスキルを上げる早道」これはかつての私が通っていたWeb制作科での恩師の言葉。 「まだこれができない」 「まだこれしかできない」 「スキルが足りない」 「だからまたとても仕事なん…

Koala 2.2.0にアップデートするとエラーが発生

以前ご紹介したSass編集用 GUIツール、Koala について、 ここ最近頻繁にアップデートを促すメッセージが表示されるようになったため、更新をしてみました。しかし、その結果、最新版 2.2.0 バージョンでエラーが続出することに。「一体どうなっているのか?…

Webクリエイター向け求人充実の今がチャンス!Web業界に転職しよう

私がWeb制作科に通っていた2014年頃、クラスの半分以上の生徒はWeb業界には就職しないという残念な状況がありました。その主な理由は、 そもそも有効求人があまり多くない ゆえに、スクール卒を採用する企業が少ない スクール卒求職者への採用条件が非常に厳…

WordPressを手動で任意のバージョンにアップグレードする方法

たまに、WordPressを最新版ではなく「この特定のバージョンにしたい」ってことがあります。 あるいは、環境によっては自動アップデートでは更新できない場合とか。実際私も今日そんな場面に遭遇し、手動アップデートを実行することになりました。ということ…

タブメニュー(2) (jQueryとCSSで実装する超シンプルタブを作ってみました)

下記記事を参考にさせていただき、超シンプルタブメニューをページに実装してみました。【参考記事】 超シンプルなjQueryタブメニューの実装方法 - クルマ好きの幸福論 : https://hayakawayuki.com/4518 超シンプルなjQueryタブメニューの実装方法 - ハヤカ…

コーディング不要!簡単操作でプロ並みBootstrapサイトが作成できる「Mobirise」

ドラッグ & ドロップと簡単設定だけでBootstrapサイトが作成できる「Mobirise」 公式サイト Free Website Builder Software : https://mobirise.com mobirise.com Bootstrapのここ最近のテーマをチェックしていたところ、偶然こちらのツールを発見。なんだか…

同一ページ 別タブ内アンカーリンクへの移動実現方法

同一ページ内の異なるタブ内アンカーリンクに移動するには 通常、アンカーリンク(同一ページ内)への移動は、以下の方法(アンカーリンク先要素に付けたID名をhrefに設定するだけ)で可能です。 <li><a href="#ID名">リンクテキスト</a></li> しかし、アンカーリンク先が他のタブ内だったりす…

リファラ (REFERRER) 制御方法を確認しました

リファラ (REFERRER) 制御方法を確認しました こちらについてご説明する前に、「リファラって何?」という方のために、以下ご説明いたします。 リファラ (REFERRER) とは? どこから現在のページに来ているか、ユーザーのアクセス元を示す情報のことです。 ※…

CSSで実装する タブ機能

[jQuery不要] ラジオボタン + CSSで出来る タブ機能 以下記事を参考に、Webページにタブ機能を設置してみました。【参考記事】 qiita.com上記にてご紹介いただいたコードで、 おかげさまで思った通りのタブができました。と喜んだのも束の間、一つ問題が発覚…

おススメ Div要素 丸ごと スライド可能なスライダー 「Swiper」

jQuery不要の高機能スライダー 「Swiper」を実装してみました 今日は、ページ内の要素丸ごとスライド可能な高機能スライダー、「Swiper」をご紹介いたします。Swiperのダウンロードはこちらから可能です。 Swiperの使用に至ったキッカケ 見出しやボタン等の…

【WordPress】超簡単 記事内に吹き出し会話を挿入してみました

こんな感じで、WordPresの記事に吹き出し会話を作成してみました。 WordPress記事での吹き出し会話 以前から度々見かけて実装してみたいと思っていた吹き出し形式のコンテンツ。 調べてみると、専用プラグインとして、以下「Speech bubble (ふきだしプラグイ…

チュートリアル動画作成に使えるか!? Windows 10 意外な標準機能

意外なWindows 10標準機能 Xboxアプリでデスクトップ動画作成 Xboxアプリとは? MicrosoftのXboxと言えば、やはりゲーム、 日頃ゲームをされる方はきっとご存知のはず。 本来の目的は、Windows10上で、Xboxゲームを楽しむための機能。 ゲームの様子を録画す…

【WordPress】WordPressサイトアドレスを間違って設定してしまった場合の対応 

WordPressサイトアドレスを間違って設定してしまった場合の対応 今日は、WordPressでサイトアドレスが間違って設定されてしまったという問題が発生した場合の対応方法について確認してみました。 実際今回身近で起きた問題 httpサイトのサイトアドレス設定で…

※ 当サイトはアフィリエイト広告を利用しています