Webdesign PORTFOLIO
APIのチャート製作で UX/UIも秀悦なウェブ表示できます
Photoshopでグラフィックを作るとこうなります。これはPhotoshopで作ったカバーの一例です。もとの画像はこちらでした。この例のように、Photoshopでは画像を複数枚使い、それぞれを編集加工して、最適なグラフィ…
ieやedgeで表示されない病を克服したグラフィック
Webコーダーやデザイナー、エンジニアが 皆悩まされている ie&edgeの問題があります。ついにこの時がやっとやって来ました！今後は日本でもie&edgeのブラウザシェアが徐々に減っていくと思われる告知がマイクロソフト…
OGPとTwitterカードをWordPressで実装した SNSに強い施策
上の画像のように、デバイスにあわせて横幅を自動調整表示してくれる、このレスポンシブサイト、スマホでもタブレットでも、縦でも横でも自動で横幅にあわせて表示してくれるから便利ですよね。TwitterカードとかOGPって何ですか？URL…
WordPressでWelcart！ECサイトのカートを実装検証してみた
Wordpressプラグインの中に、Welcartというショッピングカートプラグインがあります。このプラグインを実際にサイトに実装して検証してみました。Welcart ワードプレスプラグインのカートを実装検証してみた● 制作期間…
Google XML Sitemapsで、サイトマップXMLを作成する方法
「アクセス数を増やしたい」その施策の一つが、Google XML SitemapsでサイトマップXMLを作成する方法で、検索エンジン対策の最も基本的な一つです。このSitemap.xmlを設定していないウェブサイトは、考えられなくな…
HTML&CSSのECサイト、CSSだけで一瞬でデザイン変更！
ウェブサイト制作の3つのパターン。▶︎ プラットフォームを使用する方法。プラットフォームとは、楽天とかYahooとか、ECキューブ、カラーミーショップとか既存システムを使用する方法。▶︎ CMSを使用する方法 - 動的ウェブサイト。…
Contact form 7 のお問合せフォームをカスタマイズする
Contact form7のお問合せフォームの項目、もっと増やして使いやすく変えれます。これが BEFORE、AFTER です。日本人が作ったお問合せフォームのプラグインContact form7。使いやすく評判もいいのですが、もっ…
レスポンシブでスマホ・タブレット対応のグラフィック
レスポンシブでスマホ・タブレット対応のグラフィック制作レスポンシブ：つまりスマホ対応のウェブサイトですが、数年前まで「既存サイトのレスポンシブ専用Webサイトを別途独立させたい」とか「全体をレスポンシブとPC併用にリニューアルさせ…
ECでは グラフィックの出来次第で商品がひきたつ
ECでは商品グラフィックの出来次第で商品をひきたたせる事ができます。ECサイトでは商品バナーのグラフィックの出来次第で、商品が売れたり売れなかったりします。つまりいかに秀悦なグラフィックを作れるかが、Ulデザイナーの腕の見せどころで…
PAGE TOP