「 投稿者アーカイブ:kanoto 」 一覧

第0回SASSとは何かを解決!SASSの概要をつかもう!

【使って覚えるSASS入門】第0回:SASSとは何かを解決!まずはSASSの概要をつかもう!!

【使って覚えるSASS入門】シリーズは、SASS入門者に向けたチュートリアルになっています。 「なんとなくSASSを使ってるけど、いちから学んでみたい!」 「SASSを使ってみたいけど、漠然としていて ...

「第3回」使って覚えるvue.js よく使うディレクティブをマスターしよう!

vue.jsの代表的なディレクティブをマスターしよう!

vueの主要なディレクティブ一覧 v-text:要素のテキストを更新 v-html:HTML要素を更新 v-bind:属性のテキストを更新 v-show:要素の表示/非表示を更新 v-if:分岐を行う ...

【CSS】数行で要素を自在に追従できる「position: sticky」の仕組みと使い方を解説!!

2019/11/03   -HTML/CSS, ウェブ開発

position: stickyとは? stickyは「position: fixed」と同様に画面を基準にして、要素を追従させることが出来る機能です。fixedと違う点は、fixedは常に画面固定な ...

使って覚えるVue.js 第2回基本的な記述方法で動的に文字を出力しよう!

【使って覚えるVue.js入門】第2回:基本的な記述方法を覚えて動的に文字を出力させてみよう!!

はじめに こちらは、Vue.jsを使いながら覚えていく【使って覚えるVue.js入門】です。 第2回目となる今回は、Vueの「基本的な記述方法(インスタンス)」を解説してから、実際に動的に文字を出力さ ...

no image

知っておくと便利!!SASSで用意されている8つの演算関数をまとめてみた

2019/09/20   -HTML/CSS, SASS, ウェブ開発

はじめに SASSでは、知っておくと便利な関数がたくさん用意されています。 今回は、計算用の関数にフォーカスして、ご紹介していきます。 percentage:数値に「%」を付ける round:数値を四 ...

これだけでOK!!CSSで中央寄せにする4つの方法

これだけでOK!!CSSで要素を中央寄せにする4つの方法【初心者向け】

2019/09/17   -HTML/CSS, ウェブ開発

要素の種類によって方法が異なる CSSで要素を中央にするには、対象がどんな要素なのかを把握する必要があります。 今回は4つの要素にフォーカスしていきます。 こちらの4つの方法を使うことが出来れば、実務 ...

使って覚えるVue.js 第1回:Vue.jsを使うメリットと基本的な環境構築

【使って覚えるVue.js入門】第1回:Vue.jsを使うメリットと基本的な環境構築

こちらはVue.jsを使いながら覚えていく【使って覚えるVue.js入門】です。
第1回目となる今回は、Vue.jsを使うメリットや開発環境を整えるための手順を紹介していきます!
Vue.jsはこれから【確実に】流行っていくフレームワークなので、ぜひ今のうちにマスターしておきましょう!!
Vue.jsを扱うことが出来れば、プロジェクトによっては重宝されると思います。
また、未経験での転職でも圧倒的に有利になれると思います!

トグルボタンをデザインする際の鉄則!

ユーザに混乱させない!!トグルボタンをデザインする際の鉄則

2019/09/10   -デザイン

トグルボタンとは? トグルボタンとは、オンオフ(ON / OFF)があるボタンのことを指します。 トグルボタンを設置することで、ユーザはスムーズにページ(要素)を切り替えることが可能になります。 例え ...

ユーザビリティ向上!覚えておくべき11種類のカーソル表示

CSSで使える!覚えておくべき11種類のカーソル表示一覧

2019/09/09   -HTML/CSS, ウェブ開発

ユーザビリティを上げてくれる「カーソル表示」をまとめてみました!
カーソルは20種類以上の表示がありますが、今回は覚えておくべきカーソルをピックアップして紹介していきます!!

JSで実装可能!クリップボードでコピー&ペースト処理

JavaScriptだけで実装可能!クリップボードのコピー&ペースト処理

2019/09/08   -JavaScript, ウェブ開発

今回はJavaScriptでコピー&ペーストを実装していきます!実装方法は大きく分けて「document.execCommand」を使う方法と「Clipboard API」を使う方法があります。コピー機能をサイトに実装することでユーザビリティを向上させることが出来るのでぜひ、取得してサイトにコピーボタンを配置してください!!

Copyright© カノトのアトリエ , 2019 All Rights Reserved Powered by STINGER.