Calendario: A Flexible Calendar Plugin | Codrops レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」。 次のようなグラデーションが美しいカレンダーのデモとプラグインが共に配布されています。 カレンダーのHTML構造は予め決められており、CSSでデザインされています。 カレンダー機能はシンプルなものですが、コールバック等である程度カスタマイズできそうです。 関連エントリ Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダーやDateピッカー関連のjQueryプラグイン20 これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」
mixiをいじめる「男子」 男子は好きな女の子に意地悪したくなるものだと聞く。その子の気を引きたくて、あえて嫌がる行動をしたり、自分の恋心を処理しきれず、逆の行動を取ったりするものらしい。女性のお悩み相談サイト「発言小町」にそう書いてあった。 Web好き30～40代（筆者含む）の今のmixiへの態度は、そんな男子の恋心を彷彿とさせる。mixiがオープンした2004年当初、mixiに熱狂していたインターネット大好きな若者たちは今、中年にさしかかり、そのほとんどがmixiを使わなくなってしまった。 それなのにいまだに、mixiの新機能にブーブー言い、mixiで起きたトラブルについて目の色を変えて議論する。 ネット好き中年が好んで使うTwitterや「はてなブックマーク」には常に、mixiへの怨嗟の声があふれている。使ってもいないネットサービスが、こんなに話題にされる例を筆者は他に知らない。 私
地図サービスのマピオンが提供する「キョリ測」は、地図上にポイントを指定していくだけで、それを繋いだ距離を割り出してくれるというWebサービスです。 その便利で人気のあるサービスをiPhoneで利用できるようにしたのが、今回無料で公開されたアプリ『キョリ測 』です。 ジョギングやサイクリングのコース設定や、散策で歩いたコースの長さなど、距離を知りたいあらゆる場面で活躍します。 距離を測定するにはまず、検索またはスクロール・拡大縮小などで始点となる場所を探します。 次に地図上の始点をタップ。すると赤い点とともに「0(ゼロ)m」と表示されます。 あとはコース上のポイントを順にタップしていくだけで、点を繋ぐ直線と始点からの距離が追加されていきます。 画面の上には総距離、所要時間・消費カロリーが表示されます。速度やカロリーの計算の基になる情報は設定画面で指定できます。 点を追加している途中でも、自由
本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 連載第1回で解説したレスポンシブWebデザインの概念に続き、今回からはシンプルなWebサイトを制作しながら、レスポンシブWebデザインの基礎を学びます。まずはサイト制作の流れと下準備について解説します。 従来のWebサイト制作では、PhotoshopやFireworksなどの画像編集ソフトを使ってデザインカンプを作成し、できあがったカンプを
Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能は、「レス ポンシブWebデザイン」といわれる、CSS3の Media Queries を使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するための機能です。 前編では、この「可変グリッドレイアウト」機能を利用して、実際に3つのデバイスでレイアウトが可変する大枠のHTMLまでを準備しました。 後編では、以下の様な作例のデザインを元にして、実際の細かい部分のコーディングにあたってのTipsや注意点を紹介いたします。 ※このサンプルサイトは本記事用に作成した架空のサイトであり、公式のページではありません。 モバイル→タブレット→デスクトップというCSSの継承順序と Media Queries まず、前編
2013-06-30更新: 2013 年 6 月、Googe Chrome Frame の開発終了 が発表されたのを受け、新しい記事 を書きました。 IE で Google Chrome と同等のレンダリングを実現するプラグイン、Google Chrome Frame が 正式版になりました。ユーザはよりリッチで快適な Web 体験ができるし、サイト管理者としても事実上古い IE のシェアが減ることになって嬉しい、しかもインストールに管理者権限が不要という、ちょっといいプラグインなんですよね Chrome Frame。 とは言えユーザがインストールして使ってくれないことにははじまらないので、この Chrome Frame の利用を促進するためにサイト管理者にできることを紹介します。 ページを Chrome Frame でレンダリングさせる まず、すでに Chrome Frame がインスト
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
2014年7月23日 Webサイト制作, フリーランス Webサイト制作の依頼を受ける上で、クライアントの中には相場が分からず、必要最低額を遥かに下回る予算を提示する方もいます。多くの場合は必要な作業内容やかかる時間を説明すれば納得して頂けますが、時々「タダでできて当たり前」を前提とする方もいます…。うむむ。タダ…はちょっと行き過ぎですが、なるべく低予算のクライアントにも満足してもらいたいですよね。予算にあわせてできることがないか、考えてみました。 ↑私が10年以上利用している会計ソフト！ 1. 実装する機能を絞る 「必ず取り入れたい機能」「できれば取り入れたい機能」「取り入れられたら嬉しい機能」と、要望の優先順位を話し合い、予算に応じてできないものは思い切って削除したり、違う方法を考えて予算内に収まるように検討します。「時間 vs お金 vs クオリティ」でも書いたように、取り入れたい要
「Windows」PCから「Mac」への転向は、ITに詳しいユーザーであってもイライラさせられたり混乱させられたりする場合がある。本記事ではこういった転向時の混乱をやわらげるティップスを紹介する。 コンピュータのプラットフォームはしばしば、政治的な嗜好や宗教的な信念にたとえられる。というのも、こういったものにとらわれ過ぎると、視野が狭くなったり、柔軟性を欠いたり、何らかの矛盾に直面した際の適応力が低下する場合もあるためだ。とは言うものの、Windowsシステム以外のプラットフォームを導入したり、さまざまな理由でWindows PCからMacへの置き換えを進めている企業も数多くある（クラウドコンピューティングの普及によって特定プラットフォームへの依存が弱まったということもあるはずだ）。以下は、Macへの移行を容易にするとともに、WindowsユーザーのMacへの移行を支援するための10のティ
健康・美容にいい油として注目され、欧米だけでなく日本の食卓にも浸透しているオリーブオイル。ところが今、このオリーブオイルの品質が危機に瀕している。 オリーブオイルを使ったことのある人なら、「エキストラバージン・オリーブオイル」という名前を聞いたことがあるだろう。「エキストラバージン」とは、そのオイルがオリーブオイルの最高グレードであることを表す言葉で、「エキストラバージン」であるための基準は、主要な生産国が加盟する国際オリーブ協会（IOC）によって決められている。 その基準を簡単に言うと、オリーブの実のみを原料に使い、機械的作業のみによってつくられ、酸化度（酸化しているほど質が低い）などの化学基準を満たし、風味に悪臭などの欠陥が一つもないこと。機械的作業というのは、つぶす、搾るなど原料に物理的な変化を加えることで、精製したもの（例えば加熱・化学変化を伴う処理）は「エキストラバージン」とは認
こんにちは @kuracyan です。 このブログはWordPressを使っていますが、iPhoneで見た時とMacで見た時と見え方が変わるいわゆるレスポンシブなテーマを利用しています。 時々サイドバーなどを変更したりして、テーマをいじっているのですが、iPhoneで見た時にMacやPCで見た時の見え方がわからないのは不便。 iPhoneで見た時にいろんなデバイスで見た時の見え方がわかるといいのに。 と思っていたらそんなブラウザがありました。 WideBrowser 1.0（￥170） カテゴリ: 仕事効率化, ユーティリティ 販売元: officeRK inc. – officeRK inc.（サイズ: 0.2 MB） 全てのバージョンの評価: （1件の評価） 起動画面にURLを入れるだけです。 これがiPhoneでの通常の表示 TabletボタンでiPadでの見え方に帰られます。 更に
少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ スマートフォンサイト用小技集 目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック（タップ）範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック（タップ
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
ファミリーマートが、iTunes Cardの購入者にもれなく最大20%分のiTunesギフトコードをプレゼントするキャンペーンを本日12月4日より開催しています。［source: FamilyMart ］ このキャンペーンは、全国のファミリーマート(一部店舗を除く)で期間中に対象となるiTunesカードを購入し、サイトからキャンペーンに申込むと、応募者全員にiTunesギフトコードが貰えるというもの。 iTunesギフトは後日メールで送付され、コードの額面は購入したiTunes Cardによって異なります。 iTunesカード・App Storeカード 3000：500円分 (約16.7%) iTunesカード 5000：1,000円分 (20%) iTunesカード 10000：2,000円分 (20%) キャンペーンの対象期間は2012年12月4日(火)〜25日(火)、応募期間は201
驚きの曲に仕上がりますよ。 使い方は簡単。お持ちのMP3の曲を「The Wub Machine」というサイトにアップロードするだけ。数分も待てば自動的にダンスミュージックにリミックスされて、その曲を試聴することができます。もちろん気に入ればそのままダウンロードも可能。 MP3のアップデート後、ダブステップ、エレクトロハウス、ドラムンベースの3種類からリミックスしたいジャンルを選ぶことができます。そして、あとは待つだけ！ 自動変換なので曲により当たり外れはあるのですが、曲によってはビックリするぐらいいいリミックスができたりします。ネタ元のK’confでは実際にどのようなリミックスに仕上がるかを聞くことができますよ。オアシスの「Wonderwall」のリミックスなんかは、意外にもかっこいい仕上がりになってます。コチラからチェックしてみてください。 原曲が少し残る曲もあれば、全く理解不能な曲にな
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
中古ケータイや白ロム端末をお探しの方、｢エキサイト白ロム・中古携帯｣へどうぞ2012.12.03 17:00 三浦一紀 おおおおおおお、いっぱいあるじゃん。 エキサイトは、中古の携帯電話やスマートフォン、タブレットPC、白ロム端末などを紹介する｢エキサイト白ロム・中古携帯｣をオープンしました。 このサイトは、中古携帯端末の売買サイト｢ケータイ★アウトレット｣と連携し、白ロム端末の情報を掲載。ちょっと見たところ、かなりの数の白ロムがありますね。 SIMフリー端末もありますよー。LTE規格の端末の場合、エキサイトが7月から販売しているLTE規格の無線通信カードが利用できるようです。この商売上手め！ 白ロム端末やSIMフリー端末を探している方、ブックマークブックマーク。 ［エキサイト白ロム・中古携帯］ （三浦一紀）
2012年も残すところ、後一か月を切りました。今年はGoogleがかつてない規模で数々のアルゴリズム更新を行い、SEO業界も激動の日々でした。ということでサーチエンジンランドからそんな2012年のSEOをいち早く総括した記事を。 — SEO Japan 評判 & 信頼 今年よく目にした、または耳にしたことが多いワードが、評判と信頼であった。と言っても、SEO業者の評判管理サービスではなく、ウェブサイトのコンテンツ、デザイン、そして、外部リンクにおける信頼である。 設立以来、グーグルおよびその他の検索エンジンは、詐欺的な策略を批判し、一貫した質の高さを推奨してきた。しかし、ここ1年間で、グーグルは今まで以上に効率よく、尚且つ広範囲に渡って、劣悪な行動を取り締まることが出来るようになった。ついに本腰を入れたのだ。 声を上げるようになったグーグル 過去、グーグルは、ウェブマスターツールでブラック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
