画像だけでなく、ページ内のさまざまな要素をダイナミックなアニメーションでズームイン・アウト、回転させるjQueryのプラグインを紹介します。
[JS]さまざまな要素をダイナミックなアニメーションでズームさせるスクリプト -Zoomooz
画像だけでなく、ページ内のさまざまな要素をダイナミックなアニメーションでズームイン・アウト、回転させるjQueryのプラグインを紹介します。
[JS]Responsive Web Designに対応したカルーセルタイプのスライダー -Elastislide
幅800pxで表示したデモ [ad#ad-2] Elastislideのデモ デモではさまざまなタイプのスライダーがあります。 デモページ：5 2つのカルーセルをフロートで配置したタイプ [ad#ad-2] Elastislideの実装 HTML 各画像はリスト要素で配置し、スライダーを可変にするためにdiv要素で内包します。 <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> <li> <a href="#"> <img src="images/medium/1.jpg" alt="image01" /> </a> </li> <li>...</li> ... </ul> </div> </div> 画像の幅 サムネイル画像の幅はスクリプトで指定します。 $('#carousel')
Photoshopの合成で創り出す空想世界チュートリアル集「30 Breathtaking Surreal Photoshop Tutorials」
TOP > Photoshop > Photoshopの合成で創り出す空想世界チュートリアル集「30 Breathtaking Surreal Photoshop Tutorials」 Photoshopを使った写真加工は、いろいろな素材やパーツを組み合わせることで、無限の表現を可能にしてくれます。そんな中今日は、Photoshopの合成で創り出す空想世界チュートリアル集「30 Breathtaking Surreal Photoshop Tutorials」を紹介したいと思います。 （Create a Surreal Turtle Image – Photoshop Tutorial – Pxleyes.com） 幻想的な雰囲気のビジュアルをどのように表現したのか、詳しく解説されています。写真加工の技術はもちろん、組み合わせた写真同士のなじませ方、光の入れ方など、勉強になるものば
2.0 からはじめる MongoDB - 第0回 #mongodbjp : 今日も適当ダイアリー
一部の方から“SymfonyのMongoDBの人”などと呼ばれたりしますが、実はSymfonyもMongoDBも業務では使っていない、という痛い感じの @madapaja です。 大事なことは最初に言う。という事で、宣伝から始めます。 ここ1年で急伸している MongoDB。日本でもMongoDB JP（MongoDBの日本ユーザー会）が去年の11月18日に立ちあがって以来、勉強会やカンファレンス等も開かれ、盛り上がりは加速し続けています。 MongoDBをもっと知りたい、と思ったら、以下のGoogle グループや勉強会にもぜひ参加してください！みんなでMongoDBを楽しみましょう。 MongoDB JP | Google グループ 「第6回 MongoDB 勉強会 in Tokyo」 : ATND（すでに定員オーバーしてますね。。。） と大見得を切ったので、MongoDB
ホワイトスペース使ったウェブデザインの考え方
ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか？ どんなふうに感じましたか？ この例では、Bのほうに大きな余白を与えました。 ４隅すべて同じぐらい
はてなの脱「自作サーバー」宣言から「さくらのクラウド」の未来まで はてな×さくら座談会2011夏 - はてなニュース
2011年夏、はてなは自社サーバー群の保守運用を、自社管理から「さくらインターネット」への業務委託に切り替えました。はてなが自作サーバーの自主運用から大規模データセンターへのアウトソースに切り替えた理由や、さくらインターネットが2011年11月にサービス開始を予定している「さくらのクラウド」について、さくらインターネットの田中邦裕社長、はてな最高技術責任者（CTO）の田中慎司（id:stanaka）、はてなエンジニアの吉田晃典（id:marqs）が語り合いました。 （※この記事は、さくらインターネットの提供によるPR記事です） クラウドサーバーはIaaS型のさくらのクラウド http://ishikari.sakura.ad.jp/ http://ishikari.sakura.ne.jp/blog/ ■ はてな、脱「自作サーバー」宣言の理由 stanaka この度はてなは、さくらインター
Mozilla Re-Mix: 日本人がAmazon.comで買い物するのをサポートしてくれるGreasemonkeyスクリプト「amazon international shipping」
最近の円高傾向により、海外のサイトでドル建ての買い物をすれば、物によっては日本で購入するより大幅な節約ができることがあります。 しかし、こうした傾向はわかっていても、なかなか購入するまでには至らないというという方も多いのではないでしょうか。 そんな方は、Firefoxに「amazon international shipping」というGreasemonkeyスクリプトをインストールして、Amazon.comでの買い物にチャレンジしてみてはいかがでしょうか。 「amazon international shipping」は、米国版Amazonで日本語による商品検索や価格の日本円への変換、日本への配送の可・不可など、日本人がドル建てで商品を購入するのをサポートしてくれるというものです。 スクリプトをインストール後、Amazon.comにアクセスすると、以下のような機能が利用できるようになりま
みんなのビジネスオンライン
みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ＆サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。
無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集 - かちびと.net
少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとどうしても個人的に使いにく いのでバックリンク不要は割りと必須です。 今までのリソースをまとめただけなのでほぼ全部既出だと思います。自分用リンク集なのでいろいろ適当です。 細かいライセンスもあるので利用規約には必ず目を通してください。 9search この記事の題名の条件の素材を紹介しているサイト。小物系探すなら最初にここ見たほうが早いです。 9search ソザィ-Sozay- こちらもこの記事の題名の条件で収集していますが、素材単位ではなく、Webサイト単位で紹介しています。国内多めですかね。 ソザィ-Sozay- 国内のWeb制作に役立ちそうな無料の写真素材や
旦那が何を言っているかわからない件
旦那が何を言っているかわからない件 一話 二話 三話 四話 五話 六話 七話 八話 九話 十話 十一話 十二話 十三話 十四話 十五話 十六話 十七話 十八話 十九話 二十話 二十一話 二十二話 二十三話 二十四話 二十五話 二十六話 二十七話 二十八話 二十九話 三十話 三十一話 三十二話 三十三話 三十四話 三十五話 三十六話 三十七話 三十八話 三十九話 四十話 四十一話 四十二話 四十三話 四十四話 四十五話 四十六話 四十七話 四十八話 四十九話 五十話 五十一話 五十二話 最終更新日 ７月１５日 WCR投票【読んだら押してくれると嬉しい】 twitter【エロいことも言うので注意】 ツイート 仕事【いろいろやってます】 ピーチボーイリバーサイド【他所でやってるWEB漫画】 商業作品一覧
方眼紙や原稿用紙、五線紙も いろいろな「紙」のテンプレートを無料でダウンロードしよう - はてなニュース
方眼紙や原稿用紙などを、無料でネット上からダウンロードできるのをご存じですか？作曲用の五線紙や包装紙といったちょっと特殊な紙も、テンプレートを印刷するだけですぐに使えます。今日は、いろいろな紙のテンプレートが無料でダウンロードできるサイトをご紹介します。 ■ 方眼紙 ▽ 方眼紙ネット ▽ PDFグラフ用紙・方眼紙の無料ダウンロード ▽ 方眼紙・方眼用紙 無料ダウンロード テンプレート02（A4サイズ）（5ミリ方眼）（エクセル Excel） - ［文書］テンプレートの無料ダウンロード これらのエントリーでは、グラフの作成や設計などに使える方眼紙をダウンロードできます。線の色や太さ、マス目の大きさはカスタマイズが可能です。「点線方眼紙」や「ドット方眼紙」といった方眼紙も用意されているので、用途に合わせて使い分けができそうですね。 ■原稿用紙 ＜小説や作文用＞ ▽ Office template
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
創造力と遊び心がくすぐられるHTML5でつくられたウェブサイトのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP