【WEB制作編】2019年の記事を振り返る。株式会社トリアナのブログtriBlogトリアナのブログ。webサイト制作なら、トリアナへ。【WEB制作編】2019年の記事を振り返る。WEB制作2019.12.6【WEB制作編】2019年の記事を振り返る。2019.12.6WEB制作に役立ちそうな弊社記事をピックアップしました。ざき令和元年も師走に入り、残すところ20日あまり。今年の4月から始まったこのブログも、少しずつですが閲覧数・閲覧ユーザー数共に増えており、感謝感激雨あられでございます。この場を借りて改めてお礼申し上げます。誠にありがとうございます。CCでSCSS(SASS)を簡単に自動コンパイルする。余談(やたら長い)スーパースナックココナッツの生野ママとチーママ猫とアポロちゃんとおやつ係先輩2019年に公開されたWEB制作の記事を振り返るさて、本題。triBlogでは12/6時点で110近くの記事があります。今回はそんな中でも「ここは押さえておきたい」という記事をピックアップしてみました。よろしければWEBサイト制作のご参考などにご利用ください。・おやつのひきだし「ワイヤーフレームの話」おやつのひきだし「ワイヤーフレームの話」https://blog.triana.jp/?p=2178出だしから今回の記事とは関係ない話なのですが、森永チョコレートの「ベイク」がかなりエモいキャンペーンをしていました。気になってオフィス近くのコンビニに駆け込んだんですが、お菓子コーナーに・・・置いてない・・・だと・・・?ともあれ、win-winなキャ...・おやつのひきだし「ワイヤーフレームの話2」おやつのひきだし「ワイヤーフレームの話2」https://blog.triana.jp/?p=2897前回、どうせ特殊フレーバーは都会だけなんだろといじけた文章を書き散らしたら、後日なかおさんから「近所のスーパーに(パピコの)バナナキャラメリゼあったよ〜」と衝撃のコメントをもらいました。調査不足ですみません。新フレーバーのピスタチオが気になりま...トリアナのチーフデザイナーことおやつ係先輩の記事です。この2つの記事ではWEBサイト制作において避けては通れない「ワイヤーフレーム」とデザイナーの関連性について、前編後編として詳しく書いてます。前編ではWEBデザイナーがワイヤーフレームを受け取った時にどうするばいいのか?後編では実際に制作したサイトの話を交えつつ、実例としてワイヤーフレームからどのようにデザインを作成・調整したのか?といった内容になっております。このブログに辿り着いた悩めるデザイナーさんへ、実体験としてご参考いただければと思います。・え、まだ生CSS書いてるの?そんな人のための保守性に優れたScss入門え、まだ生CSS書いてるの?そんな人のための保守性に優れたScss入門https://blog.triana.jp/?p=1625どっこいしょ!インターンのおくだです。刺激的なタイトルにしてみました。内容は私の愛してやまないSass(Scss)についてです。フロントエンドエンジニアやコーダーはもちろん、コーディングもするよっていうデザイナーさんも必見です。Sass(Scss)とはSass(...インターンの奥田くんがコーダーの必要スキルとなりつつあるSCSSについてわかりやすく記事にしてくれました。チャレンジしてみようかな?と思っているそんなアナタにおすすめの記事です。CCでSCSS(SASS)を簡単に自動コンパイルする。CCでSCSS(SASS)を簡単に自動コンパイルする。CCで書いたSCSSを自動でコンパイルしてくれる機能を社内共有も含め記事にします。そもそもSCSS(SASS)ってなんぞ?コンパイルってなんぞ?ぷよぷよ?という方は奥田くんの記事にどうぞ。Cloudと契約している関係で、Dreamweaverをコーディングソフトとして扱ってる方向けにSCSSを簡単コンパイルする方法も記事としてありますのでよろしければご覧下さい。余談ですが、この記事を投稿した時弊社ママさんコーダーから「の〜みそコネコネコンパイル...」とslackが飛んできました。元ネタわかりますかね。SCSSについては「必要スキルとなりつつある」と書いてはみましたが、実際に現場では使う人使わない人で使用率はまちまちなイメージです。使わないにしても、知識としてSCSS技術を取り入れておけば現場や状況に応じて柔軟に対応できると思います。・おやつのひきだし「コーディングから考える書体の話」おやつのひきだし「コーディングから考える書体の話」https://blog.triana.jp/?p=3470デザインに使う要素といえば、写真と図形とタイポグラフィ。写真や図形ももちろん大事ですが、アートではなくデザイン≒広告などのクリエイティブである以上、タイポグラフィはとてもとても重要なファクターとなります。そんなタイポグラフィに欠かせないものといえば...またもや登場おやつ係先輩。こちらの記事は技術というより「WEBブラウザで表示されるフォント」について、フォントごとの仕様や特徴などを細かくこまかーく説明されてます。若干マニアックな香りがしますが自分でデザインして自分でページをコーディングする!といった方は、この記事内容は理解しやすいかなと思います。(現に自分もそうでしたw)余談(やたら長い)今回は5点の記事をピックアップさせていただきました。.o(あれ、おやつ係先輩のまとめ記事じゃね)と感じたのは秘密です。この流れに便乗して、おやつ係先輩の記事中に使われているイラスト(自作)もとてもかわいいので、勝手にギャラリー開催します。スーパースナックココナッツの生野ママとチーママ今年弊社を退社したあいぴょんこと、生野とチーママじゅんちゃんのイラストです。白い風船のキャラクター「ふう太」くんもさりげなくスライドイン。こちらのイラストが使われている記事はこちら。おやつのひきだし「そしてムーミンになる」https://blog.triana.jp/?p=1601自身のブログに追記するほど映画『キングダム』にハマっているトリアナちゃんの中の人から「山﨑くん(主人公)が一瞬だけ似てるとこがある」と言われました。)120分の中の1カットと...猫とアポロちゃんとおやつ係先輩このあくび「ふア」の「ア」がアポロのロゴと同じと気づいた人はいたんでしょうか。出来る後輩である僕は気づきました。こちらのイラストが使われている記事はこちら。おやつのひきだし「スマホのデザインサイズについて」https://blog.triana.jp/?p=543出勤前、カバンに入れたはずのアポロがオフィス到着時には忽然といなくなっていました。走っているうちにカバンの中から箱ごと飛び立ったものと思われます。