BLOG

【CSS】text-decorationのカスタマイズができるの知ってた?

| HTML / CSS
text-decorationは下線ひく、打ち消し線をひくとかはできることは、結構知ってると思います。 一般的によく使われている、下線、打ち消し線 .underline { text-decorati...

CSSでフッターの下に隙間ができないように調整する

| HTML / CSS
昨今4kモニターやらなんやらと解像度が大きくもなってきているし、ノートパソコンで作業をする人も増えております。 なのでブラウザの高さがまちまちです。 4kモニターでブラウザの高さを広げてみるとよく、フ...

「reduce」を使って配列を値を処理する

| JavaScript
reduceは配列に対して関数を利用して、値を処理します。 理解するのがややこしいですが、覚えておくと便利です。 [1,2,3,4].reduce((previousValue, currentVal...

data属性の取得・設定・更新【JavaScript】

| JavaScript
data属性(data-*)の取得・設定・更新です。 data属性の取得方法 <div class="datasetnnoyatsu" data-num='1'></div> ...

変数のタイプを調べる、変換する 【Javascript】

| JavaScript
たまに変数のタイプ調べたりすることがあると思います。 console.logだけでも調べれるんですけどねー もうちょいわかりやすくすると! console.log(typeof 1) // numbe...

VS CodeでLive Serverを使ってプレビューのリロードをしてみよう

| フロントエンド
VS Code使ってますか? 私はAtomを使ってみたりVS Codeを使ってみたりと忙しい毎日です。 最近はAtomよりVS Codeのが拡張機能が充実しているのではないかと思い始めております。 大...

メディアクエリでhoverが使えるデバイスかどうか

| HTML / CSSJavaScript
タブレットで、hoverのためにどうさの不具合が出るときがありませんか。 プルダウンとか、ボタンとか、ホバーしないと表示されないとか2回タップしないといけないとかなにかと面倒なことがあったります。 そ...

markdown-wasmというすごく高速なMarkdownパーサー

| JavaScript
みなさん、Markdwonつかってますか? 普段は、WordPressをつかってブログを書いているんですが、 それの場合はプラグインを使ってるので勝手に変換してくれます。 最近ちょくちょく聞くヘッドレ...

SNSシェアボタンをオリジナルで設置する

| HTML / CSS
今回はSNSのシェアボタンの設置方法です。 設置するSNSのシェアボタンは、Twitter、Facebook、LINEが最近はおおいので それらについて書いていきやす。 Facebook シェアボタン...

CSSでマスクする

| HTML / CSS
IEのサポートがおわるから使えなかったCSS3の技術がたくさん使えるようになりました。 その一つにCSSでマスクですね。 Can I use mask-image 使える技術はどんどんつかっていこーっ...

RECENT POSTS

【CSS】text-decorationのカスタマイズができるの知ってた?

CSSでフッターの下に隙間ができないように調整する

「reduce」を使って配列を値を処理する

data属性の取得・設定・更新【JavaScript】

変数のタイプを調べる、変換する 【Javascript】

VS CodeでLive Serverを使ってプレビューのリロードをしてみよう

メディアクエリでhoverが使えるデバイスかどうか

markdown-wasmというすごく高速なMarkdownパーサー

SNSシェアボタンをオリジナルで設置する

CSSでマスクする

CATEGORY

POPULAR POSTS

PAGE TOP