2019年人気だった20記事を改めて振り返ってみる【WEBデザイン】

おはようございます！社員Aです👩

今日は、2019年人気だった20記事を改めて振り返ってみたいと思います✨

来年も引き続きブログの執筆は続けつつ、もっと有益な情報を残していけたらなと思っています！

第1位 【無料】ECサイトで使えるHTMLテンプレート16個まとめ

2019年堂々第一位に輝いたのはこちら！

ECサイトで使えるHTMLテンプレート16選です。

どのテンプレートもレスポンシブ対応していて、カテゴリや画像を入れ替えるだけですぐに使えるのがポイント！

ゆにメモ

 

9 Pockets

【無料】ECサイトで使えるHTMLテンプレート16個まとめ

https://blog.universe-web.jp/443

こんばんは！社員Aです👩。今週もあっという間に金曜日になってしまいました…！先週からブログを始め、1週間が立ちましたがブログを書くことの難しさを痛感しています（笑）ブログネタはストックしてあるので、その中からピックアップして更新しているのですが、どのような言い回しで書いたら読み手にわかりやすく伝わるのかを意識しながら書くため、かなり頭を使います。先週は土日でこのサイトを作り上げて、月曜〜金曜までは仕事が終わったあとに次の日のブログ記事執筆をして予約投稿…の流れで、自分の中ではかなり多忙でし...

こちら大好評だったので、第二弾も更新しています。

ゆにメモ

 

2 Pockets

【無料】ECサイトで使えるHTMLテンプレート23選 ver.02

https://blog.universe-web.jp/4044

おはようございます！社員Aです👩以前投稿した下記の記事がよく読まれているので、第二弾ということで、「ECサイトで使えるHTMLテンプレートver.02」を公開したいと思います！▼以前の記事はこちら自社でECサイトを運営されている方向けになるかとは思いますが、無料と思えないほどの高品質なHTMLテンプレートがたくさんありましたので、まとめていきたいと思います！  Downy ShoesDowny Shoesは、シューズコレクションのためにデザインされた、オンラインショッピングをテーマにした複数ページのウェブサイトです。ま...

第2位 年表や沿革など タイムラインが簡単に実装できる便利なライブラリ16選まとめ

私達も制作で使う機会のあった「タイムライン」。

いちから組むと時間がかかるタイムラインも無料ライブラリを使うことでかなり時短になりました。

年表や沿革などに活用できます。

ゆにメモ

 

39 Pockets

年表や沿革など タイムラインが簡単に実装できる便利なライブラリ16選まとめ

https://blog.universe-web.jp/1680

こんにちは👩タイ社員旅行記をブログに書き起こそうとするも内容が多すぎて挫折している社員Aです。タイで撮った写真は全部で360枚を超えていたので、どれをセレクトするかも迷ってしまっています（笑）さて、今回は「年表や沿革などのタイムラインが簡単に実装できる便利なライブラリ」をまとめていきたいと思います。私が最近コーディングした案件でこのタイムライン表示が必要だったので、実際に使ったものと、今後使ってみたいものをまとめました。タイムラインコンテンツは1から作ると大変なので、ライブラリを使ってカス...

第3位 動画ファイルサイズを軽くできるオンラインツール4選

サイトに動画を埋め込むとき、動画サイズが重いと見る環境によっては負担になりかねません。

そんなときに使えるのがこちらの記事で紹介しているオンラインツール。

ゆにメモ

 

8 Pockets

【2022年】動画ファイルサイズを軽くできるオンラインツール8選

https://blog.universe-web.jp/3734

おはようございます！社員Aです👩今回は動画ファイルサイズを軽くできるオンラインツールをご紹介したいと思います。サイトに動画を埋め込むとき、動画サイズが重いと見る環境によっては負担になりかねません。そんなときに使えるのが、今回ご紹介する圧縮ツールです！ ※ご紹介する一覧は外部サイトになりますのでご利用は自己責任でお願いいたします。　各サイトの規約をしっかりとお読みいただいた上でご利用ください。こちらもおすすめ onlinevideoconverter動画のリンク・ファイル・スクリーンレコーダーからそれ...

第4位 まるで一眼レフ!? プロ並みに撮れるiPhone・Androidカメラアプリ5選【無料】

スマホさえあれば、プロ並みに撮れるiPhone・Androidカメラアプリをご紹介したところとても好評でした。

年々、ユーザーの撮影する写真のクオリティが高くなっているのは、機能の向上はもちろんのこと、ご紹介するようなアプリも欠かせないと思います！

ゆにメモ

 

1 Pocket

まるで一眼レフ!? プロ並みに撮れるiPhone・Androidカメラアプリ5選【無料】

https://blog.universe-web.jp/3060

おはようございます！社員Aです👩今回はスマホさえあれば、プロ並みに撮れるiPhone・Androidカメラアプリをご紹介したいと思います。「インスタ映え」という言葉が流行になるほど、日常でスマホのカメラを使う機会が多くなりました。年々、ユーザーの撮影する写真のクオリティが高くなっているのは、機能の向上はもちろんのこと、今回ご紹介するようなアプリも欠かせないと思いますので是非ご覧ください！ FoodieiPhone対応Android対応カメラアプリと言えば「Foodie」と言われるほど、使っているユーザーが多いアプリです...

第5位 facebookのページプラグインをレスポンシブで埋め込む方法

facebookのページプラグインを埋め込む機会はとても多いと思います。

こちらの記事では、レスポンシブ対応できる方法をご紹介しています。

私も制作中に参照しています。

ゆにメモ

 

6 Pockets

facebookのページプラグインをレスポンシブで埋め込む方法

https://blog.universe-web.jp/2326

おはようございます！社員Aです👩今回はWEB制作されている方ならよく使っているであろうFacebookのページプラグインをレスポンシブで埋め込む方法についてご紹介します。ページプラグインの導入は簡単にできるのですが、レスポンシブ対応で横幅がはみ出てしまったり、スマートフォン時の対応に苦戦することが多いので、簡単にレスポンシブ対応できる方法をまとめました。 埋め込みコードの取得まずは、facebook for developersからFacebookページプラグインを生成します。 FacebookページのURL タブ 幅 高さ その他オ...

第6位 iOS13アップデート不具合情報・ダウングレードの方法

9月20日にアップデートのアナウンスが始まったiOS13の不具合情報やダウングレードの方法をご紹介しました。

ゆにメモ

 

1 Pocket

iOS13アップデート不具合情報・ダウングレードの方法

https://blog.universe-web.jp/5125

おはようございます。社員Aです👩！9月20日にアップデートのアナウンスが始まったiOS13ですが、早速不具合などが起きているようです。また、iOS12へのダウングレードの方法についても説明していきたいと思います。 iOS13の新機能についてはこちら  iOS13の不具合情報iOS13にアップデートしたところ、各所で不具合が見受けられています。特に古い端末ほど不具合が起こりやすい傾向があります。 LINEアプリの起動ができなかったり、挙動がおかしい 写真アプリがクラッシュする アプリが起動しない LINEア...

第7位 商用でも使えるお正月・年賀状デザイン素材サイト17選

無料で商用でも使えるお正月素材・年賀状サイトをご紹介しました。

こちらもたくさんの方に読んでいただきました。

ゆにメモ

【2022年】商用でも使えるお正月・年賀状デザイン素材サイト17選【無料】

https://blog.universe-web.jp/2704

おはようございます！社員Aです👩今回は無料で商用でも使えるお正月素材・年賀状サイトをご紹介したいと思います。年末商戦に向けてバナーや販促に使われたり、年賀状などで使われる機会が多くなると思うので、自分の備忘録も含めまとめていきます！無料で使えるお正月のイラスト・ベクター素材サイト Event DESIGNのイラスト素材イベント素材に特化しているEvent DESIGNさんでも、お正月の素材が豊富に公開されています。もちろんすべて無料で、そのままバナーや年賀状に使えそうなタイトル素材もあります。 イラス...

第8位 ついに発表されたPhotoshop CC 2020新機能完全まとめ

2019年11月のエントリーにも関わらず多くの方に読んでいただきました。

Photoshop CC 2020新機能を完全に網羅しています！

ゆにメモ

 

3 Pockets

ついに発表されたPhotoshop CC 2020新機能完全まとめ

https://blog.universe-web.jp/5341

こんばんは。社員Aです👩Adobeからついに発表されたPhotoshop CC 2020新機能を完全にまとめていきます。  ついに発表された、Photoshop CC 2020新機能新機能1.新しいオブジェクト選択ツールAdobe Senseiを搭載した新しいオブジェクト選択ツールは、単一のオブジェクト、複数のオブジェクト、または画像内のオブジェクトの一部（人、車、家具、ペット、衣服など）を選択するプロセスを簡素化します。オブジェクトの周囲に長方形の領域またはなげなわを描くだけで、 オブジェクト選択ツールは定義された領域内のオブジ...

第9位 【簡単！】楽天でモーダルウィンドウ（ポップアップ）を表示する方法

特に大型イベント（お買い物マラソン・スーパSALE）前のアクセスが多かった記事です。

制限の多い楽天RMSからもモーダルウィンドウを実装できる方法をご紹介しています。

ゆにメモ

 

1 Pocket

【簡単！】楽天でモーダルウィンドウ（ポップアップ）を表示する方法

https://blog.universe-web.jp/328

こんばんは！今週もまだ始まったばかり…まだ火曜日です。いつもブログは、土日か平日の夜帰宅後に書いて予約投稿をしているので、冒頭の挨拶がちょっと迷ってしまいます…！今回は楽天で使えるtipsを紹介していきたいと思います。店舗でモーダルウィンドウを出すメリットちなみに、モーダルウィンドウとはどのようなものか百聞は一見にしかずなので、画像でご紹介します。下記のように、サイトを開いたときにぱっと浮き出てくるコンテンツのことをモーダルウィンドウと言います。これを店舗ページに活用することで、クーポンを取得させ...

第10位 Googleカレンダーをさらに便利にしてくれるChrome拡張機能9選

Googleカレンダーをさらに便利にしてくれるChrome拡張機能をご紹介しています。

仕事での業務管理やプライベートでのスケジュール管理などでGoogleカレンダーを使っている方は多いと思うのですが、そのGoogleカレンダーをより便利に使えるようになるChrome拡張機能です。

ゆにメモ

 

7 Pockets

Googleカレンダーをさらに便利にしてくれるChrome拡張機能9選

https://blog.universe-web.jp/3147

おはようございます！社員Aです👩今回はGoogleカレンダーをさらに便利にしてくれるChrome拡張機能をご紹介します。仕事での業務管理やプライベートでのスケジュール管理などでGoogleカレンダーを使っている方は多いと思うのですが、今回はそのGoogleカレンダーをより便利に使えるようになるChrome拡張機能をご紹介したいと思います。 Google Calendar（by Google）Google公式が出している拡張機能で、ブラウザのツールバーにボタンを配置すると、ページを離れることなくGoogleカレンダーから今後の予定を簡単に確認できま...

第11位 Google Fontsに追加された日本語フォントが魅力的すぎる！

いままでは、Google早期アクセスで「Notosans」や「はんなり明朝」などのWEBフォントが使えていましたが、ついにGoogleFontsにも日本語WEBフォントが正式に登場しました！

これからも増えてくれれば、デバイスに限らずデザインの幅が広がるのでとっても楽しみです。

ゆにメモ

 

4 Pockets

Google Fontsに追加された日本語フォントが魅力的すぎる！

https://blog.universe-web.jp/387

こんばんは！社員Aです👩最近圧力鍋を手に入れ、カレーを作ったのですが、豚肉も野菜もとろっとろの某カレー店のような味わいになったので、圧力鍋の凄さを痛感しています。圧力鍋があれば、帰宅後でもすぐに煮物が作れたりご飯が炊けたりするのでとても重宝しています。 さて、本日はGoogleFontsにひっそりと日本語フォントが出ていましたので、ご紹介していきます！早期アクセスだけでなく、正式に日本語WEBフォントが登場！いままでは、Google早期アクセスで「Notosans」や「はんなり明朝」などのWEBフォントが使えてい...

第12位 商用でも使えるクリスマスデザイン素材・サイト21選【無料】

商用でも使えるクリスマスデザイン素材・サイトを更新しています。

10月頃から多くの人によく読んでいただいている記事です。

ゆにメモ

 

1 Pocket

【2021年】商用でも使えるクリスマスデザイン素材・サイト21選【無料】

https://blog.universe-web.jp/2369

おはようございます！社員Aです👩弊社は博多駅近辺にあるのですが、博多駅も毎年恒例のイルミネーションでライトアップされてとてもきれいです。ハロウィンが終わったと思ったらもうあっという間にクリスマスシーズンに突入ですね！ということで、今回は無料で商用でも使えるクリスマスデザイン素材・サイトをご紹介したいと思います。年末商戦に向けてバナーや販促に使われる機会が多くなると思うので、自分の備忘録も含めまとめていきます！ 無料で使えるクリスマスのイラスト・ベクター素材サイト Event DESIGNの...

第13位 WordPressがPHP5.2〜5.5のサポートを終了に！バージョンアップする方法

WordPressがPHP5.2〜5.5のサポートを終了にするということで、詳細や対策をまとめました。

サーバーごとの対処法なども網羅しています。

ゆにメモ

WordPressがPHP5.2〜5.5のサポートを終了に！バージョンアップする方法

https://blog.universe-web.jp/4228

おはようございます！社員Aです👩今回は、WordpressがPHP5.2〜5.5のサポートを終了にするということで、詳細や対策をまとめていきたいと思います。 WordpressがPHP5.2〜5.5のサポートを終了にすると発表WordPressはPHP 5.2 - 5.5のサポートを正式に終了し、最低限必要なPHPバージョンを5.6に上げました。昨年12月に発表された計画では、2019年頭に最低限必要なバージョンを更新し、結果に応じて2019年12月には再びPHP 7に更新する予定でした。PHP5.5以前のサイトはまだセキュリティアップデートを受けられますが、WordPres...

第14位 Youtubeや動画の埋め込みをレスポンシブ対応する方法【コピペOK!】

コピペだけで実装できる「レスポンシブ対応できる」Youtubeや動画の埋め込み。

ちょっとの工夫でタブレットやスマホで見たときも、縦横比を維持したままきれいにサイトに埋め込むことができます。

ゆにメモ

 

8 Pockets

Youtubeや動画の埋め込みをレスポンシブ対応する方法【コピペOK!】

https://blog.universe-web.jp/1162

おはようございます。特に買うものはないのに、足繁く博多駅に通っている社員Aです👩最近はブログを朝・夜と2回更新しています。こう見ると、早起きが得意で「朝活」と認識されそうですが、早起きは苦手なので、夜にまとめて書いて予約投稿しています。さて、今回はYoutubeや動画をサイトに埋め込む際にレスポンシブ対応する方法を書いていきたいと思います。<iframe>もしくは<video>タグを使って動画を埋め込むことが一般的だと思うのですが、ちょっとの工夫でタブレットやスマホで見たときも、縦横比を維持したま...

第15位 Youtubeや動画の埋め込みをレスポンシブ対応する方法【コピペOK!】

iPhoneで撮影した写真の拡張子が「HEIC」になってしまった場合の原因と、「JPG」に変換する方法をご紹介しています。

ゆにメモ

iPhoneで撮影した写真の拡張子が「HEIC」に!? その原因と「JPG」に変換する方法

https://blog.universe-web.jp/2433

おはようございます！社員Aです👩今回はiPhoneで撮影した写真の拡張子が「HEIC」になってしまった場合の原因と、「JPG」に変換する方法をご紹介します。 iPhoneで撮影した写真の拡張子が「HEIC」になってしまう原因最近はiPhoneだけで十分なのではないかと思うほどカメラの画質や性能も向上していますが、iPhoneで撮影した写真をパソコンなどに転送して見てみると、拡張子が「HEIC」になってしまうことがあります。メジャーな拡張子は「JPG」や「PNG」なので、「HEIC」ってなに!?って思ってしまいますが、これにはちゃんと...

第16位 福岡・博多駅周辺で電源・Wi-Fiが使えるカフェ16店舗【電源カフェまとめ】

福岡・博多駅周辺で電源・Wi-Fiが使えるカフェをご紹介しています。

充電がないなど緊急時や、待ち合わせの空き時間にもゆったりと過ごせます。

ゆにメモ

福岡・博多駅周辺で電源・Wi-Fiが使えるカフェ16店舗【電源カフェまとめ】

https://blog.universe-web.jp/1463

こんにちは！社員Aです👩弊社では10/4〜10/7まで社員旅行でタイに来ており、このブログは事前投稿しているものなのですが、旅の記録などは随時Instagramにアップしておりますので、ぜひご覧ください！さて、今回は福岡・博多駅周辺で電源・Wi-Fiが使えるカフェをご紹介します。充電がないなど緊急時や、待ち合わせの空き時間にもゆったりと過ごせます。 シアトルズベストコーヒー ヨドバシ博多店電源コンセント有（一部利用可能席あり）Wi-FiフリーWi-Fi喫煙可（完全分煙）予約・お問い合わせ092-409-2433住所福岡県福岡市...

第17位 【無料】ECサイトで使えるHTMLテンプレート23選 ver.02

自社でECサイトを運営されている方向けになるかとは思いますが、無料と思えないほどの高品質なHTMLテンプレートをまとめています。

ゆにメモ

 

2 Pockets

【無料】ECサイトで使えるHTMLテンプレート23選 ver.02

https://blog.universe-web.jp/4044

おはようございます！社員Aです👩以前投稿した下記の記事がよく読まれているので、第二弾ということで、「ECサイトで使えるHTMLテンプレートver.02」を公開したいと思います！▼以前の記事はこちら自社でECサイトを運営されている方向けになるかとは思いますが、無料と思えないほどの高品質なHTMLテンプレートがたくさんありましたので、まとめていきたいと思います！  Downy ShoesDowny Shoesは、シューズコレクションのためにデザインされた、オンラインショッピングをテーマにした複数ページのウェブサイトです。ま...

第18位 WordPressで目を引くSNS風プロフィールの作り方【コピペOK!】

このブログでも活用している、WordPressでSNS風のプロフィールを簡単につくれる方法をご紹介しています！

コピペOKなので、ブログなどで活用できます。

ゆにメモ

 

3 Pockets

Wordpressで目を引くSNS風プロフィールの作り方【コピペOK!】

https://blog.universe-web.jp/1174

おはようございます！社員Aです👩WordpressでSNS風のプロフィールを簡単につくれる方法をご紹介します！コピペOKなので、ブログなどで活用できます。ぱっと目を引くSNS風プロフィールカード当ブログでは、サイドバーにプロフィールカードを設置しています。よく見るSNS風のプロフィールカードで、自己紹介はもちろんのこと、各SNSや仕事依頼への誘導も出来ますので、ブログからさらに仕事につなげたい方にもおすすめです。コピペOKなので、初心者の方でも簡単に設置ができるようになっています。 プロフィールカードの設置...

第19位 ついに発表されたIllustrator CC 2020新機能完全まとめ

Adobeから発表されたIllustrator CC 2020新機能を完全に網羅しています。

ゆにメモ

 

3 Pockets

ついに発表されたIllustrator CC 2020新機能完全まとめ

https://blog.universe-web.jp/5373

おはようございます。社員Aです👩Adobeからついに発表されたIllustrator CC 2020新機能を完全にまとめていきます。  ついに発表された、Illustrator CC 2020新機能新機能1.ファイルが2倍速く開くIllustratorの保存プロセスが改良され、非常に複雑なベクトルイラスト、複数の埋め込み画像、および多くのアートボードを含むファイルが非常に高速に開くようになりました。  新機能2.ファイルはバックグラウンドで保存されるようになりましたこれで、Illustratorでファイルを保存するときに、作業を停止する必...

第20位 ついに発表されたIllustrator CC 2020新機能完全まとめ

意外と知られていないテキストを左揃えのまま中央寄せにするテクニックをご紹介しています。

ゆにメモ

 

3 Pockets

意外と知られていないテキストを左揃えのまま中央寄せにするテクニック

https://blog.universe-web.jp/1477

こんにちは。無事タイから帰国しました社員Aです👩！社員旅行記については、また別で執筆予定ですのでお楽しみに！さて、今回は意外と知られていないテキストを左揃えのまま中央寄せにするテクニックをご紹介します。 テキストを左揃えのまま中央寄せにするコーディング時によくあるのが、テキストは左揃えのまま、コンテンツの中央に表示したい場合です。テキスト自体も中央揃えなら、text-align:centerでまとめて中央揃えにしてしまえば良いのですが、この場合はそうはいきませんよね。この「テキスト自体は左揃えのまま...