triBlog

トリアナのブログ。

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

jQuery不要!クリッカブル(イメージ)マップを実装するならレスポンシブや2倍書き出しでもズレないImage Map Resizerを使おう

超、超、超かんたんです。 もうレスポンシブや2倍書き出しのときにクリッカブルマップがズレることはありません。 どんなときも、どんなときも、クリッカブルがクリッカブルらしくあるためにImage Map Resizerを使い…

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

FontAwesomeの欲しいのだけチョイスしたい。

便利で、種類もあるFontAwesomeよく利用してます。 かゆいところに手が届く便利なアイコンが沢山使えます。 有料だとさらにたくさん使えるのですが、無料でも全然いける。 ただ、こやつ・・・重たい・・・非常に重たい。 …

WEB制作
書いた人: あべ
ライター画像

チェックボックスをおしゃれにしたら、validationが効かなかった事について

こんにちは〜、おたコーダーのあべです。 昨今のCSSの進化でラジオボタンやチェックボックをおしゃれに装飾できるようになりました。 しかし、せっかく装飾したのにフォームでjquery validationが効いてくれないと…

バックエンド
書いた人: たなか
ライター画像

ソースコードを書く上で重要なこと

こんにちは。 今回はソースコードを書く上で重要視していることをお話します。   結論 読むだけで理解できるようなソースコードを書くこと 理由 ①拡張性を保つため ②保守性を保つため ③属人化を防ぐため ※上記は…

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

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

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

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

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

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

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

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

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

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

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

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

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の調査によるデータです。 って、さとペンさんが言ってました。 今回はウェブ…

ページ上部へ