triBlog

トリアナのブログ。

フロントエンド
書いた人: おくだ
ライター画像

【VuePress】グローバルナビゲーションとサイドバーを表示する

VuePressでサイトを公開する時、 まず設定すべきなのがグローバルナビゲーションとサイドバーです。 グローバルナビゲーションはユーザーがサイトを回遊するのに役立ち、 サイドバーは目次などが表示でき、記事の内容がわかり…

フロントエンド
書いた人: おくだ
ライター画像

【VuePress】ゆる〜くインストールからHello VuePressを表示するまでをまとめてみた

個人でブログ書きたいなぁとか、技術メモをサイトとして公開したいなぁって方必見。 静的サイトジェネレーターのVuePressを使って爆速なサイトを作っていきましょう。 今回は初歩の初歩、インストールから画面に「Hello …

WEB制作
書いた人: おくだ
ライター画像

【静的サイトジェネレータ】WordPress不要!2020年注目のVuePressの特徴をまとめてみた

みなさんは静的サイトジェネレーターって聞いたことありますか。 将来、WordPressに代わる存在になるのでは……とWEB業界で囁かれてる技術なんです。 今回はそんな静的サイトジェネレータの中でも、Vue.jsで構築する…

ツール
書いた人: あべ
ライター画像

時短で簡単に!ストライプ・背景グラデーションをCSSで!

天の声「そろそろね、Webコーダーらしい話をしようね。 2.5舞台とかサブカルな話しかしてないからね。」 というわけで今回は、コーディングでよく利用しているサイトなどをご紹介しようと思います。 コピペでいけてしまうので、…

WEB制作
書いた人: おくだ
ライター画像

もう「CSSが効かない」に悩まされない!詳細度を意識してクラスにスタイルを当てよう

みなさん、「CSSの詳細度」って聞いたことありますか? 「CSSが効かない!」と悩まされがちな人は要チェック! 今回はWEBサイトのスタイリングにまつわる技術ネタです✌️ CSSの詳細度とは 簡単に言うと「スタイルが適用…

Adobe Dreamweaver CCでSCSS(SASS)を簡単に自動コンパイルする コンパイル ぷよぷよ 
Adobe Dreamweaver CCでSCSS(SASS)を簡単に自動コンパイルする コンパイル ぷよぷよ 
WEB制作
書いた人: つかざき
ライター画像

Adobe Dreamweaver CCでSCSS(SASS)を簡単に自動コンパイルする。

今回はAdobe Dreamweaver CCで書いたSCSSを自動でコンパイルしてくれる機能を社内共有も含め記事にします。 そもそもSCSS(SASS)ってなんぞ?コンパイルってなんぞ?ぷよぷよ?という方は奥田くんの記…

ウェブサイト高速化Night
ウェブサイト高速化Night
PICK UP
書いた人: おくだ
ライター画像

サックサクなサイト制作には何が必要か〜ウェブサイト高速化Nightに行ってみた!〜

3秒で53%。 みなさんはこの数字がなんだかわかりますか。 これは「ウェブページの読み込みに3秒かかると53%もの人が離脱する」というGoogleの調査によるデータです。 って、さとペンさんが言ってました。 今回はウェブ…

Vue.js 学習 コード
Vue.js 学習 コード
WEB制作
書いた人: おくだ
ライター画像

連休中にインターンがVue.jsをコード書きながら学んでみた

どうも!9連休明けの奥田です。 連休中はゆった〜り映画とGTOのドラマを観てたんですが、 やっぱりプログラミングをしないと落ち着かない…! ということでVue.jsを学んでみました! 今回はその概要をみなさんにお届けしま…

WEB制作
書いた人: おくだ
ライター画像

【vol.3】有名な3つのCSS設計をまとめてみた〜BEM編〜

こんにちは!インターンの奥田です。 OOCSS編、SMACSS編に続いて、今回はBEM編です!(⌒▽⌒) ……。 サムネイルをフルーツで統一してたの、気づきました?   CSS設計とは(…

WEB制作
書いた人: おくだ
ライター画像

【vol.2】有名な3つのCSS設計をまとめてみた〜SMACSS編〜

こにゃにゃちわ~(古い)(ケロちゃん)(伝われ) カードキャプターさくら世代の奥田です! (よく調べたら私は再放送世代でした…!) 前回のOOCSS編に引き続き、今回はSMACSS編です(⌒▽⌒) CSSを快適に書くため…

ページ上部へ