[iPhone][iPad]Safari卒業しました!独特なUIのブラウザ「Maven」のお気に入りポイント10個2011.08.11 今までiPhoneのブラウザはずっとSafariしか使ってなかったのですが、他のを食わず嫌いもよくないよね、と思ってSleipnirにチャレンジ。でも、いまいちフィーリングが合わなかった。さらに別のブラウザを探すべくAppStoreを探検して見つけたのが「Maven」というアプリ。動作も速いしサクサク扱えるユニークなUIも快適で大満足! Maven Web Browserとは特徴的なのはジョグダイヤルやトラックパッドといった独自のUI。詳しくは後述しますが、やっぱり実際に動いているところを見ないと感じが伝わらないと思ったので動画を撮ってみました。 ちょっと緊張で手元がおぼつかない感じになっちゃってますが、なんとなく感じはわかっていただけたかと思います。では
Image Gallery Wheel 記事 これは新しい、回転する円形のイメージギャラリー実装サンプル。 divを並べた簡単なマークアップなのに以下のような複雑なレイアウトを作れています(画像ではありません) svgを使ってマスク処理されていることで画像のマスキングは実現されているようで、更にradiusやrotateなどを使ってアニメーションも実装されています クリックでアニメーションしながら画像が切り替わります マークアップは超シンプル 色々と応用することでこういうことができるんですね。 関連エントリ CSS編集がブラウザ上でリアルタイムに行えホスティングもしてくれる「WebPutty」 ピュアCSSなソーシャルサイトのログインボタン CSSだけで実現したMac OS X風ドック「CSS Dock (V2)」 レスポンシブデザインのためのCSSフレームワーク15
画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」 2011年01月21日- pictureMenu 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」。 マウスカーソルを合わせるとメニューの幅がニュイーンと伸びるUIが作れます。 動きがなかなかクールなので、うまく画像と組み合わせることでカッコいいサイト作りに役立てられそうです。 次のような比較的整ったHTMLコードを初期化する感じです。 デモはセンスがいいとは言えないかもしれませんが、工夫すればかなりカッコよく出来そう。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 ビローンと伸びるドロップダウンメニュー実装jQueryサンプル クールにアニメーションする色合い様々なjQueryメニューサンプル色々
jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単! <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
普通の絨毯を身体の前面に固定した状態で、岩山の上から飛び降りるベースジャンプ。 何の変哲もないただの絨毯なのに、まるで魔法のじゅうたんに乗っているかのような飛行を楽しめる。 アラジンの曲を流しながら飛びたい。 【関連】 魔法の絨毯に乗ったアラジンに扮し、ニューヨーク市内を滑り抜けてみた 魔法の絨毯で海の上をスイスイ飛行。アラジンに扮して人々を楽しませてみた ロケ地がウズベキスタンというだけで最高すぎる、アラジン風のパルクール
はじめまして。 wordpress外のほかの静的ページの一部に、 wordpressブログの最新記事(またはその一部)が表示されるようにしたいのですが どうすれば実現できますでしょうか? よろしくお願いします。 以前同じようなことをして、こんな作り方をしました。 —– 自分が管理するウェブサイトのトップページ(index.html)に、同じサーバ内(wpディレクトリ)にあるWordpressの全カテゴリ・新着5件を表示。 <?php require('./wp/wp-blog-header.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ(マウス移動で画像全体を閲覧可能)〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ(マウス移動で画像全体を閲覧可能)〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
このブログでもFacebookの「いいね!(like)」ボタンを設置する方法は書いたことがあるし、同じように「いいね!」の解説ページは他にもたくさんあるんだけど、各種「share(シェア)」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。(現在はいいね!数をカウントしている「share+カウント数ボタン」の解説ページはある。) しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね!」ボタンと同じようにヘルプペ
WordPressをお客様に納品する場合など、最初に仮ドメインで設置をして、公開のタイミングで本ドメインに切り替えるという作業をよく行います。 それ以外にも、WordPressが動いているサーバーのドメインを変更しなくてはならなかったり、ステージングサーバーから公開サーバーにデータコピーをしたりと、WordPressを移設して動かすタイミングって、割と多かったりします。 移設の問題点 移設を行う場合の一番の問題点は、公開URLが変更になることです。 テーマファイルのCSSやJavaScriptが読み込まれないためデザインが崩れる 公開URLが正しくないとWordPressの管理画面にログインができない 記事中に設定したリンクや、メディア(画像やファイル)が全てリンクが切れてしまう 1. 2. については公開URLの設定さえ元に変更してしまえば問題無いのですが、一番の問題は 3. で、記事中
ニッポン放送でオールナイトのPodcastを配信していないんですね。 知りませんでした。 いずれにせよ、 1番組の放送内容すべてを配信しているサイトはPodcastを含めても存在しません。 著作権などさまざま問題があるので。 私も深夜番組を聴くために、自分で録音設定して、翌日以降聞いています。 私のやり方ですが、 (知恵袋にて、他にも録音についての質問に対する回答と似ています) radikoが聞けるところにお住まいなら、パソコンを使って「radika」というフリーソフトで録音しています。 ただし、そのままでは聞けないので、 Craving Explorerというフリーソフトでmp3に変換してitunesに落とし、iPodに入れています。 (余計な部分のカットもしていますが省略) やり方をすべて説明すると大変なので、ダウンロードや操作方法は自分で調べてください。 radikaは、個人の方が作
中小企業、店舗系のWeb制作が 個人的に最も多いので、そういった クライアントさんに頼まれやすい機能 を加えるWPプラグインのメモです。 大規模なWebサイトではまた別の需 要が出てくると思います。 羅列した全てのプラグインを入れる訳ではなく、「よく頼まれる機能」を補うプラグインをあげています。順不同。 WP-Add-quicktag 今更便利さに気がついた、という感じですが、最近よく使っています。基本的にはマークアップを補うプラグインなんですが、定型文の挿入に凄く便利なのでお勧め。こちらで設定してあげればクライアントさんはワンクリックで挿入できます。複数登録も可能なので重宝しますね。 addquicktag Ktai Style 携帯サイト作って欲しい!予算無いけど!みたいな要望があったとき、というか中小規模サイトの案件では多いのでKtai Styleは必須プラグインです。予算無いなら断
WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go WordPressを利用して、ブログではなくCMSとして企業サイト・企業ウェブサイト作成・商用ホームページ制作のテクニックを公開。WordPressの最新ニュースやプラグインの紹介、自作プラグインやテーマも開発中。 WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go GoWordPressを利用して、ブログではなくCMSとして企業サイト・企業ウェブサイト作成・商用ホームページ制作のテクニックを公開。WordPressの最新ニュースやプラグインの紹介、自作プラグインやテーマも開発中。
@JUNP_Nです。新しいMacBookAirが発売されたら購入すると心に決めているのですが、次のMacは移行アシスタントを使わないでゼロから環境を作ろうと思っています。ということで現在のMac環境を晒しつつまとめてみようと思います。 Spaceseは縦3×横3の9画面を用意 Spacesを使い、それぞれの画面に役割分担をさせています。基本ですね。 僕は縦3×横3の合計9画面を用意しています。画面ごとの役割分担は以下。 ファイル操作、デスクトップ表示用メールクライアント(Sparrow)専用iTunes専用Evernote専用ブラウザ(Chrome)専用編集作業専用(Illustrator、Skitchなど)Twitter専用(Echofon、Twitter)MarsEdit専用Skype専用 一番利用頻度が高いのが「5」のブラウザ画面です。ここを起点に利用頻度が多い画面にすぐ変移できるよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く