シナプス技術者ブログ

シナプスの技術者公式ブログ。インターネットで、鹿児島の毎日を笑顔にします。

CSS

印刷用CSSについて

WEBソリューション課の田畑です。 シナプスではお客様専用ページ「サービスカウンター」から、お客様ご自身で支払い方法の変更などの様々な手続きを行うことができます。 お客様専用ページ「サービスカウンター」ではWebページ閲覧のみで請求明細を確認でき…

Tailwind CSSを導入した話

こんにちは、システム開発課の田畑です。 今回は社内システムへTailwind CSSを導入した話を書きたいと思います。 シナプスでは顧客情報などを社内システムで管理しています。 この度社内システムを新しい環境へ移行することになりました。 それに合わせて、…

Sassについて~構文的に素晴らしいスタイルシートを使う~

技術部システム開発課の田畑です。よろしくお願いします。 業務の中でSassを使う機会がありましたので、勉強したことをまとめてみたいと思います。 今回学習をすすめるにあたり、以下の本を参考にしました。 基本から書いてありとても分かりやすかったのでお…

CSS設計手法「BEM」について

技術部システム開発課の田畑です。よろしくお願いします。 今回はCSS設計手法であるBEMについて書きたいと思います。 最近はBEMを使ってCSSを記述していた(つもり)だったのですが 自己流でやってしまっていた部分があった BEMの目指すところは何か理解が足…

【CSS】擬似クラスでフォームコントロールの状態をチェックする

こんにちは、シナプスの今門です。 今回は、CSSの擬似クラスについて書いてみたいと思います。 最近のCSSの進歩(とブラウザへの実装状況)はすさまじく、これまではJavaScriptを書かなければ出来なかったことが、CSSのみで実現できるようになってきています。…

CSSのvhと%の話。

田畑です。よろしくお願いします。 先日コーディングを行う中で試行錯誤した部分についてお話ししたいと思います。 シナプスではAcroBiz CloudPBXというサービスを提供しております。 シナプスのコールセンターで実際に使っているコールセンター向け電話ソリ…