Image styling with canvas
It's hard to identify universally accepted rules in web design, but if there is one that the whole community agrees upon, it's that you should always separate your content from its style. On almost every webpage, data is output as HTML and style rules are applied using CSS. Nobody mixes data and style in the same file anymore… …Except you. And me. In fact we all do it, everyday. Almost every image
タッチイベントにも対応のレスポンシブなカルーセルを実装するjQueryプラグイン・Responsive Carousel
レスポンシブWebデザイン対応の カルーセルを実装出来る、という jQueryのプラグイン・Responsive Carouselのご紹介です。どうでも いいですけど、ネーミングその まんまですね。 レスポンシブなカルーセルのスクリプト。シンプルでいい感じです。タッチイベントにも対応可能みたい。 普通のカルーセルですが、レスポンシブなWebサイト対応なのでタッチイベントにも対応出来る様になってるみたいです。 ↑ 実機で動作テストしましたが、フリックで進める事が出来ました。 以下、公式のサンプル集です。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script type='text/javasc
Must See Photoshop Patterns Of All Time » SmashingApps.com
by Obaid · September 18, 2012 Must See Photoshop Patterns Of All Time The use of repeating patterns in Photoshop can facilitate to generate eye-catching website backgrounds with very slight effort, and certainly patterns have other uses on top. In this post, we will showcase some of the best free patterns that are available today on the net. You will unearth some individual patterns in addition to
Flickr APIで画像情報を取得するPHPスクリプト｜Webクリエイターネット
Category PHP ちょっと前までXMLデータを取得するのに"simplexml_load_file"を使っていましたが(RSS等をXMLで取得)、PHPの設定側で"allow_url_fopen"をOnにしないと、ほとんどの環境で利用できません。On設定にしていると、RFI(リモート・ファイル・インクルージョン)等の手法を用いてサーバーに攻撃を仕掛けられる危険性もあるため、セキュリティ対策上"外部ファイルの書き込みを禁止する"といった意味合いでOff設定にした方がいいです。 ちょうど、｢何か他にいい方法がないかなー?｣と探していましたので、今回の記事では"allow_url_fopenをOff設定にしたまま、cURLとsimplexml_load_stringを使ってFlickr APIでXMLを取得するPHPスクリプト"を紹介しようと思います。 Keyword：Flickr,AP
デザインの引き出しを増やそう！細部にまでこだわった美しいウェブUIエレメントのPSD素材のまとめ
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
30 Sets of Free Cursor Icon | Naldz Graphics
Individuals who uses a computer in today’s times are aware of what a cursor is. A cursor is a small pulsating image of an arrow, a question mark, or a hand pointer we can see whenever we move around our mouse in our computer screen. It is especially designed to show the pc user where actions started by the computer mouse will happen. For those who desire to have bright colored and entertaining cur
商用利用無料、むしろ奨励、ピクセルベースのシンプルなデザインのアイコン素材 -Modern UI Icons
ブログやウェブサイト・アプリでよく使用するものをはじめ、アプリ、チャート、天気、文具、ホビー、顔文字なども揃っているWindows Phoneをテーマに作成したアイコン素材を紹介します。
30 High Resolution Plywood Texture | Naldz Graphics
A good graphic artist has the knowledge of applying various elements of design accordingly. The perfect selection of texture is important. To create a lasting impression on the eyes of the viewers, the artist also needs to add lots of creativity into the layout. Texture helps in providing a depth, stylish surface and a rich-layered look to the design. In today’s post, we are going to provide you w
tiltShift.js - a jQuery plugin using CSS3 filters to replicate the tilt shift effect
A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. download Download here or go to github. Released under GPL how to use Call the plugin on any collection of images you want by adding the following jQuery: jQuery(document).ready(function() { $('.tiltshift').tiltShift(); }); Parameters on eac
秀逸なアイデアが素晴らしい！CSS3を使ったホバーエフェクトのまとめ
画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。
Free Chalk Textures - L+T
Don’t settle for ordinary images. Find the perfect images for your work at iStock.com
手元にあるPDFファイルに透かしマークを追加する、しかも無料で
PDFファイルに「社外秘」「部外秘」などの透かしを入れたい場合がある。 これからPDFファイルを新規作成するのであればAdobe Acrobat上で［透かし］－［追加］で必要な文字列を挿入すれば済むが、Acrobatがない環境で、すでに手元にあるPDFファイルにこうした透かしを入れるには、どんな方法があるだろうか。 実はこの「すでに存在するPDFに透かしを入れる」ためのフリーソフトは、もともと数が多くない上に、日本語の文字列が扱えるソフトはなかなか見当たらない。 ようやく日本語対応のソフトを見つけたとしても、出力時にソフトウェア作成元のクレジットが入ったり、あるいはもとのPDFとはフォントが置き替わってしまったりと、どこかに実用上のマイナス要因がある場合がほとんどだ。
スクロールしたときにサイドバーのパーツをjQueryで止める方法
スクロールしたときにサイドバーのパーツを止める方法についてご質問を頂きましたの、で本エントリーで紹介します。 似たような記事を、以前「jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン」で紹介しましたが、サイドバーのパーツを止める場合の説明が不足していたので、改めて本エントリーで解説します。 １．サンプル 追記：サンプル復旧しました。 下にサンプルを用意しました。 サンプル このサンプルは、スクロールしたときに、ページ右下にある「MT5」というMovable Typeのクレジットバナーを止めるようにしています。 動作はFirefoxとGoogle Chromeで確認しています。 ２．設定方法 １項のサンプルを用いて解説します。 まず、本ブログで配布しているjQueryプラグイン「PersistentHeaders」のv0.0.2をダウンロード
A Great Collection Of Free Leather Style Icons in 26 Sets - Designbeep
We always love to share free resources for designers and today we have another great collection.Leather is a widely used design element among designers.You can see tons of leather style web elements like icons,badges,navigations,banners,buttons in websites and applications and i think leather style is getting more popular nowadays. In today post we are showcasing free leather style icons for your
Parallax Scrolling Scripts and Plugins
Parallax scrolling sites have been a pretty hot UX thing of late, being showcased on various blogs. Although the “ooooh! aahhh!”-ness of it all has subsided, I think this type of site is certainly a legitimate design and development option for many brands. To help you choose a JavaScript or jQuery library or plugin for doing this sort of thing (unless you’re a masochist and want to write one from
30 Beautiful Free Newsletter Subscribe Box PSD Designs
When it comes to Image editing or photo enhancement, Adobe Photoshop is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master. And of course, Not all design lovers are web designers. You can find numerous amount of free design stuff online. Finding free PSD website template also not very difficult but it’s very hard to
ワードプレスのアイキャッチのURLを取得したい！画像のURLだけ欲しい！
ワードプレスのテンプレートタグはとても便利で恋をしそうな程です。しかし、ちょいと困ったことがあります。テンプレートというだけあって決まった動き・表示しかしないことです。 欲しいのは画像のURLだけなんだ！ アイキャッチ画像を表示する方法を以前ご紹介しましたが、「表示」は簡単なんです。 アイキャッチ画像表示のテンプレートタグ【the_post_thumbnail()】でimg のhtmlまで形成して出力してくれるもんだからテンプレートタグを埋め込むだけで終わりなんですよね。 でも、欲しいのはURLなんです！ URLだけ取得するテンプレートタグ テンプレートタグでアイキャッチのURLだけを取得する事は可能！ ついでに、PHPの関数を駆使して分かりやすくまとめる！ アイキャッチ画像の要素とその要素分割するPHP関数を使っちゃいます(｀･ω･´)ゞ テンプレートタグは「wp_get_attachm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用でも無料、iPhone5のモックアップ用のベクターのPSD素材
Free Grunge Flag Textures - WeGraphics
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
