背景などにシームレスに利用できる、紙をスキャンして作成したPhotoshopのパターン素材を紹介します。 ダウンロードできる素材は、Photoshop用のPATファイルと100x100のPNGです。 各素材には、30〜50種類の柄が含まれています。
背景などにシームレスに利用できる、紙をスキャンして作成したPhotoshopのパターン素材を紹介します。 ダウンロードできる素材は、Photoshop用のPATファイルと100x100のPNGです。 各素材には、30〜50種類の柄が含まれています。
Aside from textures, there is a design element which a graphic artist or web designer can use to add detail and fill the background layer of a graphic, website or interface design and that is a Photoshop pattern. Patterns are photo files which can be repeated or tiled in different designs such as in paisley or even in geometrical patterns. In today’s post, we are going to showcase a collection of
Freebies 15+ Free Patterns for your Designs Gisele MullerJanuary 11, 20130 Comment02.8k Here at WDL we love to gather good resources for our readers, specially because we know that having a solid library to count on is really important to every designer. Today we will show you 15+ free patterns to give your next project a nice and subtle touch. From backgrounds to specific areas of a layout, patte
Modern Take on Patterned Backgrounds in Web Design Website ExamplesNataly Birch • September 03, 2018 • 5 minutes READ First, brutal designs then, gradients and now there is another trend from the past that excites creatives. Geometric patterns are becoming a go-to design element. To start, let’s take a look at Trump’s Xmas Meltdown to refresh our memory on past patterns. The background design is u
There’s plenty of standard texture files available for use in your designs, but good quality seamless or repeating textures are much more difficult to find. This post rounds up a huge collection of useful seamless texture files, including paper, metal, concrete, fabric and good old grungy resources. Being tileable means these textures will repeat to fill an infinite space, which makes them perfect
In designing different works, there are different design resources that one make use of. Of course, these resources are of great help because it makes work a lot easier. So, for those who love to use patterns, we have another collection for you. Today, we will give you a collection of star patterns. Stars are heavenly bodies that we usually see at night time. Some people think that stars only exis
JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング(遅延時間・回数・リピートなど)を設定できるjQueryのプラグインを紹介します。 timing — a jQuery plugin [ad#ad-2] デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQueryは1.2+対応で、.join()使用時は1.7+を。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/<preferred-version>/jquery.min.js"></script> <script type=
This week's freebie is a large collection of 25 unique tartan/plaid patterns for your designs. They tile seamlessly and are supplied as pattern presets for convenience in Photoshop (.pat files) and also as individual .png files for use in other applications or on the web. Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLo
素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、ライセンスページをご覧ください。 Terms of Use
Wordでは、ある箇所の書式だけをコピーして、他の箇所に貼り付ける機能があります。 同じ書式を他の箇所に適用する際に便利です。 ただ、これまで、同じ書式を複数の個所に貼り付ける方法を知りませんでした。 その方法を探してみたところ、ありましたので、紹介しておきます。 書式のコピー/貼り付けは、ツールバー(Word 2007以降ではリボン)の「書式のコピー/貼り付け」ボタンで行うことができます。 具体的な手順は以下の通りです。 書式をコピーしたい部分で選択します。 「書式のコピー/貼り付け」ボタンをクリックします。 書式を貼りつけたい部分を選択します。 ただ、上記の手順だと、コピーした書式を一度貼り付けると、書式貼り付けのモードが解除され、書式を一か所にしか貼りつけられません。 同じ書式を文書内のあちこちに貼りつけたい場合、それでは不便です。 コピーした書式を複数の箇所に貼り付けるには、書式を
Elastislide - A Responsive jQuery Carousel Plugin | Codrops レスポンシブでカッコいいカルーセル実装jQueryプラグイン「Slastislide」 動きがいい感じな上に、ブラウザを縮小すると全体的に縮小されて使いやすそうです jQueryプラグインの形なので使うのも簡単です 通常モード スマホ等モード。ちょっとちっちゃいかも(^^;) 関連エントリ 高機能なカルーセルを実装するjQueryプラグイン50まとめ ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル スマフォでも使える3Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」
フリックに対応したカルーセルを 実装するライブラリ・inflickity です。動きもかなり軽快ですので、 使いどころも多々ありそうです。 よくあるUIキットにも似たような ものが含まれてますけど、こうして 単体で使えるのも欲しいところです。 永久にフリックできるカルーセル、みたいなのを作れるライブラリです。 PCではドラッグで操作できます。 スマフォはフリックで動かせます。と言ってもiPhoneでしかテストしてませんが。 Sample以下サンプル。スマフォはQRからどうぞ。 Sample 斜めのと混同してて操作はしにくくなっていますがその点はご了承下さい。 コード<script src="inflickity.js"></script> <script> var init = function() { var slider1 = document.getElementById('slid
画像とかをフワフワ動かすやつです。 指定した要素を、指定どおりに継続 的にサイト内で動かします。CPUの 問題とかもあると思うので多用は 出来ないと思いますが、よく見かけ るといえば見かけるので一応メモ。 オブジェクトにフローティング効果を与えます。キャラクターのあるキッズ、ファミリーをメインターゲットとしたWebサイトなんかと相性良さそうですね。 いろいろと画像が動きます。自動で動くものもあれば、マウスホバーで、クリックでアニメーションがスタートする、なども設定可能みたいです。 見た方が早いですかね。公式デモです。 Demo デモでは画像のみになっていますが、ボックス要素を丸ごと動かしていますので、テキストにしても同じ動作をしてくれます。 IEでも動く。 iPhoneでも動く。 コード<script src="http://ajax.googleapis.com/ajax/libs/jq
今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ~って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
Don’t settle for ordinary images. Find the perfect images for your work at iStock.com
主要な動きは4つ。 ・[ Infinite Scroll ] 永遠にスクロールしてくれる (先頭の要素をもう一度読み込んでくるくる回転しているようにみえる) ・[ Sticky Elements ] 一部のエレメントだけ、スクロールしても動かなくする ・[ Scroll Analytics ] スクロールした任意のポイントで、ページビューカウント ・[ Dial Controls ] ダイアル状の要素をスクロールさせると、他の要素が変化する ダウンロード&解説はこちら Jquery Waypoints ご参考にどうぞ。 関連記事 やさしい時間と音楽の流れるサイト「hanging up the moon」 2011/11/09 完成度の高いフリーのアイコンセット「iconSweets2」 2011/11/08 可変グリッドで斜めなアイデアが素敵なサイト「ARNAUD BEEN」 2011/1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く