サイト構築 -実装
Vue.jsの勉強にもいい！UIコンポーネントやインタラクションを実装するチュートリアルがまとめられた -Vue.js Examples
Post on:2018年10月15日
Vue.jsでさまざまなUIコンポーネントやインタラクションを実装するチュートリアルやリソースがまとめられたVue.js Examplesを紹介します。 ページやアプリのレイアウトをはじめ、スクロールコンテンツ、カード型 […]
これすごい便利！17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list
Post on:2018年10月10日
色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。 参考: Random color harmonies
コーディング作業は無しで、デスクトップ・スマホ向けのテンプレートをすぐに構築できる次世代ツール -GrapesJS
Post on:2018年10月9日
HTMLやCSSのコーディング作業は無しで、デスクトップ・スマホ向けのさまざまな種類のテンプレートをすぐ簡単に構築できるフレームワークを紹介します。 ランディングページはもちろんのこと、CMSにも使用できるように設計され […]
カオス化したスタイルシートから卒業！CSSでカラーを管理する効率的な方法
Post on:2018年10月2日
テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, pa […]
Vue.jsで構築された、デスクトップでもスマホでも快適に操作できるスライドショーのフレームワーク -Eagle.js
Post on:2018年9月28日
Vue.jsで構築されたスライドショーのフレームワークを紹介します。 デスクトップ・スマホに完全対応、プレゼンテーションモードも備えており、キーボード・マウス・タッチ操作をサポートしている快適なスライドショーを実装できま […]
Appleのようなスクロールに連動したエフェクトもこれなら簡単に実装できる1KBの超軽量スクリプト -ScrollOut
Post on:2018年9月27日
スクロールするとコンテンツをふわりと表示させたり、追従するように表示させたり、ビューポートに表示されてない画像をLazyLoadさせたり、そういえば今回のApple Watchでも面白いスクロールエフェクトが採用されてい […]
HTMLのheadの書き方、head内に記述する要素の総まとめ
Post on:2018年9月26日
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を […]
こんな色の組み合わせもあるんだ！さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor
Post on:2018年9月26日
カラーパレットがまとめられているサイトはいくつかありますが、今回紹介するのはデザインやイラスト、ビジネスにも使えるさまざまなテーマごとに充実したカラーパレットが揃っており、完全無料でダウンロードできる優れものです。 配色 […]
CSSの便利な疑似セレクタ「:empty」と「:blank」、その違いと賢い使い方
Post on:2018年9月25日
エラーメッセージを実装する際、エラーがある時とエラーがない時の区別は「:empty」や「:blank」を使用すると、非常に簡単にスタイルを定義することができます。 「:empty」と「:blank」、その違いと実際にどの […]
1クリックでHTML要素の構造を可視化し、セマンティック要素が正しく実装されているか検証できる -Construct.css
Post on:2018年9月20日
Webページに実装されているHTML要素の構造を可視化し、header, nav, main, articleなどセマンティック要素が正しく実装されているか検証できるスタイルシートを紹介します。 デバッグ機能も備えており […]
sponsors
