サイト構築 -実装
BootstrapやAMPなどのテンプレートを簡単にカスタマイズできる無料の国産サービス -Framework Template Editor
Post on:2018年1月15日
Bootstrap, Foundation, Materializeなどのフレームワークは手軽に利用できるとは言え、それでも一から始めるのは面倒です。これらのフレームワークを簡単にカスタマイズして利用できる無料の国産サー […]
Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ
Post on:2018年1月12日
Webの創始者であり、W3Cのディレクターを勤めるTim Berners-Lee氏の言葉に、「Webが持つ力とは、その普遍性にあります」というのがあります。Webサイトに誰もがアクセスできるようにするのは、わたし達の責任 […]
春向けのデザインやイラストに取り入れたい！2018年春のトレンドカラーはワクワクする楽しいカラーがいっぱい！
Post on:2018年1月11日
2018年、Pantoneがセレクトしたトレンドカラーは「Ultra Violet」 独創的で想像力に溢れるスミレ色をはじめ、2018年春のトレンドカラーも楽しくなるような色合いの12色が選ばれています。 デザインやイラ […]
簡単なのにすごい！普通の写真をインスタ映えする写真にできるスタイルシート -Instagram.css
Post on:2018年1月10日
写真画像にインスタ映えするフィルタを適用するスタイルシートを紹介します。 使い方は簡単で、外部スタイルシートと画像にclassを加えるだけでOKです。 42種類のフィルタが用意されており、どのフィルタでも簡単に利用できま […]
2017年に注目されたインターフェイスデザインのトレンドを解説
Post on:2018年1月9日
2017年はインターフェイスデザインにとって多様性の一年でした。中でもユーザーフレンドリーに注目された年と言えるでしょう。 2018年これからのWebサイト、スマホアプリのデザインで押さえておきたいインターフェイスデザイ […]
Web制作者がチェックしておきたい、最近のWebサイトで使用されているナビゲーションのデザインとアイデア
Post on:2017年12月22日
最近のWebサイトで使用されているデザイン的にも機能的にも優れたヘッダ ナビゲーションを紹介します。 テキストをリスト状に配置するだけでなく、アイコンや画像を添えたり、タブを効果的に採用したり、配置自体を工夫したり、さま […]
[CSS]コピペで簡単に利用できる、シンプルでセンスのあるアニメーションが気持ちいいプリローダー
Post on:2017年12月20日
円の軌跡に沿って、ドットだけをさまざまなアニメーションで動かしたシンプルでセンスのあるプリローダーを紹介します。 cubic-bezier()を使用した緩急のあるアニメーションは、タイミングをずらすことで、気持ちいい動き […]
CSSの素晴らしいアイデアが満載！2017年スタイルシートを使ったテクニックのまとめ
Post on:2017年12月15日
2017年も、CSSの進化がすごかったですね。 CSSを使ったアニメーションはより繊細に、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざ […]
CSSの進化がすごい！レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシート
Post on:2017年12月13日
シンプルなHTMLで、レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシートを紹介します。 JavaScriptは完全に不要で、CSS Gridを使用してdiv要素にclassを付与するだけで実 […]
CSS Gridを使ってみたい人にぴったり！さまざまなレイアウトをシンプルなHTMLで実装できる -iota
Post on:2017年12月12日
CSS Gridを使ったレスポンシブ対応のレイアウトを簡単に実装できる超軽量フレームワークを紹介します。 シンプルなレイアウトから、複雑なレイアウトまで、ブレイクポイントごとにレイアウトを定義することができます。ブレイク […]
sponsors
