ブロックチェーン・AI・システム開発の株式会社INDETAIL

cssとsvgで、円グラフをモーショングラフィックス風に見せる方法

年代平均年齢32.3歳 ~20代前半19% 20代後半~30代前半44% 30代後半~40代前半29% 40代後半~8% ※ INDETAIL社員年齢グラフです こんにちは、nanb …
2019.01.15
nanba

デザインで明度0の真黒(#000000)を使ってはいけない理由

[advent_calendar_a] こんにちは、CI担当のSu-Giです。今回はデザイナーとして執筆します。 この記事では、「デザインで真黒を使ってはいけない理由」を実際にサンプルを見なが …
2018.12.12
Su-Gi

cssでもここまで描ける!チカラワザで作り上げた3D表現5連発

テーブルレイアウト全盛期から、コーディングの仕事をしておりますが、一昔前なら Flash や jsライブラリ を使用しないと表現しにくかったものが、最近ではcssのみの割と簡単な記述で実装できるように …
2018.08.24
nanba

脱Excelを始めよう。図の作成が楽になる「Cacoo」の使い方。

皆さんは、設計書や提案書等で図を描きたいとき、どのような方法で描きますか? illustrator等のAdobe製品でササっと作れちゃう人を尊敬します。   今日は図を作成する際に活用 …
2018.03.22
michiya

続・CSS Grid Layoutの基本を理解する

今回は以前紹介したCSSグリッドレイアウトについての話の続きになります。 まだご覧になっていない方はこちらから。 前回のおさらい 前回はグリッドコンテナーからグリッドアイテムを配置し、2カラム …
2018.02.26
rockd

商用利用OK!使い方簡単!120万点以上の超ハイクオリティなフリー素材サイト「Pixabay」

ブログや資料作成に欠かせない写真素材、皆さんどのように入手していますか。無料の素材提供サイトは数多くありますが、「本当に使えるサイト」は案外少ないものです。 本日はハイクオリティな写真素材をお探しの …
2017.12.16
しばた

新しいレイアウト仕様、CSS Grid Layoutの基本を理解する

12月ももうすぐ半分が終わりそうですね。 こちらの記事はINDETAIL Advent Calendar 2017の記事です。 皆さんはWebページのレイアウトをどのように行っていますか? fl …
2017.12.14
rockd

「解像度」の理解があいまいだったので備忘録としてまとめてみた

DTP/Web制作をしていると解像度という言葉をよく耳にしますが、解像度の扱いって意外と難しくないでしょうか?そもそもDTPの解像度とWebの解像度は別物ですし、CSSピクセルやdipとか出てくる …
2017.12.08
F-man

なぜ、ゲシュタルトの法則はデザインに活用されているのか?

デザインの世界において、広く知られているゲシュタルトの法則。 たとえ意識していなくても、デザイン制作においては無意識下で当然のように取り入れられています。「なぜ、このデザインにしたのか?」と問わ …
2017.11.09
F-man

簡単に実践できる!配色の基本テクニック(後編)

こんにちは。世の中には色々な音楽がありますが、やっぱりハードコア・パンクが好きなF-manです。 前回のブログ「配色の基本テクニックの前編」では「調和の配色テクニック」を紹介しました。後編の今回 …
2017.08.25
F-man

「いいね」ボタンを押すと、最新情報をすぐに確認できます。