サイト構築 -実装
[CSS]もうbutton要素で困らない！ブラウザごとで異なるスタイルを望み通りにするためのノウハウのまとめ
Post on:2018年5月16日
フォームをスタイルするのが苦手、という人は少なくないと思います。 中でも、button要素はお問い合わせのようなフォームに限らず、さまざまなページに使用される使用頻度が高い要素です。 button要素はfont-size […]
2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査
Post on:2018年5月15日
フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやMo […]
新しくなったMaterial Designのココに注目！最近のUI要素・コンポーネントのデザインや使い方がしっかり学べる
Post on:2018年5月11日
先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップによると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Desig […]
クリエイター・デザイナー・イラストレーターのアイデアとデザインがすごく面白い！わたしのファミカセ展 2018
Post on:2018年5月10日
国内外のクリエイター・デザイナー・イラストレーター達のすごいアイデアとデザインに出会えるファミカセ展を紹介します。 「わたしのファミカセ展 2018」は中野で開催されており、入場料は無料。 期間は5/13までとなっている […]
CSSだけでも実装できる！ページ内アンカーやページ上部にアニメーションでスクロールさせるCSS, JavaScriptのまとめ
Post on:2018年5月10日
ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。 […]
CSS Gridで実装する際にはこの点に注意、IE11以下・Edge15以下をサポートするフォールバックのテクニック
Post on:2018年5月9日
CSS Gridは非常に便利ですが、唯一の欠点はIE11以下・Edge15以下のユーザーをサポートする必要がある場合に期待通りに機能しないことです。 CSS Gridでページのレイアウト・グリッド・コンポーネントを実装す […]
ブックマークしておきたい！WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ
Post on:2018年4月27日
WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持 […]
めちゃ楽しい！この世界には存在しない異世界の地図を作り出すオンラインツール -Fantasy Map Generator
Post on:2018年4月26日
この世界には存在しない異世界のファンタジーな地図を簡単に作成できるオンラインツールを紹介します。 創作活動のインスピレーションにいいですね。 地図はカラーで、フルスクリーンの解像度に対応。SVGやPNGでの書き出しもでき […]
ロゴに適したフォントはこれ！有名ブランドから学ぶ、ロゴのデザインに使用されているフォントのまとめ
Post on:2018年4月25日
知名度の高い有名ブランドのロゴについて調査をおこない、ロゴに使用されているフォントや最終結果を得るために修正されたフォントをまとめた資料を紹介します。 英字ばかりですが、日本人デザイナーによるフォントもいくつかあります。 […]
便利すぎる！さまざまなデバイスのサイズを同時に確認しながら作業できる、Web制作の連携支援ツール -Solis
Post on:2018年4月23日
最近のWeb制作では、異なるスクリーンサイズでの確認が欠かせません。 スマホ、タブレット、デスクトップ、それぞれに異なるスクリーンサイズが多数あり、これらを一つ一つ確認するのはなかなか大変です。 そこで作業しながら、同時 […]
sponsors
