The parameter columns is number of columns. Click this area to see the result of $('.sample2').tile(4);
The parameter columns is number of columns. Click this area to see the result of $('.sample2').tile(4);
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい! ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは? 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
Press the icon in the top right corner of this page to run simple-sidebar. A jQuery plugin that allows to create a side nav as in modern mobile apps. It aims to simplicity so that everybody can use it no matter if expert programmers or not. For an even simpler and stable version of this plugin check the simpler-sidebar fork. Download Run one of these commands in your bash according to your needs.
シンプルなHTMLで、レスポンシブ対応のかわいいデザインのスライダーを実装する超軽量のjQueryのプラグインを紹介します。 キーボード操作やスワイプ操作、そしてマニュアル操作にも対応! Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 オープンソース ライセンスは「WTFPL」で、個人・商用問わずどんな風に使ってもOK。 超軽量 スクリプトは6KBで、超軽量です。 実装は簡単でクリーンなHTML 数分で実装でき、非常にシンプルでValidなHTML。 スライドの方向は多彩 通常の水平方向は左右どちらにも順向きで対応、垂直方向のスライドも可。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード(矢印キー)での操作をサポートし
最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。 デモページ:幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link rel="stylesheet" href="slidebars.min.css"> <head> <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slidebars.min.js"></script> </body> St
個人・商用で無料で利用できる、日本語のフリーフォント219種類を紹介します。前回は164種類だったので、大幅に増えています! 記事公開後も増えています(201→207→211→219)。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 毎年まとめていますが、初紹介のものから既存のものまで改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。 ライセンスはサイトだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開!フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 Kazesawa フォント 個人・商用サイトで無料利用可。同人誌や各種
ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強!drawer slidein menu ドロワーメニュー(スライドインメニュー)でヘッダー固定でき、PCでも動作するjqueryプラグインは、Slidebarsが最強です。 drawer とは引き出しの意味です。 drawer menuとかslidein menuとは、facebookみたいに、メニュートグルボタンを押すと、横からスライドしてメニューが表示されるメニューの動作のことです。 まずはデモをご覧ください。 サンプルページ Slidebarsのいいところ iPhone・Android・PCで動作する 動作がなめらか ヘッダー固定できる 左開きも右開きなどいろんな種類のメニューが用意されている 設置が簡単! 以前ご紹介したDrawer Slide Menu では、ヘッダー固定しようとすると
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
ロジテックINAソリューションズは、RAID機能搭載の4BAY外付型3.5インチHDDケース「LHR-4BRHEU3」を発表。11月26日より発売した。 最大4台の3.5インチHDDを、1台の大容量ドライブとして使用できるRAID機能を搭載した外付けHDDケース。8TB HDDに対応しており、4台装着することで、最大容量32TBのドライブを構築することも可能だ。RAID機能は、6種類のモード(JBOD/RAID 0/RAID 1/RAID 3/RAID 5/RAID 10)が選択可能なほか、シングルモードにも対応する。 インターフェイスは、USB 3.0およびeSATAに対応。4K対応テレビや大画面テレビに接続して、テレビ番組の録画・再生も行える。さらに、接続した機器の電源状態を感知して、自動的にスリープモードや復帰動作を行う「電源連動機能」を搭載する。 冷却面では、本体内部の温度の変化に
スライダーを簡単に実装できるjQueryのプラグイン「jquery.bxslider.js」の使い方をメモ。 下記からダウンロードできます。 jQuery Content Slider | Responsive jQuery Slider | bxSlider ダウンロード後、必要なファイルを読み込みます。 <link rel="stylesheet" href="jquery.bxslider.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.bxslider.min.js"></script> 使用するオプションによっては、下記ファイルの読み込みも必要になります。 jQuery本体とjquery.bxsl
本日日本でも販売開始されたApple SIMですが、対応したiPadで設定後は他の端末でも利用可能なようです。 BlogFromAmerica.comが昨年アメリカのApple SIMで検証したところによると、一度Apple SIM対応機であるiPad Air 2でセットアップしたApple SIMをApple SIM非対応機のiPad Airに挿入すると通常のSIMカードと認識されキャリアも表示され、問題なく通信できるようです。iPad Air 2/iPad mini 3/iPad mini 4/iPad ProにはApple SIMへの書き込み機能が搭載されているため、それらの機種でのみ初期設定が可能の模様。 Apple SIMに関してのいくつかの検証記録 « アメリカより http://twitter.com/BlogFromAmerica/status/66655615878666
半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON/OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く