カルーセルUIを実現するJSライブラリまとめ(2024年版) - 導入手間や機能の比較紹介 - ICS MEDIA
いずれもMITライセンスで公開されていますので、個人・商用問わず利用可能です。 Slick.js Slickスリック.jsは簡潔なコードで実装できるのが特徴のモバイルフレンドリーなカルーセルライブラリです。機能は少なめですが、ナビゲーションや表示するスライド数を変更するといった基本的な機能は備わっています。jQueryプラグインのため実装にはjQueryを読み込む必要があります。タッチ・スワイプ操作にも対応しています。ReactやVue向けのモジュール、TypeScriptのサポートは公式で提供されていませんがOSSで存在します。 このJSライブラリの基本的な実装と、アニメーションをフェードに変えた作例を用意しました。 基本の作例 サンプルを別ウインドウで開く コードを確認する <div class="slick carousel"> <div>1</div> <div>2</div> <
個人的に便利だと思ったReact hooks 一覧 - Qiita
hooks を含んだ安定リリースが出て早1ヶ月ちょっと、私は先月から hooks を使い始めたのですが、よそ様のライブラリや自分のお手製 hooks で「これ便利やな〜」と感じたものを紹介していきます。 リファレンス リファレンスは最後に書くものな気がしますが、この記事は存在自体がリファレンスのリファレンスって感じの立て付けというくらいリファレンスが主役なので、最初に貼っておきます。 react-use GitHub - streamich/react-use: React Hooks — 👍 hooks の便利関数の寄せ集め系では一番スター数が伸びている気がする。お世話になってるし、色々着想も面白いと思います。 the-platform GitHub - palmerhq/the-platform: Web. Components. 😂 かのFormikの作者である Jared Pa
ミニマルなモーダルライブラリをnpmで公開しました
ミニマルなモーダルライブラリ(MinimalModal.js)を自作してみたので紹介します。 MinimalModal.js とは 🤔 TypeScript で作成された、軽量かつ最小限の機能のモーダルライブラリです。 なんでこのライブラリ作ったの？ 🤔 Micromodal.jsを使おうと思ったのですが、 背景スクロール無効がなかったり、IE 未対応といったところが私の用途には合わなかったため、 いっそのこと作ってしまったほうが早いかなと考え、作ってみました。 機能 😋 モーダル用エレメントの open 属性の有無、及び aria-hidden の true/false の切り替え (開閉のアニメーションは CSS で実装) 背景をクリックまたは ESC キー押下でモーダルを閉じる。 (HTML の実装次第で背景クリックでも閉じないようにできる) タブキーのフォーカス移動でモーダル
新規事業開発での技術選定の意思と意図 (フロントエンド編) - Sansan Tech Blog
こんにちは、関西支店で新規事業開発室に所属するソフトウェアエンジニアの加藤です。Bill Oneという新規サービスの開発に携わっています。 バックエンド編の続きとして、フロントエンドで私たちが使用している技術やライブラリを振り返って、どんな意志と意図があるかを確認していきます。 Bill Oneは今年の1月ごろにピボットし、それまで開発してきたフロントエンドを全て捨て、1から作り直しました。ピボットの際に改めて技術選定を行い、それまで使っていたライブラリ等を見直したので、本稿ではピボット前後で変化した箇所を中心にフロントエンドの技術選定を紹介します。 前提 改めて前提です。私たちのチームで開発しているBill Oneは今年の5月にローンチしたばかりのサービスで、チームのエンジニアは5名です。開発しているアプリケーションはSingle Page Application (SPA) で、エンジ
「プロダクト間共通の React コンポーネントライブラリ」がどうなったか、という話 - SmartHR Tech Blog
こんにちは！ フロントエンドエンジニアの @diescake です！ 1 年程前に @nabeliwo よりこんな記事を公開しています。 tech.smarthr.jp 一言で要約してしまうと、SmartHR の各種プロダクトで一貫したユーザー体験を提供するために、SmartHR UI という React コンポーネントライブラリを実装し始めたよ！ しかも OSS として公開してるよ！ という話でございました。 github.com 本記事では、それから 1 年弱たった今 SmartHR UI がどうなっているか、という話をしつつ、現在の SmartHR UI の運用・開発体制について話をしてみようと思います。 SmartHR UI は成長しているよ！ 2019/08/01 2020/05/21 バージョン v3.9.2 v8.2.0 コンポーネント数1 30 66 ソースコード規模2 3
【iOS】スクロール可能なメニューバーを持つViewControllerをオープンソースとして公開しました | PSYENCE:MEDIA
【iOS】スクロール可能なメニューバーを持つViewControllerをオープンソースとして公開しました 大島 雅人 2015.01.15 677 65200250162 概要 スクロールできるメニューバーとスワイプで画面を切り替えることができるViewControolerのコンテナを、オープンソースとして公開しました。 recruit-mp/RMPScrollingMenuBarController | GitHub We published RMPScrollingMenuBarController by open source. RMPScrollingMenuBarController has a scrollable menu bar, and multiple view controllers for iOS. ニュース系アプリでよく使われているUIで、弊社の料理サプリのiO
YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more
YUI Blog Development YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more The YUI Team just released version 2.5.0 of the library. We've added six new components — Layout Manager, Uploader (multi-file upload engine combining Flash
CookieManager.jsが感動的に楽な件について - matsutakegohan1の日記
JSでcookieの読み書きをする機会に出会った。 ネイティブのcookieの読み書きのコードを追うと、自分でexpireなどの文字列を結合してから設定するもよう。お手軽からはとても遠い。 var tmp = keyname + "=" + escape(value) + "; " + "expires=Fri, 31-Dec-2010 23:59:59; "; document.cookie = tmp; なんとも不毛に感じた。 早速googleさまで検索する「javascript+cookie+ライブラリ」。 http://phpspot.org/blog/archives/2006/11/javascriptcooki.html javaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパー
Cookie Manager | Javascript Code | All Things W...
Updated on Sat 29 Oct: Removed dependency on Prototype's $ function. A simple object to encapsulate cookie handling. Download: cookiemanager.js (packed) or cookiemanager.js (source) prototype.js (packed) Features Get, set and clear cookies. Also provides a means of using Internet Explorer's proprietary userData behaviour for larger, persistent storage. Usage Initialisation of a CookieManager objec
JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」:phpspot開発日誌
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫：WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか？ CookieManager.jsを使えば、phpでcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使
ワンランク上の画像ギャラリーjavascript「TripTracker slideshow」
twitter facebook hatena google pocket 画像ギャラリーを作成できるjavascriptは「Light Box」を筆頭に多く存在します。 しかしそのほとんどは見た目や機能性が画一的でした。 TripTracker slideshowでは見た目や多くの機能が十分に施されたjavascriptを公開しています。 ＊商用利用、ロゴの排除は有料です。 sponsors 使用方法 TripTracker slideshowからslide.jsをダウンロードし、以下の様にheadに書き込みます。 <script type="text/javascript" src="http://yourdomain/slide.js"></script> <script type="text/javascript"> var viewer = new PhotoViewer();
JavaScript勉強会でYahoo UI Libraryについてしゃべりました。 - VTuberになったプログラマーの魂の残滓
とりあえず資料を公開します。 資料 JavaScript ONでご覧ください。 最初のリンクをクリックするとプレゼンモードで閲覧できます。 プレゼンモードは若干大きい画面が必要になります。 基本喋りがメインなので資料だけではわかりづらい＆抜けがあるかと思いますが、ご了承ください。 まぁYUIを使うメリットって クロスブラウザ対応がメインだよね。 あとYUIって結構パフォーマンスいいよ。 みんなもっとYUI使えばいいのに！！ というわけで 参加されたみなさん（っていうか現在進行中だけど）お疲れ様でした＞＜ 勉強会全体のまとめはUKStudioがきっと書いてくれると思います＞＜ 最後に 会議室を貸してくださった上鍵さんをはじめとしたノッキングオンの皆様ありがとうございました！ 会議室を利用したいかたは「ノッキングオンの会議室使いたい!」までこんにちは！こんにちはしましょう！
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」:phpspot開発日誌
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 2007年05月16日- dateformat.js - 日付フォーマット変換ライブラリ 指定したパターンによるDate->String、String->Dateの変換を行うライブラリです。 JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 次の変換が可能です。 yyyy/MM/dd HH:mm:ss SSS→2007/05/15 21:02:30 218 2007/05/15 21:16:14 111→Tue May 15 21:16:14 UTC+0900 2007 使い方も簡単。 var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new D
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
粋屋-日本の伝統文様と伝統色
最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。（02/26）Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
CalViz ライブラリで簡単 Google Calendar マッシュアップ！ - WebOS Goodies
http://js.on-studio.jp/2007/02/cookiemanager.html
Javascriptライブラリ
CSS 2.1のエッセンス -- 脱初心者をめざす人のためのホームページ作成講座