仕事のコト

Tips

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

最近、ウェブサイト制作時に実機で確認する事が少なくなってます。 Chromeデベロッパーツールが便利すぎて、もうスマホのデザインもほぼデベロッパーツールだけで確認して済ませてたのですが、先日それで問題が発生し対処に時間がかかったのでメモ。...
Tips

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

YouTubeの動画を1ページに複数埋め込む事があり、埋め込んだ後ページを見てみたらビックリするほど重くなってました・・・ 動画を読み込むのに時間がかかっているもよう。 いくら面白い動画をたくさん貼っても、読み込みが遅いと閲覧してく...
HTML&CSS

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

ブログやサイトにYouTubeの動画を埋め込む機会が最近増えてきました。 YouTubeはすごく親切で、埋め込む際に「このコードだけ貼ったら埋め込めるよ。」ってコードを表示してくれます。 が!! このコードをそのままコピぺしたら、...
Tips

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

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

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

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

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

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

【Excel(エクセル)】日付の差分計算。年月日表示や日数表示も

久々備忘録です。 Excelで、ある2つのセルに日付を入力して、その差分を別のセルに表示させたい場合。 例えば何か制作してたら、開始日・終了日・制作日数みたいな。 またまた先に答えだけ。 A2、A3に日付が入っているとして、...
テーマ

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

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

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

サイトに動きを持たせたい場合、よくJavaScriptを使ったりしていました。 が、AMPの登場により、できるだけJavaScriptは使いたくない今日この頃。 そこで、CSS3のアニメーションをうまく使いこなせるようまとめてみまし...
HTML&CSS

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

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

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

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

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

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

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

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

Windows10 Pro で自動アップデートを無効にし手動更新にする手順!アップデートによる不具合回避して効率よく仕事しましょ♪

前回のWindows10 Homeに続き、今回はWindows10 Proの自動アップデート無効化手順をご紹介します! Homeの方はこちらをどうぞ♪ では、早速いきます。 必要な作業 自動アップデートから手動ア...
Windows

Windows10 Home で自動アップデートを無効にし手動更新にする手順!勝手なアップデートでの不具合、待ち時間にサヨナラ♪

またもやWindowsシリーズです。しつこくてすみません。 前回、ウィンドウズのアップデートで不具合が起こった際の解決方法をご紹介しました。 自動アップデート、問題多しです(T_T) そこで、今回はそのトラブル...
Windows

共有プリンターでスキャンエラー!?Windows10のアップデートで勝手に変わる設定とスキャナーの取り込み不具合回避策

どうも、またまたWindowsの不具合ネタです。 Windowsだけ書き続けたらブログの記事数結構書けるんじゃないかってくらい、やってくれますね。 今回は、自分の環境で起こった「スキャンができなくなった」エラーのご紹介です。 ...
Photoshop

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

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

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

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

画面操作を動く画像で紹介したい!アニメーションGifで画面キャプチャできる便利ツール「ScreenToGif」

PCの画面操作を誰かに伝える時、スクリーンショットを撮って説明書いて・・・というのが当然のようになっていました。 紙ベースのマニュアルなんかは当面この方法のままだと思いますが、最近サイトやブログでよく「動く画像」を見ます。 これ、と...
Windows

Windows10の「高速スタートアップ」は超問題児!無効にして不安定な動作の改善やアップデートによる不具合の要因を排除しましょう!

2記事続けてWindowsの問題対策です。 普通に使えれば良いのに、普通に使わせてくれないWindows。 でもクライアントもWindowsだし・・・となかなかやめられないWindows。 いつか絶対やめてやろう。 今回は、...