HTMLについて初めて教わった時、確かDreamweaverを使っていたはずなのですが、このところ起動すらさせていません・・・ つい先日「なぜHTMLを編集する時にDreamweaverを使わないのですか?」と聞かれたの […]
Web制作スタッフのブログ
Webサイトの基本!適切なURLの付け方
Webページの内容を連想できるURLを設定しよう 自身でWebサイトをAdobeのソフトやホームページビルダーを使って作る場合はもちろん、自身でディレクトリ名(フォルダ)を命名したり、HTMLファイルの名前を決めます。 […]
phpを使ってインスタグラムの投稿をページに掲載する方法
2019年1月30日追記 2020年には埋め込みに使っていたAPIが使えなくなるので、この記事情報では設置ができなくなる可能性があります。 ご了承ください。 以前に紹介した埋め込み方法が非対応になっていました 最新のin […]
あの雰囲気いいなぁと真似る時の注意点
雰囲気を真似する Webサイトでもチラシでも雑誌でも、作ろうと思った時に「あんな風にしたい」「あの雰囲気がいい」と思う事はあると思います。 そうした時にどうやったら似たような雰囲気が出るのかで困ってしまいますね。 とりあ […]
任意のパーツを簡単に複製してつかえる「clone」
同じコンテンツを繰り返し使いたい場合に有効な「clone」 Webサイトを作成していると、1ページ内で何度も登場するコンテンツが見つかります。 例えばページャーや、ページ内リンクボタン、ナビゲーションがそれに当たるでしょ […]
ここ数年でよく聞くWordPressは何故みんなが使うのか
「WordPressでページを作る」という事が当たり前に検索で見つかるようになりました。 Webサイトを作る時に調べると、「WordPressがおすすめ」といったような記事が度々目につきます。 いったいどこにメリットがあ […]
そこまで載せるの?取扱商品の情報掲載について
詳細情報はどこまで載せるのか 自社独自の製品なら、自社のWebサイトが一番情報が充実しているべきだと思います。 縦横などのサイズや製品のスペック、消費電力や火力など・・・その製品を設計した所でなければわからない情報も多々 […]
何事にも練習は必須!プレゼン等の前には必ずリハーサルを
どんな事でも練習は必要です。 まっさらな状態から突然〇〇をやるように言われても、なかなかできない事が多くあります。 なんとかこなす事が出来たとしても、時間がかかりすぎてしまったり、後から間違いが見つかったりと・・・あまり […]
Yahoo!ショップ構築について(その2)
Yahoo!ショップのデザイン変更など、作業していて気が付いた事 編集モードは「通常モード」を選ぶ 独自の検索窓を設置する サブメニュー内の商品カテゴリに画像を適用させる 文字色変更について フリースペースの入力欄を設定 […]
円記号とバックスラッシュ
キー入力で意外と面倒なことになるのが「円記号」と「バックスラッシュ」です。 半角の円マークを入力したつもりが、バックスラッシュになっていたり・・・ 逆にバックスラッシュを入力したつもりが、円マークになってしまったりします […]
小なり大なりの記号は使う時に注意
小なり大なりはHTMLで使われる記号でもある 「<(小なり)」「>(大なり)」の記号は文章の中で使われることが時々あります。 これらの記号で文字を挟んで強調させて見せるように装飾したり、矢印の代わりに使われた […]
Androidでコピーライトマークの色だけがおかしい現象について
lang=””の設定で色がおかしくなる 最近、コピーライトマーク「©」の色がおかしなWebサイトに遭遇しました。 iOSでは問題ないようですが、Androidでは色がおかしなことになって […]
スムーズスクロールを強制的に無効化してIEでも背景を固定する
JavaScriptで制御する 以前も背景を固定したページをInternetExplorer(IE)で表示した時に背景が上下に揺れるという現象についてお知らせしました。 背景を固定した時、IEでガタガタ動く現象について […]
CSSで背景色を透過させる方法
rgba()を使って透過させる 要素を透過させる時には「opacity」を使用すると思います。 ですが「opacity」では、CSSを割り当てた要素全体が透過します・・・ なのでその要素に含まれる画像や文字も透過してしま […]
SSLサーバー証明書の違いと、暗号化強度は?
証明書の差は名義人をどこまで調べて認証するかの違い 常時SSL化が推奨され、様々なWebサイトにSSLによる暗号化通信が施されてきています。 ウチもそろそろSSL証明書を取ろうかな・・・と思った時に、証明書の価格差や種類 […]
要素の順番を入れ替えられるflexboxのorderを活用しよう
Flexboxはスマートフォン用のCSSに適用させる レスポンシブサイトを作る時に便利なFlexbox・・・非常に使い勝手がいいものの、IEなどの一部のブラウザでは対応していないものもいくつかあるので、なかなか使う事がで […]
CSSは検索機能を使って編集項目をすぐに見つけよう
コメント機能を活用して編集箇所を検索する CSSを編集していると、「あの項目はどこで設定したっけ?」とか「あのページのCSSはどのあたりに書いたかな?」と迷子になる事があります。 全てのページ、全てのパーツを同じ日に作り […]
Yahoo!ショップ構築について(その1)
Yahoo!ショップのデザイン変更など、作業していて気が付いた事 Yahoo!ショップが基本料金0円になってしばらく経ちます。 ありがたいことに、Yahoo!ショップのデザイン作成も数件携わらせていただいておりますが、楽 […]