スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/timesheet.js" type="text/javascript" /> </head> Step 2: HTML タイムスケジュールシートを配置する空のdivを用意します。 <div id='timesheet'></div> Step 3: JavaScript 一行目は配置する要素、自至、二行目以降はアイテムを配列で記述します。 new Timesheet('timesheet', 2002,
経歴や会社の沿革ページに！簡単なCSSで実装するタイムラインちょうど今作っているサイトで、経歴をタイムラインで表現するページがあったのでコードを紹介。コード自体はとってもシンプルなので、カスタマイズ次第でどんなデザインのサイトにもあわせられると思います。文章にするとゴチャゴチャしがちな経歴・沿革をスッキリと表示しましょう！ モバイルファーストってことで、640px 未満の幅のデバイスには年月・見出し・詳細文章を順に表示します。 モバイル版はこんな感じ。サンプルページの画面の幅を調整して比較してください。 HTMLtimeline というクラスのついたリストの中の li タグで項目を追加していきます。 <ul class="timeline"> <li> <p class="timeline-date">2007年2月</p> <div class="timeline-content"> <
Facebookのデザインにも負けない超カッコいいタイムラインを作るJSライブラリ「Timeline」 2012年04月02日- Timeline Facebookのデザインにも負けない超カッコいいタイムラインを作るJSライブラリ「Timeline」。 一見スライドショーのようでもありますが、タイムライン付きのスライドショーになっています。何かの歴史を語る時には是非使いたいと思ってしまう程のクオリティです。 スライドショー内にはHTMLならなんでも埋め込めるということでYoutubeやGoogleマップがいい感じにレイアウトされて表示されています。 スライドショーと連動してタイムラインもアニメーションします。タイムライン側をクリックしてスライドショーの位置を選択することも可能。 スライドショー部分はドラッグ＆ドロップで移動することができます タイムライン部分の拡大。う〜ん素晴らしい！ この
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
3月31日の大幅仕様変更(タイムライン化)で、世に出ている多くのFacebookページ制作の解説記事、解説本の内容が古くなってしまいました。タイムライン化後のFacebookページの制作手順をまとめた記事は、私の見た限りまだ出ていないので、私のほうでまとめてみました。 Facebookページ制作経験がある方にも、備忘録として使って頂けるかと思います！ぜひご活用ください！ ※編集部注： 2016年10月7日、最新情報をもとに一部加筆修正を行いました。 ■目次 Facebookページのアカウントを取得する Facebookページを、一旦非公開にする ３．他の管理人を追加する 他の管理人を追加する。 一般設定を編集する 「基本データ」を設定する プロフィール画像、カバー画像を作成、設定する ソーシャルメディアポリシーを用意する ウォール投稿をしておく タイムラインのトップに重要な投稿を固定する
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
もうすぐ結婚を控えている会社員（男）です。いますぐというわけではないのですが、将来マンションでも購入したいねと婚約者と話すことも多く、もちろん自分の稼ぎでは現金一括での購入はかなり厳しい…ということで、住宅ローンを利用することになりそうです。でもこの不景気ですし、簡単に住宅ローンを組むことが出来るのかどうか非常に不安なところもあります。 なので、自分が住宅ローンを組むときには、銀行がお金を貸したくなるような人間になっておきたいという気持ちがあります。じゃあ具体的にはどんな人なのか、と聞かれるとあまり想像がつかなくて…。一般的に銀行がお金を貸したいと思えるような人ってどのような感じの人なのでしょうか？ 事故がなく、借金が少ない、収入が安定していることが一番です 銀行がどんな人にお金を貸したいかっていうと、「たくさん借りてくれる、だけど返済もきっちりしてくれる」ような人って感じかな。いくらお金
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
フェイスブックがついに、タイムライン機能を搭載。こちらのフェイスブックの公式ページから有効にすると、冒頭動画のようにプロフィールのインターフェイスがガラリと変わります。ちなみにこの新タイムラインは、12月26日まで猶予期間があり、この期間内は原則として、自分だけに表示されます。コンテンツの追加や削除、修正、非表示などのカスタマイズを行った上で、他のユーザにお披露目することが可能です。 では、新タイムラインの基本から見ていきましょう。 基本的には、最新のものが一番上、時間の経過とともに下へと表示される仕組み。デフォルトでは、今月の投稿がすべて表示され、下にスクロールすると、先月の投稿を自動的に読み込み、さらにスクロールすると、2011年のハイライトが表示されます。 右のサイドバーから、特定の時期の投稿に移動することも可能。たとえば、「2011年」をクリックすると、1年間のハイライトが表示され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く