Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both
RatchetはHTML/CSS/JavaScriptを使ってiOSアプリのモックアップを素早く作るフレームワークです。 iPhoneアプリを開発する際にまずプロトタイプを作ることが多いですが、Xcodeなどを使って作っていては時間がかかると感じるかも知れません。そこでもっと手軽に手早くモックが作れるRatchetを使ってみましょう。 デモサイトです。 ヘッダー、フッターは動かないでスクロールします。 チケットページに遷移しました。 フォームです。奇麗です。 設定ページ。ボタンの色も指定できます。 こちらはキッチンシンク。 タイトルだけでもこんなにパターンが。 タブバーも色々。 ボタンも大きさ、バッジ付きなど色々。 リスト。 リストにバッジをつけられます。 ボタン付きバッジ。 フォーム。 Ratchetの利点はHTML/CSS/JavaScriptで構成されているということです。記法に沿っ
超大ヒットした『漫画カメラ』、ほんとに漫画っぽくなって、動作も軽快、シェアも簡単で楽しいですよね。 ただ、ちらほらと「同じこと考えてた」「そういうの作ってた」という声を聞くことがあります。実際に同様のコンセプトのアプリもたくさん出ています。 実は、カヤックでも、2年ほど前、Instagramが出てきた頃に"Comicgram"という企画が出たことがあって、ちょっとだけモックアプリをつくったことがありました。 そのときつくったモックアプリで自動で写真加工した結果がこちら 『漫画カメラ』ほど漫画っぽくないかもしれませんが、それっぽいといえばそれっぽいです。 実は、このモックアプリはOpenCVにもともと備わっている機能を組み合わせただけなので、結構サックリ実現できます。 以下でその6ステップの処理内容について紹介させていただきます。 ステップ1:領域分割 『画像ピラミッドを用いた画像の領域分割
There are many CSS3 features that change the way we decorate a website, one of which is CSS3 Gradients. Prior to CSS3, we definitely need images to create the gradient effect; now we are able to deliver the same (and better) effects by only using CSS In our previous posts, we have discussed two types of gradients that can be achived with CSS3: Radial and Linear Gradients. This time we are going to
dynatree - Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading. - Google Project Hosting リアルなWindows風ツリービューが実装できるjQueryプラグイン「dynatree」。 次のようにまるでWindowsのインタフェースじゃないか、といってしまう人が多数なツリービューが実装できます。 Ajaxによる動的ローディングやコンテキストメニュー、ツリービュー横のチェックボックス等、機能はそろっています。 また、ドラッグ&ドロップでアイテムを移動できるあたりも素晴らしいところです 何かと便利なUIなので、実装する際には1つの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く