jquery.transitions CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。
jquery.transitions CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。
Vectorian [ad#ad-2] Vectorianでは「Free Pack(無料)」と「Full Version(有料)」のベクター素材が配布されており、下記に無料で利用できる「Free Pack」を紹介します。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼る カスタムフィールドで管理する z-indexが自動で効くようにしてあげる レスポンシブWebデザインに対応させる Youtubeのサムネイルを取得する 管理画面で固定の動画を管理する ショートコードで動画一覧をドバッと出せるプラグイン・TubePress ショートコードで動画を貼る ショート
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ?っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。 Agile Carousel - Javascript Slideshow - Image Carousel [ad#ad-2] Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。 以前のバージョンではjQuery UIも併用するタイプでした。 Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Googleは私たちが検索した履歴を事細かく保存しています。Googleのアカウントを持っている方は、それらの履歴を閲覧することができ、いつどんなキーワードで検索したかを遡られるので、便利です。 しかし、中にはこの履歴保存が嫌な方もいらっしゃるでしょう。そういう方は、ウェブ履歴を無効にして今までの履歴を削除すると良いですよ。 詳細は以下より。 まず、Googleウェブ履歴へアクセスしましょう。Googleアカウントでログインします。 ずらりと履歴が並びますが、その最上部に「Remove all web history」というボタンがあります。そちらをクリックしましょう。 「あなたのウェブ履歴を全部削除しますよ?」といった警告が表示されるので「OK」を押せば完了です。これで、いままで保存されていたウェブ履歴がなくなります。 自分の情報を外部に渡したくないという方は、こういうところもチェックし
Google Web Search GoogleはGoogle検索のインデックスに新しいページを登録する方法、または既存のページ情報を素早く更新するための新しい手段を「ウェブマスターツール」に追加したことを発表した。Googlebotとしてクロールを実施する「Fetch as Googlebot」の機能に、指定したWebページを即時にクロールさせ、クロールに成功したページを検索インデックスに追加する機能が組み込まれている。 この新機能の使い方は簡単。これまでのように「ウェブマスターツール」にログインしたら、操作したいサイトを選択。左のメニューから「Fetch as Googlebot」を選択し、検索インデックスに新しく追加したいページやサイト、または更新して欲しいページを指定して「取得」ボタンをクリック。クロールに成功すると「インデックスに送信」といったリンクが登場するので、これをクリック
Gmail, Outlook, Yahoo Mail など主要なメールアプリケーションに対応した、HTMLメールの主要なレンダリングの問題を避けるために開発されたテンプレートを紹介します。 合わせて、HTMLメールの作成に役立つポイントをまとめたスライドショーも紹介します。 HTML EMAIL BOILERPLATE Email-Boilerplateとは Email-BoilerplateはHTMLメールを作成する上で、主要となるスタイルをはじめ、各メールアプリケーションのバグを避けるためのものです。 テンプレートは大きく分けて、head箇所とbody箇所があります。head内にはグローバルなスタイルが定義されており、body内にはHTMLのデザインに必要とさせる要素と特定の修正箇所が含まれています。 これらは、そのまま利用してもよし、あなた自身で必要なものを加えたり、削除して使用して
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考:video, audioのサポート状況 video, audio
Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日本語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日本語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介(基本データ)を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressの古い記事をランダムに抽出し、指定した間隔でTwitterに投稿できるWordPressのプラグインを紹介します。 Tweet Old Post [ad#ad-2] Tweet Old Postのインストール WordPressの管理画面からインストールする方法を紹介します。 管理画面の「プラグイン」から、「新規追加」画面を開きます。 「検索」のキーワードに「Tweet Old Post」を入力し、「プラグインの検索」ボタンをクリックします。 「Tweet Old Post」の「いますぐインストール」をクリックすると、「接続情報」画面に移動します。 「接続情報」画面で、「開始」ボタンをクリックすると、インストールがはじまります。 「接続情報」画面 ※FTPの接続情報が未の場合は、ホスト名、ユーザー名、パスワードを入力してください。 インストールが完了し「有効化」をクリック
デモページ ダイナミックな斜め方向のスライドのアニメーションで表示 Mosaicの実装 HTML: circle 上記の一番上のキャプチャ、「circle」の実装例です。 <div class="mosaic-block circle"> <a href="http://buildinternet.com/project/mosaic" class="mosaic-overlay"> </a> <div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div> </div> JavaScript:circle $(document).ready(function($){ $('.circle').mosaic({ opaci
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。 かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。 以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。 で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。 Twitterの新UIなんかでもスクロールバーが独自になっていたり
誰でも手軽に出来るWordPress tips。 今日のお手軽カスタマイズは殆ど需要が 無さそうですけど僕に需要があったので 好き勝手に書いてみます。WPで作った Webサイトの納品先のクライアントさん側 でウィジェトを使ってもらうのですが、多く でよく分からないと言われたので消しました。 そういうわけで、管理画面→ウィジェットで使わないものを消す方法。要らない物は表示させても仕方がないので消しましょう的な内容になります。 はじめに:テーマでウィジェットを使えるようにする 分からない方用に、念の為ウィジェットをテーマで使えるようにする方法を書いておきます。テーマにウィジェットを対応させるにはfunctions.phpに以下のようなコードを記述 if ( function_exists('register_sidebar') ) register_sidebar(); さらに、サイドバー等に
画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル+ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
いろいろと思うところがあって、新しい音楽を開拓&垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ
画像にマウスをホバーさせると、キャプションがアニメーションでスライド表示される省スペース用エフェクトを実装するスタイルシートのチュートリアルを紹介します。 Slide In Image Captions [ad#ad-2] キャプションをスライド表示させる画像のデモ デモでは、画像ごとに異なる方向から異なる位置にキャプションがスライド表示されます。 デモページ スライドは、CSS3 transitionに対応したブラウザ(Chrome, Safari, Opera)ではアニメーションで表示し、非対応ブラウザ(Firefox3)ではアニメーション無しで表示されます。 [ad#ad-2] 以下は元記事の各ポイントを意訳したものです。 なぜ、このようなエフェクトをするのでしょう? それはレイアウトのスペースを節約するためです。そして、キャプションの存在は画像からユーザーの気を散らしてしまうことも
ちょっとテンションあがったので反射的 にご紹介。最近はトイデジブームなのか 僕の住んでいる下北沢の雑貨屋さんで しょっちゅう見かけますが、これは初見 でした。トイデジごとUSBポートに挿せる ので無駄なケーブルも、ソフトのインスコ も不要です。 トイデジですけどそこそこ高性能だったのに見た目かわいいのがツボでした。ちょっとしたプレゼントにいいんじゃないでしょうかね。カメラ好きな女の子が随分増えてるみたいですし、こういうの喜んでくれそうじゃないですか。 むっちゃ可愛い。日本製です。 直接挿す このように本体ごとUSBポートに挿しますのでケーブルどこいった、みたいな事も無くなりますね。 動画も撮れるらしいです 割と高性能っていう。動画も撮れるとか凄いwUSBメモリとしても使えるってあるんですけど、容量書いてないんですが、あんま期待できないですかね・・ 詳細画像方式
Mozillaが運営する、おすすめFirefoxアドオン紹介サイトにて、先日リリースされたばかりのFirefox 4用のベストアドオン10個が紹介されていたので、英語の和訳やスクリーンショットなども交えながら分かりやすくまとめ直してみました。 「Rock Your Firefox」は、Add-ons for Firefoxにて無料配布されている数あるアドオンの中からおすすめのアドオンをピックアップし機能や使い方を紹介していくサイトで、ユーザーがFirefoxのクールな新しいアドオンを見つけたり、カスタマイズする方法を身につけられる場であるとされています。 紹介されているアドオンの選択基準は、セキュリティやプライバシー保護に高い信頼性をおけるもので、ユニークかつ優れたユーザーエクスペリエンスを提供するものとなっていますが、今回も思わずインストールしたくなるような面白くて実用性の高いアドオンば
本来は月額525円で提供されていたストレージ仮想化ソフトウェア「VVAULT Personal(ブイボルト・パーソナル)」が本日から無料で提供されることになりました。 例えば内蔵HDDで500GB、USB外付けで1TB×3台=3TB、USBメモリで16GB、SDカードで32GB、NASで1TBとかを全部くっつけて、500GB+3TB+16GB+32GB+1TB=4548GBの単一ドライブにできるという仕組みになっています。各ファイルストレージの空き領域を無駄なく利用できるようになっており、空き容量が不足してもシステムを停止することなく、ストレージを追加したりドライブを移行したりすることが可能で、よくアクセスされるファイルはメモリ上にキャッシュして高速アクセスされ、さらに利用頻度に応じてSSD、内蔵HDD、外付けHDD、NASという感じでアクセス速度ごとにファイル自体を自動で再配置してくれま
アドレスを入力するだけで、MPEG4/FLV/DivX形式の動画を簡単にダウンロードでき、高画質HD動画ダウンロードにもしているサービスがこの「モノオトシ」です。ブックマークレットにも対応しているので「これ欲しい!」と思ったときにぱっとすぐに使えます。 対応しているサイトはYouTube・ニコニコ動画(エコノミー回避有り)・ぱらすて(コメント有り)・コメコメ動画(コメント有り)・zoome・Ameba Vision・Veoh・Dailymotion・DONOGO・Vimeo・GUBA・MySpace動画・MetaCafe・YourFileHost・VnTube・6.cn・sevenload・Tube8・XVIDEOS・FC2動画・AdultSatellites・Stagevu・Jokeroo・xHamster・Megaporn・MEGAVIDEO・B9・Pandora.TV・SayMove
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
サイトの見出しなどにちょっと変わったフォントを使いたい場合、アルファベットだと無料 or 数百円で購入できますが、日本語は1フォントが数万円する場合が多くなかなか気軽に購入できませんよね。 昨日、たまたまフォントを1文字¥105〜バラ売りするサービス Font Garage を見つけたので紹介します。 トップページの中央下、「アウトラインデータを探す」タブをクリックして、[アウトライン購入する文字を入力]の部分に見出しにしたい文字(15文字以内)を入力し、検索をクリックします。 [詳細を見る]ボタンをクリックします。 フォント1文字あたりの価格が表示されました。 フォントによってだいぶ値段は異なるようで、1文字¥105〜¥420位までありました。 変わり種の文字は急に必要になることがあるので、知っておいて損はないかもしれません。 Font Garage
FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどw折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。
ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基本的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして
Firefox 4.0がリリースされてから、8割がたのアドオンが4.0対応となっています。 その中には旧バージョンからおなじみのものも多数ありますが、4.0独自のUIや機能をカスタムするために公開されているアドオンも次々にリリースされています。 今回は、そんなFirefox 4.0に特化した便利なアドオンを20個ピックアップしてご紹介したいと思います。 旧機能の復活や、4.0独自の機能をカスタマイズするものが中心となっていますので、気に入ったものがあれば使ってみてください。 *下記に紹介するアドオンの多くは公開から日が浅く、[実験的なアドオン]に位置づけられているものです。すべて試用して問題の無いことは確認していますが、これらのご利用につきましては自己責任にてお願いいたします。 1.Start Faster(Windows 7 32bit)[再起動不要] Windowsのprefetch機
見かけたことのないWPギャラリー テーマがあったのでメモ。美しい グリッドレイアウトとダークでクール なデザインが印象的です。いろいろ 多機能で完成度の高いので、この まま使用しても全然問題なさそう。 ギャラリー用のテーマは沢山ありますけど、Grid Lockerも他のテーマに負けず劣らず完成度が高いです。 ブラックカラーをベースとしたクールで重厚感あるデザインです。可変するグリッドレイアウトで時系列を崩すこともありません。 Lightbox Lghtboxによる画像ポップアップ。サムネイルおよび、横長の画像はカスタムフィールドを使用しているようです。名前を「Thumbnail」として、値に画像URLを入力します。画像はcacheフォルダに格納されるみたいですのでご利用の際はパーミッションにお気を付け下さい。 イメージスライド コンパクトなイメージスライドの有無を選択できます。スライドの画
2011年04月20日 googleの裏技いろいろ Tweet 0コメント |2011年04月20日 00:00|Web・テクノロジー|Editタグ :Google意外としんどい http://hato.2ch.net/test/read.cgi/news/1295558779/ 1 : ベーコロン(広西チワン族自治区):11/01/21 06:26 ID:SNxFSb/SO ascii art で検索 【2ch】ニュー速クオリティ:Googleで「AA」で検索かけるとGoogleのロゴがAAっぽくなる 50 : ルネ(北海道):11/01/21 09:31 ID:NdeBivAg0 キャッシュを10年前に戻して検索するのは便利だぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 52 : そなえちゃん(東京都):11/01/21 10:44 ID:EjQpUNv40 カ
あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS:シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
ネガティブスペースを活用したり、二つのオブジェクトを合体させたり、そのクリエイティブさに感心してしまうロゴデザインをBored Pandaから紹介します。
Making an Interactive Picture with jQuery | Build Internet IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル 室内のいい感じの写真をベースに家具を紹介するあのIKEAサイトのUIをjQueryを使ってクールに再現しているチュートリアルです。 単純な商品の紹介よりも、より商品を魅力的にみせることに成功していると思うのですが、これを自分でもやりたいという時に参考にできます デモページはこちら ECサイトを構築する際等に、いい仕事ができるかもしれませんね。 関連エントリ オシャレなECサイト構築用のWordPressテーマ30 PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい! Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ
jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。 結論から言えば非モバイルサイトのバリデーションの方法となんら変わりませんでした。一安心、みたいな記事なのでなんだかすみません。 コード<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>当たり前ですけど、まずは本体とJQMを読み込む。 バリデーションはjQuery Validationです。日本語ローカライズはg
凄く今更な話題ですけど、こういうコンテ ンツがもっと増えてくれるといいなぁと思 ってご紹介。いわゆるオリジナルのTシ ャツを作れるECサイトではあるんですが、 このアイデアがとってもユニーク。勿論 著作権は注意ですけどw 知ってる方も沢山いらっしゃると思いますけどね・・・改めて面白いなーと思ったので書いてみます。コンセプトは「Webは、着れる」で、エキソニモさんのコンテンツです。 このように、閲覧中のWebサイトでブックマークレットを使うとその場でTシャツ販売サイトに早変わり、というユニークなアイデア。この発想は凄く好きだなぁ。 一応手順などを。 ブックマークレットを用意する まずブックマークレットをブラウザにドラッグ&ドロップしてください。 Webサイトで使う ブックマークレットを使うと、画像がすべてTシャツになります。cssで背景に指定した画像は対応していません。 デザインを決める 欲
利用しやすいものから、利用シーンを選ぶものまで、jQueryを使って実装したナビゲーションを紹介します。
animated icon on hover デモページ [ad#ad-2] デモではパネルにマウスホバーすると、背景を変更しアニメーションのエフェクトを適用します。 実装方法 HTML HTMLはシンプルです。 ポイントとなるのは、h3やpなどのブロック要素をa要素で内包している点です。これはHTML5を使用する限りvalidです。 <!doctype html> <html lang="en"> <head> </head> <body> <a href="#" class="hover-panel"> <h3>Panel Title</h3> <p>Additional information about the panel goes in a paragraph here</p> </a> </body> </html> [ad#ad-2] CSS:ノーマル時のスタイリング まずは
ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向
あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね?普通に出来るならちょっと恥ずかしい記事ですけどw 透過だけでなく、オート&リピート再生、ミュート設定も出来て、見た目もスッキリさせてくれています。以前はYoutube動画を背景にするjQueryプラグインをご紹介しましたが、今回は透過が出来るプラグイン。いろいろ出来るんですね・・ CPUの問題は否めないとして、これはちょっと素敵なので覚えておきたいです。透過のみに関してはIE6や7にも対応していますが、Operaは透過出来ませんでした。バージョンにもよるんですか
名刺デザインはできるだけシンプルにまとめたいという場合に最適なのが、白と黒のモノクロにしてしまうという方法。たった2色のように感じますが、リアルの印刷物である名刺の場合、インクや紙、印刷方法や加工などによって多種多様な雰囲気にすることが可能です。 Neat and Cool Collection of Black and White Business Cards http://naldzgraphics.net/inspirations/neat-and-cool-collection-of-black-and-white-business-cards/ 01.Aeris Network - Business Card by ~simonbouchard on deviantART 02.Black Inc free business card by *robbythedesigner o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く