センス抜群と話題！シームレスな背景画像が無料配布されている「PATTERN LIBRARY」
どうも、やなぎさわです。サイトの背景画像をちょっとお洒落な柄にしたいというデザイナーの方いませんか？ 今回は、シームレスな背景用パターンが無料でダウンロードできる「PATTERN LIBRARY」というサイトをご紹介します。 可愛らしいイラストから最近流行のインディアンパターンや上質な質感のパターンなど様々な種類が揃っています。全部で52枚ある素材を全てご紹介します。 パターン作りの手間が省ける「PATTERN LIBRARY」 気に入ったパターンが見つかったら、すぐにダウンロードができて使えるから便利です。 しかし、ダウンロードした時に画像のサイズが小さいなって思うかもしれません。 パターンの柄によってサイズが異なりますが、全てそこまで大きなサイズの画像ではありません。そこで、私の場合はPhotoshopを使って、ダウンロードした画像をパターン化させてしまいます。 その詳しいやり方は、以
サイトの高速化を難しく考える前に – cat /dev/random > /dev/null &
ここ最近いくつかのサイトを見ていて、アレ？妙に重くない？とDevTools等を見てみたらいろいろな問題点を見つけました。 例えばベースページが重いというのもあるのですが、単純にリソースが大きすぎる、ヘッダがおかしい等少しの工夫で閲覧をする人たちは快適になるだろうというのを思いました。 正直なところ今回記述する内容はいろんなサイトや書籍では触れられてはいるのですが、サイトを見回って共通で考慮が漏れていて、余りサイトに変更を加えずに効果がでそうなのを纏めてみました。 そのページを見るのにどれだけのダウンロードが必要ですか？ 最近はPC環境もモバイル環境もより強力になり、リッチなコンテンツをストレスなく見ることが可能になりました。 マシンスペックやブラウザの高速化等いろいろありますが、ラストワンマイルのNW帯域が改善したのが大きいと個人的には感じています。 しかし、それに甘えて不必要なリソースを
無料でスタートアップ企業っぽい素材写真をゲットできる「Startup Stock Photos」
キレイに整ったオフィスやミーティングの様子など、いかにもスタイリッシュな「スタートアップ企業」のイメージが漂う素材写真を無料でダウンロードできるサイトが「Startup Stock Photos」です。 Startup Stock Photos http://startupstockphotos.com/ 画像のダウンロードはカンタン。各画像の下部にある「Download」をクリックすると別ウィンドウで画像が開くので、あとはローカルに保存すればOKです。 ブレインストーミングっぽい雰囲気の写真や…… いかにもな雰囲気のデスク周り 会議をちょっと離れたところから眺めた写真 クリーンに整えられたデスク その他にも、いろいろと使えそうな写真がそろっていました。 なお、Startup Stock Photosでは定期的に新しい写真が追加されている様子。ページをスクロールしても全ての写真を確認するこ
ロゴデータのダウンロード先まとめ
1978年生まれ。企業のWeb活用をテーマに、Web運用を中心とした戦略的な企画立案、サポートやホームページ/Webサイトの構築などを行っています。 5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。 Web運用の情報や考え方などを発信するブログ「ふにろぐ」を定期的に更新し、情報配信をしています。 本社のある大阪府高槻市で「ふにすWeb相談所」を開設し、 地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。 Webの運用に関するお悩みや、ホームページで成果が出せないお悩みをお持ちでしたら、お気軽にご相談ください。 お問い合わせはこちら LINEでWebに関する質問にお答えしています。 ふにすでは、LINEでWebに関するご質問にお答えしています。Webに関
デザイナーがチェックしておきたい 11種の最新素材まとめ「11 Best Design Resources Released This Week」
TOP > Design > デザイナーがチェックしておきたい 11種の最新素材まとめ「11 Best Design Resources Released This Week」 さまざまな種類の素材がインターネット上で配布されており、その種類の豊富さからどんな素材をピックアップして良いか迷ってしまうこともあるのでは？そんな時にチェックしておきたい、11種の最新素材まとめ「11 Best Design Resources Released This Week」を今回は紹介したいと思います。 iPhone 5s MockUp | GraphicBurger アイコンやバックグラウンド、モックアップといった便利でクオリティの高い素材が揃っており、どれもダウンロードしたくなるデザインのものばかり。気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 3 G
jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax
CC0で著作権の制限無しで使える！Webページの背景などにいい素敵な動画がダウンロードできる -Distill
Distill Distillで配布されている動画のライセンスは「CC0」で、著作権による制限は一切ありません。最初ライセンスが分からなかったので、管理者に聞いたところ「under the CC0 license」と教えてもらいました。 動画のダウンロードには登録など面倒なことは一切ありません。各動画にあるダウンロードアイコンをクリックするだけです。
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
無料で快適なペイントソフト「SpeedyPainter」が凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
※上のイラストは、管理人がqbspdl氏の素敵なイラストを模写したものになります。 今回は、無料ペイントソフトのご紹介です。 海外で開発されたOpenGLをベースに 軽快動作する事が売りのWindows用のペイントソフト 「SpeedyPainter」 です。 このソフトは、アップデートされて とても機能が豊富になりましたので紹介をしていきたいと思います。 【機能・内容】 ・リファレンスビューがキャンバスの動きに追従 ・ドローイングプロセスを動画でエクスポート ・複数レイヤー ・筆圧（ワコムデジタイザ対応）に応じて ストロークサイズおよび/不透明度を変化させる機能 ・ドローイングプロセスをリプレイ ・ドローイングプロセスのインポート/エクスポート ・最も一般的な画像フォーマットの読み込み ・キャンバスの回転 ・キャンバスの反転 ・マスク選択 ・画像の切り抜き ・パースペクティブグリッドの
Macromedia Flash - その他のダウンロード
使い慣れたアプリを最新バージョンにアップグレードして、創造性を加速しましょう。 クラウドストレージ、デバイス間でのファイル同期、Creative Cloud サービスへのアクセス、その他などの特典をお楽しみください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
