今年からVue.jsを使い始めてノリノリだったのですが、最近Nuxt.jsも触り始めました。
Vue.jsがわかっていたら大丈夫かなーと思っていたのですが、結構Nuxt.jsの書き方でトラブったり悩んだりしたことがあったので、自分のあった経験と解決方法をご紹介します。
Bootstapのグリッドでcolumn崩れが起きるときの対処法
Bootstrap3でグリッドを使っているとしばしば、カラム落ちしてレイアウト崩れをおこしている状態を見かけます。
今回はその対処方を紹介します。
“Bootstapのグリッドでcolumn崩れが起きるときの対処法” の続きを読む
Webデザイナーが効率よくHTMLコーディングができるPugのメリット
2014年頃からPug（当時はjade）を使ってHTMLのコーディングを進めてました。
最初はこんな書き方もできたほうが良いのかなくらいで考えていたのですが、最近ではPugがないほうがしんどい状態になってきました。
保守が苦手だったり、修正時にミスが多い人はPugを使うことでコーディングの質を向上させることができます。
今日はそんなPugのメリットをご紹介します。
コーディングが苦手な初心者Webデザイナーに上達するCSSの勉強法
Webデザイナーになろうとして、まず最初につまずくのがコーディングです。
CSSは慣れてくると簡単なのですが初めて触るとなると、何から手を付けてよいかわからない、何が正解がわからないなどの理由で挫折する人を多く見かけます。
本記事ではCSSが全然わからない方がCSSのコーディングに慣れるための勉強法を紹介します。
【サンプル有り】文字詰めが出来るCSS「font-feature-settings」を試してみた
TwitterでとてもCSSで文字詰めができるという興味深いCSSの記事があったので、自分でも気になったのでサンプルを作ってみました。
そのCSSは「font-feature-settings」というものです。
詳しい事は下記記事よりご確認ください。
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング
“【サンプル有り】文字詰めが出来るCSS「font-feature-settings」を試してみた” の続きを読む
【サンプル有り】gulpで作るスタイルガイド-aigisに乗り換えました
これまでスタイルガイドジェネレーターはFrontnoteを使っていましたが、この度aigisに乗り換えました。
“【サンプル有り】gulpで作るスタイルガイド-aigisに乗り換えました” の続きを読む
【サンプル有】日本語WebFont 一歩前進! Google Fonts 日本語早期アクセスのページを使って見た。
Googleが提供しているWeb FontでとうとうGoogle Fontsの日本語早期アクセスのページが公開されましたね。
これまで日本語WebFontといえばNotoFontが有名でしたが今回の8つのフォントが追加されました。
簡単にですが公開されたフォントを紹介します。
“【サンプル有】日本語WebFont 一歩前進! Google Fonts 日本語早期アクセスのページを使って見た。” の続きを読む
gulpで作るスタイルガイドをFrontNoteにした
みなさん、スタイルガイドは使ってますか。
私は今年になって使い始めました。
これまではstyledoccoを使っていましたが、長年メンテナンスされてない不安と、使ってるうちに自分のCSS設計と合わない部分がでてきたので乗り換える事にしました。
乗り換えたスタイルガイドジェネレーターは「frontNote」です。
“gulpで作るスタイルガイドをFrontNoteにした” の続きを読む
WordPressじゃなくても、コピペでいけるソーシャルボタンの設置方法
各種ソーシャルボタンってWordPressなら簡単に設置できるけど、自分で普通に設置しようと思うと初めてだとどうやって設置していいかわからないですよね。
そんな人向けに、よく見るデザインを簡単にSNSボタンの設置方法をご紹介します。
“WordPressじゃなくても、コピペでいけるソーシャルボタンの設置方法” の続きを読む
【2017年】よく使うmetaタグとかをまとめてみた
Web制作を長いことやっていても、中々勉強する機会のないmetaタグやlinkタグでよく使うものを整理しました。
これまで必要な度にコピペしていた人、これからWebを勉強する人の参考になれば幸いです。