スタッフブログ

モバイルフレンドリーなイメージビューワー SmartPhoto.js の利用方法

スマートフォンで写真をタップすると、もともと表示されているサイズより小さく表示されるような体験をしたことはありませんか？ 2017年にリリースした SmartPhoto.js は、スマートフォンで写真を大きく見たいを...

動画をモーダルウィンドウで表示する JavaScript ライブラリ modal-video.js の紹介

modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などを モーダルウィンドウ を開き、よ...

Ajax 通信を簡単にする htmx の基本と実践

htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コー...

コンテンツがスクロール可能な場合にヒントを表示する ScrollHint の設定とカスタマイズ方法

レスポンシブデザインの普及により、デバイスの画面サイズに合わせてコンテンツを動的に調整することが一般的になりました。しかし、このアプローチは、特に ＜table＞要素などの広いコンテンツを含むページで課...

祝日や休日の要素にclassを追加する AssignHoliday をリリースしました

カレンダーの中の祝日や休日の要素だけ見た目を他の日付と変更したいと思ったことはありませんか？ また、（月）、（木）といったの曜日のラベルを祝日の場合は （祝）にしたいと思ったことはありませんか？今回...

フォームの送信内容を保存し復元するFormStorageを公開しました。

フォーム送信時にフォームの内容をローカルストレージに自動で保存し、再度そのフォームに訪れた際にストレージからデータを復元するためのJavaScript、FormStorageをリリースしました。 同じフォームの送信内容...

コンテンツがスクロール可能な場合にヒントを表示する ScrollHint をリリースしました

スマートフォンなどでサイトを閲覧する際にテーブルなど横に長いコンテンツが、ビューポートを飛び出してしまっていることがありませんか？そういったコンテンツは横にスクロールできるようにCSSで調整しているケ...

インライン用のWYSIWYGエディター Lite Editor をリリースしました。

一般的なWYSIWYGエディターにはスタイルを調整するための、ボタンがデフォルトで付いていて、文章の中の文字サイズや色などを自由に変更できてしまいます。またリストやテーブルなどのインライン以外のタグも挿入...

ページ間をスムーズに遷移させるためのLookForward.jsをリリースしました

ページ間をスムーズに遷移させるためのJavaScriptは数多く配布されていますが、使い方が複雑だったりHTMLの構造上の縛りがあるものが多く、気軽に使えるライブラリはあまり多くありません。そこで、a要素に対して...

テーブル編集用UIライブラリ、a-table.jsをリリースしました。

この a-table.js は、弊社で開発している a-blog cms の中で利用するために作られた「テーブル編集用のJavaScript」を、より多くの人に利用してもらえるようにライブラリ化したものです。 ExcelライクなUIで直感...