ShanaBrian WebsiteWelcome to ShanaBrian Website このサイトでは、デスクトップ、PSP、PS Vita、iPhone、iPadなどの壁紙、Webサイト制作で使用する素材、 Webサイト制作に役立つツールの提供やライブラリの紹介、Webリファレンスを掲載しています。
Youtubeの埋め込み動画をレスポンシブに対応させる方法 | WebClips_Design
レスポンシブ対応のブログ・WebサイトなどにYoutube動画を埋め込む時の備忘録。CSSの設定でYoutubeのサイズをwindow幅に合わせて可変させることができます。
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応
simplePagination.js - A simple jQuery pagination plugin and 3 CSS themes.
Download Get the zip containing the plugin and the CSS themes here. How To Use Step 1: together with JQuery, include jquery.simplePagination.js in your page: <script type="text/javascript" src="path_to/jquery.js"></script> <script type="text/javascript" src="path_to/jquery.simplePagination.js"></script> JQuery 1.7.2 or later is recommended. Older versions might work as well, but they are not teste
苦手を克服！効果的なフォームが簡単に作れてしまうツールやテンプレートまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近涼しくなってきましたね。私は自分があまり風邪をひかないせいか、「健康」に対して軽視しているところがあります。いつまでたっても自分は風の子元気な子だと信じきっています。そのせいかは分かりませんが、今は鼻水が止まらずのど飴を過剰に摂取しながら書かせていただいています。 ほんと健康って大事。 さてWEBデザイナーのみなさん、フォームのデザインって悩みませんか？ 登録フォームやお問い合わせフォームなど用途は様々ですが、最近はブラウザ標準のフォームを使用せず、CSS3やらプラグインやらを使っておしゃれに工夫されたフォームのまぁ多いこと。きれいで使い勝手のいいフォームデザインがしたい。でもコーディングに時間が・・ってことありますよね。私はちょっと苦手意識があったりします。 でも、サイトの窓口ともなるフォームは、WEBサイトを運営するにおいてとても重要な役割を持
Tutorials | Codrops
In this section, you will find a variety of in-depth articles written by skilled front-end developers that cover a range of web development and web design techniques. How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber Sep 3, 2024 by Oguzhan Tufenk Learn how to create a custom jitter shader in React-Three-Fiber, inspired by the visual style of PS1-era games, to add a retro aesthetic
webOpixel
2024年7月 webトピックス 2024年7月、個人的に気になった記事のまとめです。 投稿日2024年08月02日 更新日2024年08月02日
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」:phpspot開発日誌
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 2013年06月18日- Easily Remove Image Backgrounds Online - Clipping Magic Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 画像をアップするとブラウザ上に編集ツールが現れ、緑色のペンで残したい部分、赤色のペンで背景を適当になぞればリアルタイムに背景が消えてくれます。 リアルタイムに消えてくれるので、間違っていた場合も簡単に良い結果が得られるまで修正を加えられます 写真から背景を簡単にくりぬきたい時に使えそうですね 関連エントリ Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 色々とカスタマイズが可能なツールチップ実装
jquery.rotate.js を使って、画像がクルクル回るWelcome作ってみました♪ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
こんにちは☆最近すっかり涼しくなりましたね…！ みなさん、体調など崩していませんか？？ さて、今日は画像を回転させられるjQueryのプラグイン、 jQuery rotateというプラグインを使ってみましたので、そちらをご紹介したいと思います♪ このブログのメイン画像、 これまでは水中から撮った水の写真を使用していたのですが、 長かった夏も終わって涼しくなってきたので衣替えしてみました♪ 追記:今はデザインを変更していて、同じ方法で切手風のデザインをクルクルしています。 Fireworksマニアではお花をクルクルしています♪ →Fireworksマニア お花で出来たWelcome文字です♪ この部分、ただの画像がぺたっと貼ってあるだけではなく、 画像を回転させられるjQueryのプラグイン、jQuery.rotate.jsを使用してそれぞれのお花がマウスオーバーで回転する、という仕掛けにな
BlackFlag - Web Development Technical | jQuery,HTML,CSS,iPhone,iPad,Twitter etc...
Categories HTML／(X)HTML (33) HTML5 (26) CSS (122) CSS3 (82) jQuery (334) TIPS (157) プラグイン (147) プラグイン集 (39) ライブラリ情報 (2) JavaScript (31) Mootools (8) iPhone／iPad／iPod／Android (26) Twitter (6) Facebook (2) IE (17) Firefox (6) SEO (10) Flash (2) WordPress (3) Silverlight (3) Webサービス (52) WebサイトGallery (17) Web素材 (44) Web開発用ツール (28) Web情報 etc… (8) リリース情報（その他） (17)
jQuery Easing Plugin | エフェクト動作パターン集プラグイン
jQuery Easing Plugin は、jQuery のエフェクト動作パターン集のようなプラグイン。jQuery にも、linear と swing のシンプルな動作パターン（ easing ）は用意されているが、jQuery Easing Plugin を導入すると、30種類以上もの、変化に富んだ動作パターンを使えるようになる。 エフェクト動作パターンは、animate などで使うことが多い。（参照：animate の動作パターンの指定方法） 導入 jQuery Easing Pluginより、jquery.easing.1.3.js を、ダウンロード。「 jquery.easing.1.3.js 」ファイルを、自分のサイトのサーバーにアップロード。 使用したいページで、下記のようにして読み込む。「 jquery.easing.1.3.js 」ファイルへのパスは、アップロードした場
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
jQueryでページ内スムーズスクロール | 1：n – DETELU Blog
jQueryでページ内リンクをスムーズに移動（ページトップへ等）するものを作ろうと思いいろいろ調べていたら、いいページを見つけたので早速試してみました。 We Ain’t Seen Nothin’ Yet. : [Rails meets jQuery] jQueryで作るページ内目次とスムーススクロール 上記の記事では「Interface.js」を利用しているようなのですが、動作させるコードを読んでいるとInterface.jsをどこで使っているかわからなかったので、jQueryだけで動作確認すると、とりあへず動きました。jQueryの古いバージョンでは「scrollTop」がjQuery自体に含まれていなかったのかもしれませんが、最近jQueryをいじり始めたため詳しいことはわかりません…。 ということでコードはほぼそのまま利用させていただき、スクロール動作だけを変更しています。 使用フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajaxzip3 - Google Code
finefinefine.jp
Tips & Tricks: How to create animated tooltips with CSS3
skuare.net - JavaScript / Movable Type / etc.
http://www.jsplugins.com/
technologytosoftware.com
