WEB制作
2020.11.16 書いた人： おくだ
jQuery不要！クリッカブル（イメージ）マップを実装するならレスポンシブや2倍書き出しでもズレないImage Map Resizerを使おう
超、超、超かんたんです。 もうレスポンシブや2倍書き出しのときにクリッカブルマップがズレることはありません。 どんなときも、どんなときも、クリッカブルがクリッカブルらしくあるためにImage Map Resizerを使い…
triBlog 株式会社トリアナのブログ > フロントエンド
ツール
2020.10.6 書いた人： あべ
FontAwesomeの欲しいのだけチョイスしたい。
便利で、種類もあるFontAwesomeよく利用してます。 かゆいところに手が届く便利なアイコンが沢山使えます。 有料だとさらにたくさん使えるのですが、無料でも全然いける。 ただ、こやつ・・・重たい・・・非常に重たい。 …
WEB制作
2020.9.7 書いた人： あべ
チェックボックスをおしゃれにしたら、validationが効かなかった事について
こんにちは〜、おたコーダーのあべです。 昨今のCSSの進化でラジオボタンやチェックボックをおしゃれに装飾できるようになりました。 しかし、せっかく装飾したのにフォームでjquery validationが効いてくれないと…
バックエンド
2020.7.15 書いた人： たなか
ソースコードを書く上で重要なこと
こんにちは。 今回はソースコードを書く上で重要視していることをお話します。 結論 読むだけで理解できるようなソースコードを書くこと 理由 ①拡張性を保つため ②保守性を保つため ③属人化を防ぐため ※上記は…
フロントエンド
2020.5.8 書いた人： おくだ
【VuePress】グローバルナビゲーションとサイドバーを表示する
VuePressでサイトを公開する時、 まず設定すべきなのがグローバルナビゲーションとサイドバーです。 グローバルナビゲーションはユーザーがサイトを回遊するのに役立ち、 サイドバーは目次などが表示でき、記事の内容がわかり…
フロントエンド
2020.3.12 書いた人： おくだ
【VuePress】ゆる〜くインストールからHello VuePressを表示するまでをまとめてみた
個人でブログ書きたいなぁとか、技術メモをサイトとして公開したいなぁって方必見。 静的サイトジェネレーターのVuePressを使って爆速なサイトを作っていきましょう。 今回は初歩の初歩、インストールから画面に「Hello …
WEB制作
2020.1.10 書いた人： おくだ
【静的サイトジェネレータ】WordPress不要！2020年注目のVuePressの特徴をまとめてみた
みなさんは静的サイトジェネレーターって聞いたことありますか。 将来、WordPressに代わる存在になるのでは……とWEB業界で囁かれてる技術なんです。 今回はそんな静的サイトジェネレータの中でも、Vue.jsで構築する…
ツール
2019.11.20 書いた人： あべ
時短で簡単に！ストライプ・背景グラデーションをCSSで！
天の声「そろそろね、Webコーダーらしい話をしようね。 2.5舞台とかサブカルな話しかしてないからね。」 というわけで今回は、コーディングでよく利用しているサイトなどをご紹介しようと思います。 コピペでいけてしまうので、…
WEB制作
2019.10.30 書いた人： つかざき
Adobe Dreamweaver CCでSCSS（SASS）を簡単に自動コンパイルする。
今回はAdobe Dreamweaver CCで書いたSCSSを自動でコンパイルしてくれる機能を社内共有も含め記事にします。 そもそもSCSS（SASS）ってなんぞ？コンパイルってなんぞ？ぷよぷよ？という方は奥田くんの記…
PICK UP
2019.9.5 書いた人： おくだ
サックサクなサイト制作には何が必要か〜ウェブサイト高速化Nightに行ってみた！〜
3秒で53%。 みなさんはこの数字がなんだかわかりますか。 これは「ウェブページの読み込みに3秒かかると53%もの人が離脱する」というGoogleの調査によるデータです。 って、さとペンさんが言ってました。 今回はウェブ…