ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック | コリス

2019/04/08 156 users コリス CSS ヘッダ テクニック 上部

ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます。 そこでscroll-snapプロパティの登場です。scroll-snapのscroll-p... 続きを読む

10分で分かる！Adobe XDの新機能や実践的な使い方が学べるAdobe公式チュートリアルファイル中級編 | コリス

2018/06/21 75 users コリス ブッダ 四則計算 Adobe XD 待望

Adobe XDは毎月アップデートされ、6/19のアップデートでは待望の固定ヘッダ・フッタ、アートボードのオーバーレイ、数値フィールドの四則計算に対応しました。Webサイトやスホマアプリの制作に役立つ機能ばかりで、作業がどんどん便利になっています。 そんな新機能も含めた使い方が学べる「Adobe XDスターターキット中... 続きを読む

Bootstrapでかっこいい縦長ページを作りたい人にオススメ！完成形から制作用のファイルまで全部揃ったテンプレート -Forkio | コリス

2015/03/16 117 users BOOTS コリス Bootstrap スクロール 縦長ページ

固定ヘッダ、オフキャンバス、スクロールと連動したちょっとしたアニメーション、コンテンツスライダーなど、最近よく見かけるトレンドを巧みに取り入れたレスポンシブ対応の縦長ページを実装するテンプレートを紹介します。 Boots...記事の続きを読む 続きを読む

厳選！WordPressのかっこいいテーマファイルを探してる人にオススメの無料テーマのまとめ | コリス

2014/05/29 117 users コリス パララックスエフェクト ブラーエフェクト デモ 厳選

縦長の1ページコンテンツ、パララックスエフェクト、カード状のレイアウト、固定ヘッダ、ガラス越しのようなブラーエフェクトなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマファイルは全て無料で利用でき、単に見るだけでもデザインの参考になるものばかりです。 Pisces デモ スタイリッシュなデザインのレスポンシブ対応のテーマファイル。 Aquari... 続きを読む

デザインの参考にもいい！レスポンシブ対応のHTML5/CSS3のテンプレートのまとめ | コリス

2013/12/02 419 users コリス パララックス ミニマル 随所 エフェクト

商用でも無料でいいの？というくらい美しくデザインされたHTML5/CSS3のテンプレートを紹介します。 デザインだけでなく、ページ内に取り入れたエフェクトもなかなか面白いものが揃っていますよ。 Brushed デモ ミニマルなデザインが美しい1ページスクロール。パララックスの使い方、固定ヘッダの配置方法、ナビゲーションやパネルのエフェクトなど、随所にセンスが光ります。 個人・商用利用無料。 続きを読む