2013-07-01から1ヶ月間の記事一覧

jQueryとCSS3を使ったアコーディオンメニュー

http://weboook.blog22.fc2.com/blog-entry-347.html http://js.crap.jp/book/chapter2/accordion.htmlデモサイト

様々なスライド

http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_sliderいろんなやり方のスライド

ページ内リンクをスマートに、smoothScroll.js

http://blog.webcreativepark.net/2007/07/12-143406.htmlページの先頭に戻るを設置する。

jQueryで横スクロールのアニメーションするサイトを作る方法

http://webrocketsmagazine.com/entry/20111114/how-to-scroll-website-holizontal-width-jquery.html 全体を横や縦にスクロールさせる1つの方法

Booklet - jQuery Plugin

http://builtbywill.com/code/booklet/英語サイトになります。

jQueryのための水平アコーディオンプラグイン

http://nicolahibbert.com/demo/liteAccordion/ ノートのようなjQueryサイト 横スライド式になります。

Nivo Sliderの使い方とサンプル

http://webhako.net/jquery/plugin-nivo_slider/カスタマイズサンプル

jquery.cookie.jsを利用して文字サイズを変更する

http://coolwebwindow.com/jquery-lab/archives/114 文字サイズを変更するボタンが設置されているWebサイトなどありますが、jQueryで実装できます。

インラインフレーム作成ツール

インラインフレームタグを生成できるツールになります。インラインフレームの大きさや枠線、スクロールバー、余白、フレーム名などを設定が可能です!注*「周囲の余白」はIEのみ対応http://www.tagindex.com/tool/iframe.html

floatで段組する可変幅

レイアウト段組は「floatで段組する可変幅|リキッドレイアウト」です いつでも「固定幅」へ移行しやすいような段組になっています。 http://www.css-designsample.com/csslayout/float-2column-w.html

メニューにマウスオーバーするとメイン画像が切り替わるナビゲーション ImageNavigation

http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/ htt…

簡単に作れるマウスオーバーでアニメーションするボタン5種

http://www.webopixel.net/javascript/179.htmlhttp://www.webopixel.net/lab/sample/10/1023/デモサイトフェードインフェードアウトで切り替わる くるっと切り替わる 何かが追尾する 拡大する 横から伸びる 横から伸びるカスタム

マウスオーバーすると画像にキャプションを表示

http://kwski.net/jquery/1006/ http://kwski.net/lab/mosaic デモ

横スライドギャラリーeasySlider

http://webgaku.hateblo.jp/entry/20120803/1343923721 制作方法が書いてあります。http://jsrun.it/vinton/tcPI デモ

スマートフォン対応

CSS3アニメーションを使って背景http://blog.bluearrowslab.com/html5css3/351/ http://bluearrowslab.com/sample/20120223/ デモです。 海の中の用に動いています。

指定した範囲の背景を動かす

指定した範囲の背景を動かす。jquery http://www.susi-paku.com/pakuj-querybackgroundposition.html背景画像が動くので面白いですよ。 簡単に導入できます。

レスポンシブjQueryのコンテンツスライダー

http://bxslider.com/

ニュースティッカーをjQueryで実装

http://www.ezgate-mt.sakura.ne.jp/jquery/155.htmlシンプル

垂直方向(上下)だけ、ドラッグで移動できるボックス

http://alphasis.info/2011/06/jquery-ui-draggable-axis-y/jQuery UI の Draggable プラグインを使っている、ドラッグしながら移動できるBOX。垂直方向 上下だけ移動できるようにするには、axis オプションに、y を指定する。

Photoshop基礎講座 - Photoshop使い方サイト

http://www.fmod.jp/justnet/smu/

タイピングの練習

Yahoo! JAPAN http://games.yahoo.co.jp/ Yahoo!モバゲー > ゲーム検索 > その他 一覧 ザ・タイピング・オブ・ザ・デッド タイピングソフトが無料でできます。 ちょっとした練習にいいかもです。

自宅にコピー機がない。

自宅にコピー機がない人は、友達にやってもらうとか 漫画喫茶でコピーをする人もいると思います。知ってる人もいると思いまうすが、コンビニでもコピーは 可能です。 USDメモリーでPDF化すればコピーは可能ですが PDFでコピーした場合、文字バケがおこる可能…

Webサービス API 無料

PHP

http://www.phppro.jp/school/mashup/vol1/1Web サイトのサムネイル画像表示 ブログなどで利用されているRSS、フィード表示 はてなブックマークの人気エントリ表示 ライブドアの天気予報表示 フォト蔵の写真表示 YouTube の動画表示

Photoshop描画モードとは?

http://aska-sg.net/pstips/manual/030-palette/030-0011-00_byougamode.html 複数のレイヤーがある場合で、上にあるレイヤーの画像を、その下にあるレイヤーにどのように合成して表示させるかを指定するのが描画モードです。画像があり、分りやすいサイトに…

Illustrator初心者

illustrator、Photoshopでベジェ曲線を描く時、よく使うキーhttp://ozpa-h4.com/2011/04/28/illustrator_pentool/Illustrator初心者の方へ、ベジェ曲線を描く際知っておくと便利なことと練習法

フォトショップで爆発しているカラフルな文字を作る方法

http://photoshopvip.net/archives/3056文字が爆発した感じの作品がつくれます。

ペンツール練習サイト

ベジェ曲線を描く際知っておくと便利なことと練習法です http://thinktaro.mydns.jp/bezierpractice/ ペンツールで作ったシェイプをPhotoshop Elementsで使う方法 ソフトを持ってなくてもできる。 練習サイト便利です、是非活用してください。