ワードプレス講師のプログラマー日記 -5ページ目
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

ワードプレス講師のプログラマー日記

教える学べるパソコンジャンル人気1位三ツ星講師の活動記録

<< 前ページ次ページ >>

スマホサイトのページ内リンクが効かない場合の対処法

レスポンシブサイトを制作にする際に知っておくべきTIPSです。

「TOPに戻る」が効かない！？

WEBサイトのページ下部についている

「▲TOPに戻る」
「▲このページの先頭に戻る」

などのリンク。

昔からあるので実装もとても簡単なのですが、
実はスマホでサイトを表示してこれらのリンクをタップしたときに、
おかしな動きをすることがあります。

１回目はちゃんとトップに戻るのに、
２回目以降は何回タップしても戻ってくれない。。。

そんな経験ありませんか？

原因と解決法をサイトで紹介していますので
よろしければご覧ください。

＞＞続きはサイトで






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



リセットに代わる発想～ノーマライズとは？～

ブラウザ間のレンダリング仕様の差異を埋め、
WEB制作を効率化すべく誕生した【リセットCSS】。
　
しかし、あらゆるスタイルを初期化する弊害があることを忘れてはなりません。
　
全て初期化するということは、
制作するサイトごとに全てのスタイルを定義し直す必要がある
ということを意味します。
　
それだけではありません。
　
再定義が増えると、CSSの【継承】があちこちで生じます。
ちょっと余白を調節してくても、継承元のスタイルを変更してよいのか
継承先を変更すべきなのか、解読が困難になります。
　
自分でコーディングしたサイトでなければ、
　
「さわらぬCSSに崇りなし」
　
の心理が働き、既存のCSSの後ろに独自のCSSを追加していくことになるでしょう。
　
そうなるともはや、CSSはスパゲッティ状態。
　
誰もメンテナンスできなくなります。

当然、サイトの維持管理コスト増となります。
　
そこで登場したのが【ノーマライズCSS】。
　
一見すると【リセットCSS】と似ていますが、
その違いとは・・・？

＞＞続きはサイトで






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



レスポンシブサイト制作に必須のリセットCSS

レスポンシブサイトを制作にする際に知っておくべきTIPSです。

デバイスやブラウザによって表示が異なるひらめき電球

たとえば、多くのサイトにある「検索欄と検索ボタン」ですが、
Chrome、Firefox、InternetExplorer、スマホなどのブラウザによって
微妙にレイアウトが異なることを知っておくべきでしょう。

デバイスやブラウザによって規定値が異なるために、
全く同じHTML・CSSのページでも表示が異なってしまうのです。

そこで重要なことが２つあります。

１．リセットCSSを使う
２．最も表示サイズが大きいブラウザにあわせてレイアウト設計する

２．は言うまでもないでしょう。

１について、よく使われている方法と導入方法、選び方を
サイトで紹介していますので、よろしければご覧ください。

＞＞続きはサイトで






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



パズドラよりも楽しいレスポンシブサイト

puzzle

ＰＣ、タブレット、スマホ

どのデバイスからアクセスしても
画面のサイズにあったレイアウト
で表示されるＷＥＢサイト。

そんなレスポンシブサイトの制作
を最近続けています。

ＰＣ専用のサイトでは使うことが
なかったＣＳＳテクニックに沢山
触れて吸収していけるのが何より
楽しいですね。

プログラマーは数学やパズルなど
緻密なことが楽しいと感じる人に
適正があると言われていますが、

まさにＨＴＭＬ・ＣＳＳはパズル。

パズドラより楽しいと思います。






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね





あなたのサイトを収益化、会員ビジネスサイト構築法

ブログやホームページをお持ちの方に朗報です。
あなたのサイトに高い収益性を宿らせるチャンスです。


それはずばり「会員制ビジネス」。


・コンテンツ課金制
・月額制
・年額性


会員だけが閲覧できるコンテンツで、
一般には公開していない価値ある情報を提供すれば、
それは会員だけが享受できる付加価値となります。


そのようなサイトを少ない初期コストで
構築できるとしたらどうでしょうか？


もしあなたがWordPressサイトをお持ちか、
これからWordPressサイトを持ちたいとお考えなら、
オススメの構築プランをご提案いたします。

>>続きを読む...






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



Webデザイナーの右腕目指してます

WEBデザイナーの妻と一緒に仕事をしていると、
デザインって大変だなぁ～とつくづく感じます。

ひとことにホームページ制作といっても、
デザインだけではありません。

デザインしたものを、HTMLやCSS、jQueryなどを
駆使してWEBページに仕上げる「コーディング」
をしなければ形になりません。

ただでさえ忙しいWEBデザイナーさんが、
多様化するWEB技術を追いかけながら一人で全部
をこなすのは本当に大変だと思います。

昔は、HTMLと基本的なCSSができれば十分でした。

しかし今はスマホで見たときにもキレイに見える
レスポンシブサイトが主流ですし、中でもスマホ
ユーザーを第一に考える「モバイルファースト」
が浸透しつつあります。

画面サイズに応じてコンテンツの配置やフォント
サイズが切り替わるサイトを見たことがあるかと
思います。あれです。

正確に作るには、一枚絵のデザインだけでは限界
があります。

そこで役立つのが、HTMLとCSSを各ブラウザとの
互換性まで熟知した上で最適なコーデイングを
行えるスキルです。

行き当たりばったりではWEBサイトは作れません。

第一、長く運用する大切なサイトならば、他人が
メンテナンスしやすい内部構造で作ることが大切
です。

WEBデザイナーとプログラマーがいかに効率的に
連携できるかが、質の良いサイトを作るカギだと
思います。

>>続きはこちら






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね




楽天商品登録の説明文、まさか１つ１つ書いていませんか？

楽天商品説明文合成ツール


先日、とある方から

【楽天用商品説明文合成ツール】

についてお問い合わせをいただきました。

楽天で数千アイテムを出品するそうで、
出品作業を少しでも楽にできないか？
というご相談でした。

こちら、当方のオリジナルツールです。

楽天でショップを運営されている方からのご依頼がきっかけだったのですが、
楽天ショップオーナー様とそのスタッフ様の監修のもと制作いたしましたので、
１０００アイテム以上を取り扱っておられる方には確かな効果があると思います。

ツールで何ができるかは、こちらの記事をご参考ください。

資料請求はこちらからどうぞ






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



ワイヤーフレームの重要性【WEBサイト制作】

イメージを書き起こす


WEBサイト制作の難しい点は、お客様と制作者が
どれだけ完成イメージを共有できるかです。

例えお客様が「デザインはお任せします」と言っても、
お客様にはお客様のイメージがあるのです。

それを具体的に表現する手段を持ち合せておられないだけなのです。

ですから、制作側は「お任せすると言っているのだから」
と自分の思い通りに作ったものを過信してはいけません。



「できました！どうぞご確認ください」

『う～ん、ちょっと思ってたのと違うので修正してくれませんか？』

「えっ？そんなこと言われても追加料金ですよ？」

『・・・だったらもう頼みません・・・』

「（ちょ、ちょっとそれはないでしょ～）」



ということにならないために、制作側がやるべきことがあります。


【やらなければ信用を失いかねない必須工程】
http://coding.office-ing.net/importance-of-wireframe/206


あなたはやっているでしょうか？







よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



取引上の禁止行為について｜IT契約トラブル多発事例

サイト制作の一部を下請けに出すことがあると思います。
デザインだけを外注したり、コーディングだけを外注したり。

一般に親事業者のほうが下請業者より発言力が強いものですが、
親会社はエンドユーザーに対して責任を持つので、思い通りの
成果物を納めてもらわねば困るがゆえに、時として強行な姿勢
に出ますが、法律上の禁止事項には気を付けねばなりません。

親事業者がしてはいけない法的禁止事項には
次のようなものがあります。

（１）受領拒否

（２）不当な要件変更や不当なやり直し

（３）返品

続きは別館で♪＞＞http://coding.office-ing.net/・・・






よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



お客様に任せる

もうメンドクサイから好きなように
決めちゃってくださいっ。
　
なんてこと、お客様には言えません。
こちらが主導権をもって決めるべき
ことは決めないと、お客様任せでは
　
「お客様の期待するもの」
　
は作れません。
　
だけど頭は１つしかありませんし、
手も２本しかありません。
　
だったら人に任せるしかありません。
　
信頼できる同業者にお願いするのも
一つの選択肢だと思いますが、私は
お客様に任せるのも場合によっては
正解だと考えています。
　
なぜならお客様の事情を一番知って
いるのはお客様自身だからです。
　
お客様にしか判断できないことは、
何度も打ち合せして時間を使うより
ヒアリングシートをしっかり作って
お客様に埋めてもらうのです。
　
大事なのはヒアリングシートを作る
ことに手を抜いてはいけないという
ことです。
　
ここで手抜きするとお客様の回答も
精度の低いものになり、結局は自分
も苦しみ、お互い嫌な結果に終わる
ものです。
　
「お客様に任せる」
　
けれど、あくまでもこちらの欲しい
情報が得られるような任せ方をする
ことが大事。そう感じます。

[PR]━━━━━━━━━━━━━━━━━━━━━━━━
①WordPressサイト作成レッスンはこちら
②システム開発のご相談・お見積りはこちら
③Webサイト制作のご相談・お見積りはこちら
④ポータルサイト更新ツールの資料請求はこちら
━━━━━━━━━━━━━━━━━━━━━━━━━━




よろしければ読者登録やランキング「ポチッ」とお願いします♪

読者登録してね



<< 前ページ次ページ >>