WEB制作
-
【レスポンシブ対応】CSSでメニュー表のように単語と単語を点線で結ぶリストを作る CSSでのタブリーダーの作り方
点線を可変にして文字の大きさはそのまま、点線だけが伸縮してレスポンシブ。 目標は以下の通り。 PC版 タブレット版 スマホ版 スマホ版では点線を取っ払って上下にテーブル的に見せる、でもいいかもしれません。 こんな感じ。 …
-
デザイナー志望の学生向け! Adobe Portfolioを使ったポートフォリオの作り方
ポートフォリオってなんですの? 普通に生きてきたらポートフォリオという単語自体にあんまり聞き覚えのないことでしょう。 ポートフォリオを直訳すると「折りかばん」「書類入れ」という意味で、「書類を運ぶ平らなケース」のことを示します。語源はイタリア語の「Portare:運ぶ」「fo…
-
Web屋が地域マルシェから見る農業、農家の情報発信の必要性
身内の誕生日にちょっと横浜まで足を伸ばしたのですが、こんなのやってました。 横浜ベイクォーター:かもめマルシェ 予定も毎回更新されているようですのでご興味ある方ぜひ。かもめマルシェは月に一度のようですね。基本的には11:00~17:00の間で、さほど規模的には大きくないで…
-
WordPressでLINEみたいな吹き出しを簡単に作れるプラグイン【Speech Bubble】
ブログの中にLINEやFacebookのメッセージみたいに会話風でやり取りしている文章があると変化があることから離脱率やページ滞在時間が伸びる傾向があります。 今回はそんな吹き出しを使った会話が簡単に作ることができるWordPressのプラグイン『Speech Bubble…
-
【CSS】flexboxを使ったWEBレイアウトはレスポンシブデザインに最適!flexboxの使い方をまとめてみました!
「いやめっちゃ楽ですよ。レスポンシブにかかる時間ホント減りましたもん」 「へー。ええやん。それウチの標準にしようよ」 というわけで勉強会を開いたら 「できるってこたぁわかった」 「なんとなくわかったような気がする」 「つかプロパティ多くね?」 となりました…
-
IllustratorでWEBデザインを行うときに押さえておくべきポイント9選
以前こんな記事を書きました。 WEBデザインをするツールとしてIllustratorとPhotoshopの違いを比較してみる [blogcard url=”https://incloop.com/illustrator%E3%81%A8photoshop%E3%81%AE…
-
FacebookやTwitter、LINEといったロゴの利用規約守ってますか?ロゴを使うときに気を付けなければならないこと
HPを作っていると、SNS関係や他の企業のロゴを使用することが多くあります。特にFacebook、Twitter、LINE、この辺りは日本において必須項目となってきていますね。それぞれに特徴のあるSNSですが、アイコンもかなり特徴的。もうFacebookならこの色、このロゴ、とい…
-
Illustratorでのイラストの描き方3つのポイント
イラストとは何か IllustratorとPhotoshop、どっちを使った方が絵を描きやすいか、と問われると、Photoshopだと答えるデザイナーさんが日本には結構多いと思います。 ペンタブを使ってインクを落とすように直接画面に絵が描ける、という点で、Photoshopは…
-
【お年玉キャンペーン】ホームページ改善レポートでアクセス・お問い合わせアップへ!
新年明けましておめでとうございます。 皆様のおかげで2017年も無事に新しい年を迎えることができました! 本年もインクループ社員一同、皆様にご満足頂けるサービスを心がける所存でございますので、 何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げま…
-
WebARENAのSuiteXに2つのWordPressをインストールして動かす方法
NTTPCコミュニケーションズさんが提供しているのレンタルサーバーサービスの「WebARENA」を利用しているお客様からマルチドメインでWordPressをインストールして運用したいというご依頼がありました。 お安い御用ですよ~!ということで引き受けたのですが、ちょっとばか…
-
【WordPress】the_content()で表示した本文の直後にウィジェットエリアを追加する方法
WordPressにはブログなどの投稿の本文を表示する時に使う関数としてthe_contentという関数が用意されています。 ウィジェットエリアをthe_contentで表示した本文の直後に表示したいなぁ・・って思ってテンプレートを編集しようとしたところ、ちょっと一工夫必要…
-
スクリーンショットPC版のおすすめフリーソフトはこれだ!【私のお気に入り♪】
パソコンを使う上で必ずといっていいほど活用するスクリーンショット。 最近ではスマホでもスクリーンショットをする機会が増えてきた気がします。 「その画面スクショしといて」なんて略した言葉も 50歳をすぎた母にも伝わるようになってきました(;'∀') あぁ、デジタルな世界にな…
-
【PHP】カスタムフィールドが空欄の時には中身があるかどうかチェックしてから表示する
WordPressで便利なプラグインとしてよく使われているアドバンスカスタムフィールド。 不動産の物件情報の詳細や、ネットショップでの商品情報の詳細など投稿画面でオリジナルのフィールドを追加したい時に簡単にフィールドを追加できてしまうとっても便利なプラグインです。 &…
-
スマホ画面で曜日ごとに表示されている内容を変える!【コピペだけで実装可能】
おはようございます! 今日は透き通る青空に気持ちのいい風で 洗濯物もよく乾きそうですね(*'▽')気分も晴れやかです♪ 以前にスマホの画面に固定位置に電話番号を常に表示する記事を書きましたが、 今回はその追記をしたいと思います。 [blogcar…
-
知ってる?おしゃれかわいい!Facebook・Twitterのプロフィール画像を誰よりも最速で作れるサービス「fotor」を使いこんでみた
>アイキャッチ作成に便利!ブラウザ上オンラインサービスで画像の文字入れや編集ができるサイト「BANNER KOUBOU.com」と「fotor」 こちらの記事でfotorについて取りあげさせていただいたのですが、あれからこのソフトを使ってよくアイキャッチを作るようになり、本…
-
WEBサイトの適正な制作費用の相場はいくら?見積りで失敗しないために注意するポイントは?
WEBサイトの制作費用って一体いくらくらいが適正な価格なんでしょうか?? 適正な相場を知るということはお金を正しく使うという点において非常に重要なことですが、WEBサイトに関しては明確な物体が存在しているわけではないので他と比較もしづらく、いくらくらいが適正なんだろう?と悩…
-
アイキャッチ作成に便利!ブラウザ上オンラインサービスで画像の文字入れや編集ができるサイト「BANNER KOUBOU.com」と「fotor」
PhotoshopもIllustratorもない、けれどブログは書かねばならない。文章は作れます! まかせて! ……というインクループの方々ですが、毎回毎回アイキャッチの制作時間にめちゃめちゃ時間取られているの、気のせいです? さくっと文字入れができてサイズ変更ができて、欲…
-
【Illustratorフリー素材】ベクターのパターンブラシを使って和風素材のいろんな組み紐を作る
組み紐素材ってなかなか見つけられなかったので作りました。 ハロウィンが終わったらすぐに年賀状なので、いそいそと使っていこうと思います。 こんな感じ。 素材そのものの再配布、素材の販売は禁止させていただいておりますが商用利用可能で使用報告も不要なのでじ…
-
マルチアイコン(ファビコン)の設置方法と作り方!icoに変換は必要なの?
マルチアイコン(ファビコン)って、重要?作り方や設置方法がわからない!そんなときに役立つ情報をお届けします(/・ω・)/ こんにちは。木曜担当の吉見です。 サイトを閲覧している際によく見かけるサイトのアイコンのようなもの、 こ…
-
スマホの画面の固定位置に電話番号を常に表示!予約やお問い合わせ件数を増加させる効果あり!
こんにちわ 木曜担当の吉見です! 最近涼しくなってきて、ようやく過ごしやすい日常が送れていてホッとしています(*'▽') クーラーも使わず、暖房も使わない今の時期ってなんて最高なんでしょう(*'▽')! さて、今日は私のお気に入りで、コピペで今すぐ使える便利な機能…