PCサイトのRetinaディスプレイ対応やっとく？ - やっぱりWebが好き - Writing Mode
今年からプライベートではMacBook Pro（13インチ）のRetinaディスプレイモデルを使っているから、最近はWebサイトの画像がボヤけて見えるのが気になって仕方ないのです。 これからはPCのディスプレイもどんどん高解像度になっていくであろうことを考えると、今からPC向けサイトのRetina（高精細）ディスプレイ対策もしっかり考えておきたい。 というわけで、備忘録がてら久々にWeb制作の現場感漂うエントリーをお届けしたいと思います。 これまでスマホ向けにしか考えたことのなかったRetinaディスプレイ対応ですが、やっぱり自分のマシンがRetinaディスプレイになってみるとPCでも本格的に対策せねばと考えてしまいます。 スマホやタブレット端末以外ではまだまだ普及率の低いRetinaディスプレイだけど、おそらく今後数年のうちにPCでも一般的になってくるんじゃないかな。 現状、Retina
高品質な中古サブドメイン情報
近年、SEO対策において「権威性」の重要度が急激に上がっています。 そんな中レンタルサーバーのサブドメインや無料ブログなどを使うことで、権威性の高いドメインを使ってサイト運営をするという手法が流行りました。 現在でもまだ、さくらサーバーやロリポップサーバーのサブドメインを使用して上位表示しているサイトを数多く見かけます。 そして上位表示をしているサブドメインは中古ドメインのように過去に誰かが使用していた中古のサブドメインであることがほとんどです。 中古サブドメインには被リンクが付いていますので、全く新しいサブドメインを使用するよりは遥かにSEO効果が高いと考えられます。 当方、中古のレンタルサーバーサブドメインや中古の無料ブログを探すノウハウがあり、wikipediaや教育機関など、リンク元として価値が高い被リンクを獲得している中古サブドメイン、多数の被リンクを受けている中古ドメイン情報を
商用利用も無料！紙や布地・デニム地などの癒し系のパターン素材
以下、ダウンロードできる素材はPhotoshop用のパターン（PAT）で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
You searched for seamless - L+T
Don’t settle for ordinary images. Find the perfect images for your work at iStock.com
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG
jQueryでの画像ビューアー用プラグインはたくさん公開されていますが、 単純にサムネイルを並べて、クリックしたらメインビジュアルが切り替わる シンプルなスライドショー的ビューアーを作ってみたので紹介してみます。 まずは動作のサンプルから。 サムネイル画像をクリックしてください。 jQuery SIMPLE IMAGE VIEWER【SAMPLE】 「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」サンプルを別枠で表示 下部に並べてあるサムネイルをクリックすると メインビジュアル部分がクロスフェードして切り替わります。 （自動でスライドする動作などは今回は付けていません。） サムネイルは透過具合でアクティブ状態か、 そうでないかを変化させています。 全体構成についてHTMLから。 ◆HTML <div id="viewer"> <div> <img src="img/p
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
フリーで使えるPhotoshopの花柄パターンファイルセット17種類
背景の塗りつぶしなどで使えるPhotoshopのパターンファイルの中から、花柄のパターンファイルセット17種類です。配布条件はいろいろで基本的にはフリーで使うことが可能となっており、中には商用利用OKのものもあります。細かい条件は個別のファイルで確認してください。 17 Beautiful Free Floral Pattern Set | Free and Useful Online Resources for Designers and Developers 1：Free floral photoshop patterns and tiles – Spring Fresh- Patterntrail 2：Flower Photoshop Patterns - Free Photoshop Patterns at Brusheezy! 3：115 Seamless - Blue Patt
こいつは便利！好きなサイズのダミー画像が動的に作れる『Dummy Image』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
PHOTO STOCKER – 高解像度フリー写真素材_商用可能
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Free Bokeh Textures - L+T
Don’t settle for ordinary images. Find the perfect images for your work at iStock.com
無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集 - かちびと.net
少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとどうしても個人的に使いにく いのでバックリンク不要は割りと必須です。 今までのリソースをまとめただけなのでほぼ全部既出だと思います。自分用リンク集なのでいろいろ適当です。 細かいライセンスもあるので利用規約には必ず目を通してください。 9search この記事の題名の条件の素材を紹介しているサイト。小物系探すなら最初にここ見たほうが早いです。 9search ソザィ-Sozay- こちらもこの記事の題名の条件で収集していますが、素材単位ではなく、Webサイト単位で紹介しています。国内多めですかね。 ソザィ-Sozay- 国内のWeb制作に役立ちそうな無料の写真素材や
Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック
テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。（逆にテキストだけのほうがいいって場合もあるかもしれませんが）。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービスから探すといいかもしれません。 以下に紹介するサービスの利用に関しては各サイトをご確認ください。 フリー写真素材::Free.Stocker国内外の建物や風景写真が多くある画像サービスです。
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
Random Image Rotationを使って簡単に背景画像をランダム表示させる
cssやプログラミング背景をランダム表示 多用するほどでは無いですが、 便利だったのでメモ。画像を ランダムに表示するPHPライ ブラリのRandom Image Rot ationをcssに指定して背景を ランダム表示させます。 多用するほどでは無いですが、 便利だったのでメモ。画像を ランダムに表示するPHPライ ブラリのRandom Image Rot ationをcssに指定して背景を ランダム表示させます。 画像の指定も不要なライブラリなので応用すれば便利そうです。ランダムなので用途は限られそうですが覚えて置いて損は無さそう。 Random Image Rotationは同じ階層の画像をランダムに表示するライブラリで、このファイルをcssに指定して背景をランダムに表示してみました。 デモ csscssは以下の通り。 body { background: url(rotator.p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleフォトで写真を「削除」すると同期している端末上からも消える仕様とその対策
かわいいフリー素材集 いらすとや
新着記事
