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

Web制作

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

2018年12月23日 8:00 

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

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

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

9月から始めたこのブログも、最初は自分の備忘録も兼ねて記事を書き続けていたのですが、順調にアクセスも伸びてきており、沢山の方にこのブログを読んでいただいて本当に嬉しいです…!

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



もくじ

 

第1位 ついに発表されたPhotoshop CC 2019新機能完全まとめ【Adobe MAX】

ついに発表されたPhotoshop CC 2019新機能完全まとめ【Adobe MAX】

この記事はざっくりまとめるとこんな内容

Adobeが10月15日、クリエイティブカンファレンス「Adobe MAX」で、「Photoshop CC」「Lightroom CC」「Illustrator CC」「InDesign CC」「Premiere Pro CC」「Adobe XD」など主要アプリのメジャーアップデートを発表しました。

それに際し、「Photoshop CC 2019」の新機能・変更点を紹介しています。

 

第2位 ついに発表されたIllustrator CC 2019新機能完全まとめ【Adobe MAX】

ついに発表されたIllustrator CC 2019新機能完全まとめ【Adobe MAX】

この記事はざっくりまとめるとこんな内容

Adobeが10月15日、クリエイティブカンファレンス「Adobe MAX」で、「Photoshop CC」「Lightroom CC」「Illustrator CC」「InDesign CC」「Premiere Pro CC」「Adobe XD」など主要アプリのメジャーアップデートを発表しました。

それに際し、「Illustrator CC 2019」の新機能・変更点を紹介しています。

 



第3位 iOS12新機能!「Siriショートカット」が使えるアプリ18個

iOS12新機能!「Siriショートカット」が使えるアプリ18個

この記事はざっくりまとめるとこんな内容

9月18日に配信されたiOS12で、Siriショートカットが使えるようになりました。

具体的には、Siriを通じてアプリの起動やアプリの操作ができるようになりました。

この記事では、Siriショートカットが使えるアプリ18個を紹介しています。

 

第4位 これを読めば分かる!WordPress5.0のGutenberg(グーテンベルク)のすべて

これを読めば分かる!WordPress5.0のGutenberg(グーテンベルク)のすべて

この記事はざっくりまとめるとこんな内容

12月6日にリリースされたWordPress5.0で従来のビジュアルエディタからブロック型のエディタであるGutenberg(グーテンベルク)に変わりました。

この記事では新しいブロック型エディタである「Gutenberg(グーテンベルク)」について徹底解説しています。

 



第5位 2019年のWEBデザイン7つのトレンド【2019年はこれが来る!】

2019年のWEBデザイン7つのトレンド【2019年はこれが来る!】

この記事はざっくりまとめるとこんな内容

2019年のWEBデザインのトレンド予測をまとめています。

WEBデザインに限らず、トレンドの変化が爆速のこの業界では常に最新の情報をチェックしておくことが大事だなと改めて感じます。

 

第6位 ついに発表されたAdobe XD 2019新機能完全まとめ【Adobe MAX】

ついに発表されたAdobe XD 2019新機能完全まとめ【Adobe MAX】

この記事はざっくりまとめるとこんな内容

Adobeが10月15日、クリエイティブカンファレンス「Adobe MAX」で、「Photoshop CC」「Lightroom CC」「Illustrator CC」「InDesign CC」「Premiere Pro CC」「Adobe XD」など主要アプリのメジャーアップデートを発表しました。

それに際し、「Adobe XD 2019」の新機能を紹介しています。

 



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

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

この記事はざっくりまとめるとこんな内容

9月18日にリリースされたiOS12の不具合やiOS11へのダウングレードの方法をまとめています。

 

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

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

この記事はざっくりまとめるとこんな内容

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

年末商戦に向けてバナーや販促に使われたり、年賀状などで使われる機会が多くなると思うので、自分の備忘録も含めまとめています。

 



第9位 コードを書きながらデザインできる次世代ツール「Hadron」がすごい!

コードを書きながらデザインできる次世代ツール「Hadron」がすごい!

この記事はざっくりまとめるとこんな内容

「Hadron」は、HTMLやCSSでコーディングをしながらデザインも同時並行で進められるという次世代のツールです。

「デザイナー目線」と「デベロッパー目線」の両方からコーディングすることができ、片方のスキルさえあれば簡単にWEBサイトが作れる仕組みになっています。

 

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

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

この記事はざっくりまとめるとこんな内容

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

年末商戦に向けてバナーや販促に使われる機会が多くなると思うので、自分の備忘録も含めまとめています。

 



第11位 WordPressのGutenberg(グーテンベルク)から旧エディターに戻す方法

WordPressのGutenberg(グーテンベルク)から旧エディターに戻す方法

この記事はざっくりまとめるとこんな内容

メジャーアップデートにより、Wordpress5.0では、従来のビジュアルエディタからブロック型のエディタであるGutenberg(グーテンベルク)に変わりました。見た目だけでなく、エディタそのものが刷新されるので「旧エディター」のままが良いというユーザーも少なくありません。

そのGutenberg(グーテンベルク)を無効化し、旧エディターに戻す方法について書いていきたいと思います。

 

第12位 【簡単!】楽天でモーダルウィンドウ(ポップアップ)を表示する方法

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

この記事はざっくりまとめるとこんな内容

サイトを開いたときにぱっと浮き出てくるコンテンツのことをモーダルウィンドウと言います。これを店舗ページに活用することで、クーポンを取得させ、ユーザーの購買欲をアップさせることが出来ます。

そんなモーダルウィンドウを実装する方法を紹介しています。

 



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

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

この記事はざっくりまとめるとこんな内容

この記事では、ECサイトの無料HTMLテンプレートをまとめました。自社でECサイトを運営されている方向けになるかとは思いますが、無料と思えないほどの高品質なHTMLテンプレートがたくさんありましたので、ぜひご覧ください。

 

第14位 YouTubeの埋め込みで関連動画を消すオプションが動かない??

YouTubeの埋め込みで関連動画を消すオプションが動かない??

この記事はざっくりまとめるとこんな内容

YouTubeの埋め込みで動画が終了した際に表示される「関連動画」というものがあって、クライアントとまったく関係のない動画が表示されると非常に見栄えも悪く、「関連動画が出ないようにして欲しい!」という注文を頂くこともあります。

今まで使えていた「rel=0」というオプションが使えなくなり、その対策をまとめています。

 



第15位 【追記】WordPress 5がリリース!何が変わった?旧エディタを使い続ける方法は?

【追記】WordPress 5がリリース!何が変わった?旧エディタを使い続ける方法は?

この記事はざっくりまとめるとこんな内容

4年ぶりのメジャーアップデートとなったWordPress 5.0の新機能や新テーマについて詳細をまとめています。

 

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

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

この記事はざっくりまとめるとこんな内容

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

どんなフォントが増えたのか、詳細をまとめています。

 



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

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

この記事はざっくりまとめるとこんな内容

Youtubeや動画をサイトに埋め込む際にレスポンシブ対応する方法を書いています。

<iframe>もしくは<video>タグを使って動画を埋め込むことが一般的だと思うのですが、ちょっとの工夫でタブレットやスマホで見たときも、縦横比を維持したままきれいにサイトに埋め込むことができます。

 

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

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

この記事はざっくりまとめるとこんな内容

WEB制作されている方ならよく使っているであろうFacebookのページプラグインをレスポンシブで埋め込む方法について書いています。

ページプラグインの導入は簡単にできるのですが、レスポンシブ対応で横幅がはみ出てしまったり、スマートフォン時の対応に苦戦することが多いので、簡単にレスポンシブ対応できる方法をまとめました。

 



第19位 無限スクロールが簡単に実装できるjs「infinitescroll」【メリットとデメリットも】

無限スクロールが簡単に実装できるjs「infinitescroll」【メリットとデメリットも】

この記事はざっくりまとめるとこんな内容

サイトで無限スクロールが簡単に実装できるjs「infinitescroll」を紹介しています。

 

第20位 2019年のトレンドカラーはサンゴのような「Living Coral」が来る!

2019年のトレンドカラーはサンゴのような「Living Coral」が来る!

この記事はざっくりまとめるとこんな内容

米パントン®(PANTONE)から発表された2019年の「カラー・オブ・ザ・イヤー(Color of the Year)」についてまとめています。

 

まとめ

4ヶ月近くブログを毎日執筆して、「これはバズるだろう!」と思ったものが全く読まれなかったり、「これはどうかな?」と半信半疑で書いたものがバズりまくったりと、想像がつかないデータも取れたりして面白かったです。

ちなみに上記のランキングにランクインはしていませんが、個人的に好きだった記事はこちらです。

全く技術系とは関係なく、完全なる息抜きで書いたのですがあまり読まれていませんでした!(笑)

来年は技術系のブログはもちろんのこと、息抜き系記事も挟みながら更新していけたらなと思っています。

やはりiOSやAdobe2019は強かったです。

 

関連記事

この記事を書いた人

社員A

社員A

フロントエンドエンジニア・デザイナーの社員Aです。 多分一番更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。 家ではデグーとチンチラという小動物を飼っていて、かなり溺愛しています…!小動物が好きな皆さん、小動物トークしましょう!