[jQuery]レスポンシブ対応の超クールなカレンダー「pickadate.js」 | Web活メモ帳
レスポンシブに対応したクールなカレンダーライブリーを見つけたのでご紹介。 jQueryプラグインなので、簡単に組み込む事が出来ますよ。 ↑画面のようなカレンダーを表示します。 jQeury UIのようにフォームをクリックした際に表示したりする他に、 常に表示させて置くことも簡単に出来ました。 これはかなり使えそうです。 使い方も簡単でjQueryとPickadate.jsを読み込んだ後に、以下の処理を追加するだけでした。 $('.datepicker').pickadate(); オプションがすごく豊富 オプション設定が非常に豊富で、細かな気遣いが感じられます。 ↑年と月をプルダウンで選択する事も $( '.datepicker' ).pickadate({ monthSelector: true, yearSelector: true }) ↑指定した範囲のみ選択する事も可能です。 $(
![[jQuery]レスポンシブ対応の超クールなカレンダー「pickadate.js」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd37ad8b886aff0fa2a7e8630908180bb35c1ebe/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F01%2F20130124-01.png)
おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」
twitter facebook hatena google pocket フォームの入力は簡単にすることで離脱率を下げることが可能です。 日付を入力させるところもカレンダーで表示すると、簡易化できまたわかりやすいので、誤入力が減りそうです。 Pickadate.jsはこれを実現するjQueryプラグインです。 sponsors 使用方法 導入は非常に簡単です。 Pickadate.jsからファイル一式をダウンロード。 <link rel="stylesheet" href="pickadate.01.default.css"> //好きなテーマを選んでください <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="pickadate.mi
タイムラインで予定の全体像を俯瞰できるカレンダーアプリ『Timeline - Calendar』 - リニューアル式
Timeline - Calendar 1.0（無料） カテゴリ: 仕事効率化, ユーティリティ 販売: Niklas Ungman（0.7 MB） これは掘り出し物。リリース記念無料セール中なので急げ。 328個目の原石アプリは「Timeline - Calendar」。タイムライン上でスケジュールの全体像を俯瞰できるカレンダーアプリだ。 びゅんびゅんスワイプして全体をチェック。 ピンチアウトしてグイッと広げれば、１時間単位のタイムラインを確認できる。 もちろん予定の追加・編集も可能。 iPhoneをヨコにしてワイドに使うと、使いやすさがさらに向上。全体がよく見えていい感じ。 こういうカレンダーアプリが前からずっと欲しかったんだ。 オススメ度 ★★★★★ 動作も軽いし、一覧性も高いし、かなり気に入りました。 高橋モトシ(@Motoshi_t）でした。
スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」:phpspot開発日誌
Pikaday: JavaScript datepicker ? David Bushell ? Web Design & Front-end Development スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」 次のようなカッコいいピッカーが実装できます。CSS3等も利用していますが、IEの古い物でも使えるようになっているようです デザイン的にシンプルでいて綺麗な物なので、１つの選択肢として覚えておいてもよいかもですね。 jQueryプラグイン、ではないため、次のようなコードで初期化を行います 関連エントリ Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー 軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」 Android風の日付ピッカー実装用jQueryMobileウィジェット「Mob
最強ツール？ 特定の著者の本の発売日をGoogleカレンダーに同期させる方法 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
ギークな見た目が超秀麗！！MacのデスクトップにiCalを表示するアプリ「Blotter」が便利でカッコイイ！
こんにちは。ギーク、と言う響きに憧れてます@OZPA です。 さて、先日ハチサンスリーのイベント「No Blog, No Life!」を行った際に、@Sayobs くんが見ていたデスクトップがなにやらカッコイイ。 なんかデスクトップにカレンダーが表示されてるじゃないですか。 「何そのアプリ？」 と尋ねたら 「このブログに書いてあったアプリだ。それはそれは素晴らしいブログだから是非見に行くとよい。」 と、以下のURLを教えていただきました。 参考：Blotter:MacのデスクトップにiCalを表示するアプリを使ってみた。 | Last Day. jp という訳で私も早速このデスクトップにiCalを表示するアプリ「Blotter」を導入。 なかなか気に入りましたのでご紹介です。 設定画面 アプリを立ち上げると設定画面。 カレンダーの表示の大きさを選べます。 選べる表示の大きさは3種類。 これ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
[iPhone] 月表示に特化した無料カレンダーアプリ Moca は URL スキームから予定が追加できる！ | ラクイシロク
どもっ、ラクイシ（@rakuishi07）です。 先日、月表示が見やすいクールなカレンダーアプリ Moca が登場しました。僕はしばらく使ってみて、広告を外すアドオンを購入しました。 月特化カレンダー Moca 1.0.0（無料） カテゴリ: 仕事効率化, ユーティリティ 現在の価格: 無料（サイズ: 0.6 MB） リリース日: 2012/07/12 参考：Moca: この無料カレンダー、超オススメです。月表示がすごいです！無料。 – AppBank iPhone4 だと少しだけスクロールが重いのを抜きにすれば、これは他のカレンダーアプリから乗り換えるのを検討するほどいいアプリです。 凄くいい感じです！ そんな Moca ですが、月表示が見やすいという特徴に加えて、地味に URL スキーム連携が豊富です。 Moca で使える URL スキーム Moca で使える URL スキームは、こ
軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」:phpspot開発日誌
軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」 2012年07月13日- Zebra_Datepicker, a lightweight datepicker jQuery plugin 軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」 13KBでクロスブラウザ、CSSによるデザイン変更が容易で国際化対応もしていて日本語カレンダーへのカスタマイズも簡単。 日付の形式も自在に指定可能。YdM等とオプション指定するだけです。 こうしたライブラリは実装が簡単であると同時に、サイトのデザインにマッチするようにカスタマイズできるようになっていると本当に使い勝手がよいですね。 実装自体は便利だけどカスタマイズに数日かかったなんていうとちょっと困ります。 年だけの選択も出来ます 関連エントリ これは新し
Moca: この無料カレンダー、超オススメです。月表示がすごいです！無料。 | AppBank
iPhoneの標準カレンダーと自動で同期 このアプリは、標準のiPhoneカレンダーと自動的に同期する設定になっています。 もし標準のiPhoneカレンダーをまだGoogleカレンダーと同期していなかったら、以下の記事よりご確認下さい。 → 【最新版】iPhoneの標準カレンダーとGoogleカレンダー（複数アカウントもOK）を同期する方法 六曜・天気予報なども表示できますよ。 → カレンダーに祝祭日・六曜・天気予報を表示する方法。 こんなアプリです カレンダーの画面はこんな感じです。 一見すると普通のカレンダーですが、8月から9月にまたがってカレンダーが表示されています。 これはすごく便利！しかも、とても見やすいです。 日付をタップすると、画面下部にその日の予定が表示されます。 これもまた抜群に見やすい。やばい。 スケジュールは通常のカレンダーと同様に入力できます。
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」:phpspot開発日誌
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」 2012年05月21日- jQuery Verbose Calendar - Brought to you by John Patrick Given これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」。 方眼紙に数字が書かれたようなデザインでオシャレなカレンダーが実装できます。 もう見慣れたありきたりなカレンダーにはうんざりだぜ、という方には朗報ですね カーソルを合わせたら曜日も出ます。日付をクリックしたあとのコールバックも初期設定できます 実装コード例です 既にあるものをリデザインしてカッコよくする、というのもデザインですが、新しいインタフェースを定義してこれまでとは違った使い勝手を提案できる
CNET Japan
人気の記事 1グーグル「Pixel Slate」を使ってみて--長所と短所、「iPad Pro」との比較など 2018年12月10日 2ヤマハ発動機、約113億円規模の自社ファンド設立--モビリティや自動化技術など 2018年12月11日 3サムスン、穴開き画面の「Galaxy A8s」を発表--「Infinity-O」初搭載 2018年12月11日 4カプコン、大型拡張コンテンツ「モンスターハンターワールド：アイスボーン」を発表 2018年12月11日 5「Google+」に新たなバグ、5250万人に影響--一般向け終了を2019年4月に繰り上げ 2018年12月11日 6NTTデータ、国内外の各種コード決済を端末1台で完結できる小売向けソリューション 2018年12月11日 7アマゾン、収賄の疑いで従業員解雇か 2018年12月11日 8ドローン空撮的な映像が作れる「Google Ea
[JS]ウェブページのUIエレメントにちょっとだけ便利な機能を加えるスクリプト -minjs
フォーム、テーブル、カレンダーなど、ウェブページで使用するUIエレメントに便利な機能を加えるjQueryのプラグインを紹介します。 minjs - Minimalist JavaScript [ad#ad-2] minjsは現在、3つのモジュールが公開されています。 minform longtable drcal minform HTML5のフォーム周りの便利な機能を非サポートブラウザでも利用できるようにします。 デモ ダウンロード minform -GitHub [ad#ad-2] minformの使い方 minformはスクリプトを外部ファイルとして記述するだけで、下記のフォーム関連の機能が非サポートブラウザでも利用できるようになります。 placeholders 入力欄にヒントのテキストを表示します。 autofocus 入力欄をフォーカスします。 required 必須入力の欄で、
消してしまったGoogleカレンダーの予定を復活できる「Undelete For Google Calendar」
たまにやってしまいます。消してはならない予定を削除してしまい、その予定には複数のメンバーが参加する予定だったとかいうことを。 一度消してしまったら、どこで、誰が参加するイベントだったのかを確認するのがとても大変だったりもします。できれば他人に確認せずともデータを復活させてほしいものですよね。 今回はそんなときに助けてくれるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 消えてしまったGoogleカレンダーのイベントを復活できるサービス 「Spanning Undelete for Google Calendar」は、削除したGoogleカレンダーの予定を復活させることができるサービス。 予定を復活させるだけでなく、元々招待していた友人に再度招待通知をすることも可能になって
DHTMLX JS Library | JavaScript/HTML5 UI Framework | JavaScript UI Library
Boost Development with JavaScript UI Libraries Easy-to-use and feature-rich JavaScript components that perfectly fit your solutions in any domain and of any complexity.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
カレンダーやDateピッカー関連のjQueryプラグイン20:phpspot開発日誌
超簡単！ iPhoneのカレンダーに「天気予報」を表示する方法。ついでに映画の劇場公開予定も登録してみました♪ - isuta（イスタ） -私の“好き”にウソをつかない。-
“Google カレンダー”と同期できるシンプルなスケジューラー「FavGCalScheduler」NOT SUPPORTED
Page not found