WEBデザイン

ホーム » WEBデザイン

Illustrator Aiデータのリンク配置が多すぎてクラッシュする時の対処法

あるAiデータを開くと、クラッシュする 「アプリケーション「Adobe Illustrator」がクラッシュしました。」 取引先からAiデータを送ってもらったのですが、開くとクラッシュして強制終了。 恐らく、PCスペックが足りていないのだと思いました。 「高性能なPCを持っていないのが悲しい。」 対処法としてはリンクファイルを参照できないように、そのAiファイルのディレクトリを移動します。 「xxx.eps」というリンクファイルが見つかりません。「置換」を選択して別ファイルを選択するか、リンクをそのまま変更しない場合は「無視」を選択して下さい。 「全てに適用」にチェックを入れ、「無視」をクリック。 無事、開けました。

By |2020-04-25T02:01:51+09:002018/05/08|WEBデザイン|0 コメント

【CS-Cartをカスタマイズ】自作テーマ作成とレイアウト・デザイン編集の方法!

CS-Cartショップサイトのデザインを変更するためには CSS上書きとLESS アドオン > アドオン管理 > 日本語版アドオン まず、ショップ構築・運用するためには、CS-Cartを日本向けに最適化する「日本語版アドオン」を有効にして下さい。 CS-Cartの導入が完了したらテーマがインストールされ「themes」のディレクトリが作成されています。 FTPソフトで接続し、以下の「themes」ディレクトリをGET(ダウンロード)します。 [...]

ウェブデザイナーのためのCSSプリプロセッサーLESSの使い方|実例とともに機能をチェック!

CSSプリプロセッサーLESSの使い方 CSS構造のおさらい セレクタID・クラス・HTMLタグなど プロパティcolor,font-size,marginなど 値プロパティの設定値 宣言プロパティ+値 ルールセットセレクタ+すべての宣言 ルールセット[セレクタ[#id]{ 宣言[プロパティ[font-size]: 値[12px];] [...]

By |2020-04-25T02:02:25+09:002017/06/29|CSS, WEBデザイン|0 コメント

WPXレンタルサーバーならモリサワwebフォントが無料で使えるので導入してみた

WPXでモリサワwebフォントを導入 WPXレンタルサーバーやエックスサーバーでモリサワwebフォントが無料で使える新機能が登場した。 WEBフォントというとサイズが大きくて、ページ読み込み速度が遅くなってしまうというイメージがありますが、WEBフォントも進化しています。 モリサワでは「最大7.1倍の高速化」を実現しており、実用に耐える仕様になっています。詳細までスクロール↓ WEBフォントは、CSSでデザインしたり、画像と違って折り返せるので、レスポンシブウェブデザインには最適。 フォントの切り替えもクラスで簡単に行えるので、手軽にページの印象を変えることが出来ます。 では、導入手順と実際の表示を確認してみたいと思います。 wpX管理パネルの設定手順 WordPress特化の高速サーバー‎:WPXレンタルサーバー サーバー管理 [...]

簡単にホームページを作成|WordPressページビルダーWelukaの使い方

WordpressページビルダーWelukaについて 公式サイト:Weluka Welukaとは? Welukaは、WordPressをページビルダーとしてグレードアップさせることのできるツールです。 Weluka専用のテーマとプラグインをインストールすることで、機能を追加し自由なレイアウトとデザインが可能になります。 Wixやjimdoのように無料でホームページが作成できるウェブツールもありますが、柔軟性がなくWordPressのように便利な機能を追加していくことが出来ません。 HTMLやPHPについて詳しくない方でも簡単にウェブサイトを作成することが出来ます。 なぜ、簡単なのか? WordPressでは、「実際に表示されるページ」と「設定や機能、ページ作成・投稿を管理するページ」に分かれている。 管理ページではウェブサイトを作成するための固定ページもあるが、レイアウトやデザインはテーマによって決まっており、変更するためには子テーマを作成し、WordPressテンプレートファイルを直接編集。 [...]

シネマグラフをPhotoshopで作成したら意外と簡単だった【考察と作り方/練習素材の提供】

シネマグラフの作成方法について シネマグラフという表現技法をご存知ですか? 一見すると静止画に見えて、写真全体像の一部がループされた動画になっているGIFアニメーションです。 どのようなものかを実際に紹介します。 以下の画像はcinemagraphs.comの中から引用。 参考1 参考2 [...]

【WordPress/ページビルダープラグイン】どれがいいのか?上位8件を徹底比較しました

Wordpressページビルダープラグインの比較 WordPressでウェブサイト制作するときに便利なプラグイン。 固定ページをレスポンシブウェブデザインで素早く簡単に構築、編集が出来るようになります。 そのページビルダープラグインの中で、 人気があるのがどれか分からない。 編集画面インターフェースの違いが見たい。 使いやすいプラグインが知りたい。 動作速度やWordPressへの負荷は? インストール数+レビュー数+レビュー平均点を加味した上位8件で設定・使い方・インターフェースを徹底比較していきます。 上位8件は以下の通りです。インストール後の設定、使い方、動作デモを確認します。 [...]

ウェブサイト制作中、実際のスマホ画面を確認したいときに役立つ方法

ウェブサイトを構築中に実際のスマホページを確認したいときによく使われる方法で、Google Chromeデベロッパーツールなどを使って 「PCブラウザのウィンドウサイズをスマホ画面サイズに縮小」したりすると思います。 簡易的にチェックするには上記の方法でもいいです。 例えば、CSS3メディアクエリで設定したブレイクポイントで切り替わる表示を確認など ただ、アクセス端末の判定を使って条件分岐させる方法で表示を切り替えしていた場合には、 実際のスマホ画面表示をPCブラウザでは確認することが出来ません。 WordPressの関数やJavaScript、PHPのアクセス端末判定の条件分岐による表示切り替え スマホブラウザの種類によっても表示は変わるので、PCブラウザで全てをチェックは難しい。 ある程度まで仕上がってから、実際のスマホで動作していなかったら、無駄な作業が増えます。 [...]

By |2020-04-25T02:03:14+09:002017/01/27|WEBデザイン|0 コメント

酉年なので、鶏の【高クオリティーなフリー写真素材】を集めてみた

2016年も終わりに差し掛かり、来年の干支である酉(ニワトリ)に絞って、無料で使えるフリーの写真素材を集めました。 ライセンスは、クリエイティブ・コモンズ・ゼロです。 クリエイティブ・コモンズ・ゼロ(略称CC0)とは、 その作品に対して権利を持つ者が著作権を放棄し、 個人/商用と問わず誰でも使用できる状態のことです。 クレジット表記も不要。 ですが、リンク先のライセンスは、必ずチェックしてダウンロードして下さい。 画像をクリックすると、写真ごとのダウンロードページヘ移動します。 黒背景でテキストが映える [...]

ブログ記事の正しい引用を考察|WordPressブロガー必見

ブログ記事を書くとき、参考にした外部サイトの一部を引用することがあると思います。 「著作権法を理解して、正しく引用できていますか?」 記事の引用について、著作権法第32条と著作権法第48条を見てみると、 第32条「公表された著作物は、引用して利用することができる。この場合において、その引用は、公正な慣行に合致するものであり、かつ、報道、批評、研究その他の引用の目的上正当な範囲内で行なわれるものでなければならない。」 第48条「第32条の規定により著作物を複製する場合、著作物の出所を利用の態様に応じ合理的と認められる方法及び程度により、明示しなければならない。 」 とあります。 ブログ記事の引用について考察 引用をインターネット上の記事に当てはめると、 公表された著作物であり、引用することが出来る。 [...]

サーバー移転の際に役立つ「hosts ファイル」でウェブサイトの動作確認する方法!

レンタルサーバー移転する際にウェブサイトの動作確認する方法 サーバーの容量が一杯になってきた。 ウェブサイトのリクエスト数が多くなり、負荷でサーバーダウンが起きる。 高性能レンタルサーバーへ変更し、ウェブサイトの表示速度を上げたい。 ホームページ制作会社が変わり、サーバーを移転する。 料金を見直して、同程度スペックで割安なレンタルサーバーへ移りたい。 いろいろな理由でレンタルサーバーを移転する必要が出た場合に、移転してからウェブサイトを構築するのは、移行のための空白の時間が出来てしまい勿体無いですね。 ウェブサイトの構築中に「空のHTMLファイル」や「準備中やメンテナンス中のHTMLファイル」を表示させておくのは、来訪者の直帰率を上げてしまいます。 移転先のレンタルサーバーであらかじめウェブサイトを構築しておき、完全に準備が整った状態でネームサーバーを切り替えて、スムーズに移行したいと思います。 サーバーの移転に伴い、「ホームページが表示されない期間の発生」を防ぐ必要があります。 [...]

便利すぎるエディタ Adobe Dreamweaver CC 2017 ! ベータ版を採用し強力に進化

adobe Dreamweaver cc 2017 のアップデート 前回、便利すぎる Adobe Dreamweaver CC Beta [...]

WEBデザイナーが作業効率を上げる為の【12項目】とおすすめ環境

コーディングの作業効率をあげるには 私が「WEBデザイナー の作業効率を上げる方法」で思いつくことは、いくつかあります。 作業効率を上げる為の項目を挙げていきます。 HTML、またはPHPファイルのテンプレート(ひな形)を用意して、入力箇所を減らす。 テンプレート(ひな形)のバリエーションを増やす。 CSSフレームワーク(Bootstrap など)を利用する。 レスポンシブデザインを簡単に組み込むことが出来る。 タイピング速度を上げる。 [...]

By |2020-04-25T02:04:35+09:002015/07/06|CMS, WEBデザイン|0 コメント