Web関連の記事

デザイン

アイキャッチ制作に時間がかかる人必見!無料・簡単・時短で素敵なアイキャッチを作るツールとコツ

ブログのアイキャッチを作るのに時間がかかってしまう人必見!短時間で簡単に、無料で作れるツールと使い方、素敵なアイキャッチを作るコツをご紹介します♪作業時間を短縮して記事に費やす時間を増やしましょう!
Web

【2019年版】WordPress無料・有料人気8テーマ比較資料公開!用途別おすすめランキング

WordPressでブログやサイトを作りたいと思った際に必ず悩む「テーマ選定」。今人気のテーマ8つのデモサイトを徹底比較!用途に合ったテーマを選ぶ参考にどうぞ♪
Web

submitボタンのデザインがiPhoneだけおかしい!でハマった時の対処法

お問い合わせページや資料請求などのページで使う「submit」。 これが何故か、PCサイトやデベロッパーツール上でのデザインでは問題ないのに、iPhoneでだけ意味のわからんデザインになりハマった話。
スポンサーリンク
Web

【デモあり】YouTubeの読み込みを軽くする!複数動画埋め込みページを高速化

YouTubeの動画を1ページに複数埋め込むと動画を読み込むのに時間がかかってしまいます。今回はこの動画を埋め込み過ぎて重くなったページを改善する方法をご紹介。
Web

【コピペでOK!】デモあり YouTubeの動画をレスポンシブでブログやサイトに埋め込む方法

YouTubeの動画を、変な余白を残さず、要素に対して100%の幅かつその幅に対して16:9の高さに自動調整される貼り付け方法をご紹介します。
Web

Font Awesomeで特定のアイコンだけ表示されない時の確認方法

ウェブサイトでアイコンを使う時、Font Awesomeを利用されている方がかなり多いと思います。 僕も多用するのですが、最近Font Awesomeがアップデートされていて有料版なるものも出てきました(前からあったのかな?)。 で...
Web

Photoshopではめ込み合成を短時間で!3ステップでスマホやPCの簡単モックアップ作成手順

ウェブサイトを作ってたりすると、PCやスマホで実際にそのサイトを開いた状態のもの、いわゆる「モックアップ」と呼ばれるものも提出する必要があります。 そんな時や、スマホの写真の画面にちょっとおしゃれなサイトを開いているような合成写真を作りた...
Web

CocoonからLuxeritasへ出戻った3つの理由。わずか5日でLuxeritasに戻りました

先日、Cocoonってテーマがすげぇ!!って記事を書きました。 それから5日程Cocoonを使っていたのですが、どうしても耐え難い問題でLuxeritasに戻しました(T_T) Cocoonの設定が全部終わって、使いやすさに...
Web

WordPress無料テーマCocoonが凄すぎる!LuxeritasとCocoonテーマの比較、主な違いと乗り換えた理由

LuxeritasからCocoonにテーマを変更!2つのテーマの比較、違いと変更した決定的な理由。どちらのテーマも高機能で素敵なテーマですが、ブログ運営の目的によってはCocoonでできる機能が大きなメリットに!?
Web

【デモあり】AMPでも大丈夫!CSSだけで要素をアニメーションさせる

CSS3のアニメーションをうまく使いこなせるようまとめてみました。
Web

AMP対応は今行うべき!?3つのメリットとデメリット、今対応すべきサイトと待つべきサイト

最近スマホで何か検索を行った時、いくつかのサイトの横にカミナリマークが付いていますよね。 これは、モバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク「AMP」に対応したページという印です。 ...
Web

WordPressの開発や確認は「Local」で決まりっ!無料ローカル環境構築ツールLocalのつかいかた

WordPressで、カスタマイズしたりサイトを制作したりする場合や、社内ポータルサイト等ローカルサイトを作る時に便利なツールのご紹介です。 ローカル環境とは、そのまんまですが自分のPC内に仮想サーバーを作ってしまい、公開サーバーでは...
Web

Twitterでフォロワーを外す方法 iPhoneアプリ版

ブログを始めた頃、たくさんの人に読んでもらいたくてTwitterも一緒に始めました。 が、使い方がイマイチ良くわからず、でもフォロワーは増やした方が良いんだろうと思いガンガン色んな人をフォローしたりしていたら、アラビア語みたいなユーザーば...
Web

ソースコードの表示はCodePenで!プラグインを使うよりCodePenをオススメする3つの理由

今更ながら、HTML、CSS、JavaScriptなどをプレビュー表示できるWebサービス「CodePen」のご紹介。 CodePenは、ブラウザ上でソースコードを書いてプレビュー表示しながら編集できたり、他の方々のコードをダウンロードで...
Web

繰り返し作業を一括自動処理!Photoshopのドロップレット作成で複数ファイルの同一作業を効率化!

今回は、前回紹介したPhotoshopの「アクション」と組み合わせ、もっともっと作業を効率化してしまう方法をご紹介したいと思います。 前回の「アクション」では、作業を登録しておき画像を開いた状態でそのアクションをクリックすれば...
Web

Photoshopで単純作業を登録し作業効率化!アクション機能を使いこなす!

ウェブサイトを作っていると、よくスライダーやサムネイル等同じサイズの画像をいくつも用意するといった作業が発生します。 今まで、毎回同じ作業を複数枚の画像に対して行っていたのですが、これ、とても無駄でした(T_T) 今更感ハンパありま...
Web

「Imsanity」と「EWWW Image Optimizer」で画像を最適化、ブログをサクサク軽快に!リサイズと圧縮両方やっときましょう!

ブログには、画像があった方が良いです。字ばっかり並んでても読みにくいから。 なんか記事にちなんだイメージだったり、手順の画面キャプチャだったり。 でも、昔と違ってモバイル端末でウェブを閲覧するユーザーが増えたり、スマホやデジカメ等の...
Web

WordPressを使ってブログを立ち上げる手順、必須の6項目!

このブログ「うぇぶめも。」は、ドメインを取得してから5年3ヶ月が経ちます(2018年7月現在)。 結構長く運営していますが、全然記事書いていないのでもちろん全然PVもありません(T_T) でも、ブログを書くのは結構楽しい事だと思うん...
Web

SCSSの「Error: Invalid Windows-31J character “\xE3″」というエラーの回避法

SCSSのコンパイルエラー「Error: Invalid Windows-31J character "\xE3"」の原因と回避策。意外なところにある落とし穴も合わせてご紹介します。
Web

Simplicityのフォローアイコンが表示されない時の解決法!

ここ2年ほど、ずっとWordPressのテーマはSimplicityを使い続けてます。 理由は、今はどうか知らないけど過去にこんな事があったから。 で、何不自由なく、すごく満足して使わせてもらってるSimplicityな...
スポンサーリンク