jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
Introduction Alright, just before we start, you might want to read this post - Dock Content Tutorial with jQuery and jQuery Easing Plugin. That tutorial teaches us how to create a dock at the top of a website. I have received many requests in the comment section and my emails, so I have decided to make a revisit. In this tutorial, we're going to learn how to make it dock at the bottom. However, we
Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. So why is it that, when it comes to CSS,
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has - by now - solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniq
Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop. Preview of Final Results Clean White Navigation Bar Photoshop Tutorial Step 1 To start off with, create a new document, for the purpose of this tutorial I have chosen 500 by 200 pixels. Fill the background with a radial gradient from a medium-dark grey to a darker grey. You can do this by
I was looking at a flash website last night and saw some nice menu effects. I was pretty sure this was easy to re-create in jQuery, so I started coding, and about 2 or 3 hours later, there it was, a nice little jQuery plugin. I know this will not be useful in most website as it take a huge chunk of space, but it is still pretty cool to know you could use this in a more experimental jQuery website.
SWFUpload jQuery Plugin : Adam Royle Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグインが公開されています。 SWFUpload を使えば、複数ファイルのアップロードが行え、アップロードの進捗もプログレスバーで確認できて、通常のブラウザベースのアップロードとは格段に使い勝手がよくなるのはご存知の通り。 SWFUploadの動作を実際に確認してみる場合はこちら SWFUpload を jQuery方式で関数を呼べてしまうので、jQuery な方はこれを使ったほうが使いやすいかも。 次のように初期化ができ、簡単です。 $('.swfupload-control').swfupload({ // BEの設定 upload_url: "../upload.php", // 送信先URL // ファイルアップロードに関する
Introduction I believe all of us have a list of favourite plugins that have been using it frequently in web development projects. I do have a list of plugins that really helped me and made my life so much better. The plugins I listed in this post, I use most of them in developing another jquery script. There are small, eficient and robust, just really can save me a lot of works. jQuery Color | Dem
Adobe Illustrator is one of the best applications for making graphic artwork like logos, print designs and Web pages. As time goes on, more and more Illustrator techniques are introduced by talented designers and artists in the industry who achieve some of the best results on the Web. One hot trend nowadays is 3D effects. So, we’ve gathered together some 3D tutorials to give you an idea of what Ad
Website designs have so many different elements that work together to convey information in a usable and organized manner. For a website to be effective, every element on the page, from the header to the footer, needs to add to its overall usability and readability. In this article, we’ll take a look at the footer and see what exactly makes for a good website footer. Keep in mind that just because
Today we are glad to release Quartz Icon Pack, a set with 90 clean, sharp and (hopefully) useful icons for your project. [Links checked February/16/2017] The icons can be used without any restrictions for any type of composition – text- or graphic-based. The icons cover a wide range of designs – e-mail icons, software icons, general web application icons and blog icons. The set is free to download
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。 次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。 使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。 <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(':checkbox').iphoneStyle(); }); </script> 微妙にアニメーションする部分も芸が細かくていいです。 関連エントリ iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう iPhoneのロック解除の際のあのUIを
Googleパーソナライズ検索で利用されている履歴情報は? グーグル・サーチクオリティチームのアダム・ラズニック氏へのインタビュー。Googleのパーソナライズ検索について。 公開日時:2009年06月12日 13:08 米Google Search Quality TeamのAdam Lasnik氏が来日した際のインタビュー記事がWeb担当者Forumに掲載(Googleが進めているパーソナライズド検索やページ評価についてGoogleのアダム・ラズニック氏に聞いてみた)されています。この記事中の、パーソナライズ検索について。 パーソナライズ検索は、ユーザごとの過去の履歴情報に基づいて個別に検索結果をカスタマイズするサービスです。たとえば私が検索業界関係のクエリで検索をすると、Search Engine LandやSearch Engine Watchなどのページが検索上位に表示されやすく
SEOに強いサテライトサイトを作成するための10個の法則:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > > SEOに強いサテライトサイトを作成するための10個の法則 サテライトサイトとは「衛星サイト」のこと。 ズバリ、メインサイトへの被リンクを稼ぐために自作自演で構築するサイトのことです。 現在、インターネット上にあるサイトの5割は、このサテライトサイトなのではないのか?などと思う今日この頃ですが、それくらいサテライトサイトは日々わんさか生み出されています。 被リンクが欲しい人達が朝も夜もバンバン作っているからなのです。 当然のことながら、やっつけ仕事で生まれたサイトに中身はありません。 サテライトサイトの多くが内容の無いサイトでしょう。 サテライトサイトの大量生成ほど無駄なことは無い サテライトサイトが大量生成されている背景には、「被リ
Today we are glad to release 30 Swirl Brushes, a set with 30 high-quality swirl Photoshop brushes with an average size 2000px. These brushes were created with Adobe Photoshop CS4 and also work with the version CS, CS2 and CS3. This set was designed by Thomas Béal especially for Smashing Magazine and its readers. Today we are glad to release 30 Swirl Brushes, a set with 30 high-quality swirl Photos
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. Well,…
前の記事 「猥褻な日本マンガ」+「創作物をEメールで送付」で20年の収監 コーヒーをいれてくれる少女ロボ『雛』、その進化(動画) 2009年6月20日 Ken Denmead コーヒーをいれてくれる、新しいマンガ・ロボットのマスターを、私も歓迎する。これは、全ての「Geek Dad」が父の日に欲しいものといえるだろう。 この動画は、当ブログ『Geek Dad』の読者で、日本在住でサイト『Hobby Blog』を運営するFrancesco Fondi氏が教えてくれた。同サイトの記事はこちら。 [ロボットの名前は『雛 ver,RF09』で、作者は「mujaki」。近藤科学の『KHR-2HV』をベースに樹脂成形で制作。KHR-2HVは歩行のほか、側転や前転、両足ジャンプなどの動きができる。 動画制作にあたっての苦労についてはブログで説明されている。以下は、「雛の進化」を記録した動画。最新動画は6
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
Microsoft 365のデータは安全か? クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 日清食品グループのDX(後編) 内製化とローコードで実現?ビジネス部門 によるアプリ開発のリアルボイス! 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か? ヘルプデスク業務の週休4日制を考える エンドポイントセキュリティの転機 情報セキュリティ戦略が問われる今 重要インフラ事業者としてANAが考えること サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 次の一手はこれだ! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス VMware modern App Days特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く