triBlog

トリアナのブログ。

PICK UP
書いた人: あべ
ライター画像

時短で簡単に!ストライプ・背景グラデーションを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を快適に書くため…

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

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

こんにちは〜〜〜!インターンの奥田です! 今日はみんな大好き(?)CSSのお話。 triBlogを読んでいる人の中にはWEB制作に携わっている人も多くいるかと思います。 そんな人達にとってCSSはとても身近な存在。 でも…

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

え、まだ生CSS書いてるの?そんな人のための保守性に優れたScss入門

どっこいしょ!インターンのおくだです。 ちょっぴり刺激的なタイトルにしてみました。 内容は私の愛してやまないSass(Scss)についてです。 フロントエンドエンジニアやコーダーはもちろん、コーディングもするよっていうデ…

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

【Gulp4】面倒なあれこれにさようなら!複数の作業を自動化するタスクランナー

こんにちは。ブログ書くたびに文体がラフになってるインターンの奥田です。 今日は久々のテック系記事です(⌒▽⌒) (前回はEFOについてでした!) 今回は作業を効率化するのに非常に便利なタスクランナーを導入しましたのでご紹…

ページ上部へ