Web制作に役立つ情報一覧

サイト改善の王道手法「A/Bテスト」を行う際のマインドと組織づくりとは

2018/11/30(Fri) 09:58

サイト改善の王道手法になりつつある「A/Bテスト」。A/Bテストツール導入のメリットからテストを運用するための心構えと、また、弊社メディア「Appliv」で行った組織を巻き込んだ強化方法について紹介します。

https://www.seohacks.net/blog/analysis/3665/

フォントが大好物な人は要チェック！2018年下半期、日本語の新作フリーフォントのまとめ

2018/11/30(Fri) 09:57

2018年もあと残り1ヵ月、最近リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。

https://coliss.com/articles/freebies/japanese-free-fonts-nov-2018.html

無料ダウンロードし放題！すごい最新フリーフォント54個まとめ 2018年11月度

2018/11/29(Thu) 10:04

シンプルで長く愛用できる書体から、トレンドの手書きやブラシをつかったレトロモダン書体、人気の高い筆記体やナチュラル系などデザインの幅が広がる最新フリーフォント素材を集めています。

http://photoshopvip.net/112210

Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug

2018/11/29(Thu) 10:03

VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。

https://coliss.com/articles/build-websites/operation/work/web-design-tool-visbug.html

margin, paddingなど、レスポンシブに対応したスペースをCSSで効率的に定義する方法

2018/11/27(Tue) 10:16

Webページやスマホアプリのレイアウトに使用する、margin, paddingなどのスペースをCSSで効率的に定義する方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-spacing-system-and-relative-units.html

【2018年保存版】これさえあれば大丈夫！最新の日本語、和文フリーフォント52個まとめ

2018/11/26(Mon) 10:05

今年は、Adobe CC全ユーザーを対象にした無料フォントサービスを開始するなど、日本語フォントにとって、大きな変化のあった年と言えます。今後も、クラウドサービスを中心としたフォント提供によって、ウェブ制作における本格的な日本語Webフォントが期待されます。

http://photoshopvip.net/112149

全部無料！ダウンロードしておきたい新作テクスチャ、パターン素材32個まとめ 2018年11月度

2018/11/22(Thu) 09:56

美しいテクスチャ、パターン素材を活用することで、効果的にそして手軽に、デザインを魅力的にすることができます。そのまま背景デザインとして利用するのはもちろん、写真に重ねたり、テキストエフェクトの質感を演出するために使ったり、と使いみちや用途もさまざまで、あらゆるデザインに対応できる素材をコレクションしておくと便利です。

http://photoshopvip.net/112110

商用利用OK！クリスマス・秋冬のデザインにぴったりなシームレスのかわいいパターン素材 -Holiday Patterns

2018/11/21(Wed) 10:17

クリスマス、秋冬の休日をイメージしてデザインされたパータン素材を紹介します。パータンはシームレスに利用でき、Webデザインでも紙のデザインでも、プロダクトのデザインでも利用できます。

https://coliss.com/articles/products/holiday-patterns-collection-by-ola-la-la.html

オリジナル記事の量と質、どっちが大事なの!?――改革と改善、そしてインナーコミュニケーションの充実へ

2018/11/20(Tue) 09:58

クレディセゾンの栗田宏美は、オウンドメディア「SAISON CHIENOWA」のローンチにこぎ着けたものの、すぐにさまざまなアップデートを求められることになるのだった。

https://webtan.impress.co.jp/e/2018/11/20/30645

備えておくと便利！CSS Flexboxの各プロパティ、グリッドを実装するコードがまとめられたSassのMixin

2018/11/19(Mon) 09:52

CSS Flexboxの各プロパティ、レスポンシブ対応のグリッドや垂直・水平の揃えなど、便利なコードがまとめられたSassのMixinを紹介します。

https://coliss.com/articles/build-websites/operation/css/sass-mixin-for-css-flexbox.html