Photoshop Vip » プロ級の写真加工、編集を再現するPhotoshop無料アクション素材80個まとめ『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
スマートフォンのサイトを横に回転させた時に画面のサイズに合わせて拡大させるには │ これからゆっくり考L +α
2013年1月26日追記 時代の移り変わりとともに、このソースでは対応できなくなっているので 続：Androidブラウザでviewportのwidth指定[to-R] こちらのやり方がいいと思います！ これを横に回転させて、 画面幅に合わせて拡大したい。 これ、見にくくないのかな...と個人的には思うんですが、そういう依頼がちらほら来るのでまとめてみました。 サンプルページ http://sakaki0214.com/sample/110605/ 通常（横にしても拡大しない） <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" /> iPhone用（横にすると拡大する） <meta name="viewport" content="wid
最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」
TOP > WebDesign > 最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」 WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。 Isotype 全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Sausage 長い、WEBページをどこに何があるのかスクロールバーの横にナビゲーションを出してくれるスクリプト。 ■ImageLens 画像の一部を拡大し、表示してくれるプラグイン。商品の詳
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
【要保存】WordPressでブログも管理画面も真っ白になった時に最初にすべきこと
突然画面が真っ白に 管理画面が文字通り真っ白になってしまい何も表示されない。 ビックリしてブログを表示させようとしたが、ブログも真っ白。何も表示されない。 えーとえーとえーと…。 これは今までにないパターンだ。管理画面もブログも真っ白では、どうしようもない。何もできない。 思わずWordpressを丸ごと再インストールしようかと考えてしまったが、ふと冷静になった。 「ファイルが消えてしまっているわけではあるまい。冷静に対処しよう」 そうなのだ。Wordpressやテーマにはたくさんの手を加えている。何も考えずに再インストールなどしてしまうと、カスタマイズした箇所が消えてしまう。落ち着こう。 とにかく自分のサイトは真っ白でどうにもならないので、まずはFTPクライアント “Fetch”でサーバ自体がぶっ飛んだりしていないことを確認。もちろん問題なかった。 真っ白は「エラーを表示させる」設定で脱
12 Fun CSS Text Shadows You Can Copy and Paste
Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity. Today we’re going to run through several text-shadow examples that you can copy and paste for your own work. 2 Million+ Digital Assets, Wi
Web and designers | Complete resource platform for web designers and developers – 65 Fresh Free WordPress Themes of 2011
WordPress has always been a favorite blogging software and an application of choice for all blogging needs around the globe. WordPress does have quite a number of competitors but it has always been known to blow away its competition simply because too many plugins and free WordPress themes are available for the WordPress Content Management System (CMS). There is a plugin for everything, a WordPres
泡の多彩な表情が楽しめるテクスチャ集「30+ Collection of Free Popping Bubble Textures」
TOP > Design > 泡の多彩な表情が楽しめるテクスチャ集「30+ Collection of Free Popping Bubble Textures」 自然をテーマにしたテクスチャは、人の手では作り出せない表情が魅力です。そんな中今回紹介するのは、泡の質感を楽しめるテクスチャ集「30+ Collection of Free Popping Bubble Textures」です。 （Spheres 1 by ^FantasyStock on deviantART） 湧き上がる泡や、石けんや洗剤などによって生み出された泡まで、さまざまなタイプの泡テクスチャが紹介されています。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■BUBBLICIOUS BG 07 by ~mimustock on deviantART どこかゼリー状の
[CSS]ホバー時に素敵なエフェクトでパネルを変更するスタイルシート | コリス
animated icon on hover デモページ [ad#ad-2] デモではパネルにマウスホバーすると、背景を変更しアニメーションのエフェクトを適用します。 実装方法 HTML HTMLはシンプルです。 ポイントとなるのは、h3やpなどのブロック要素をa要素で内包している点です。これはHTML5を使用する限りvalidです。 <!doctype html> <html lang="en"> <head> </head> <body> <a href="#" class="hover-panel"> <h3>Panel Title</h3> <p>Additional information about the panel goes in a paragraph here</p> </a> </body> </html> [ad#ad-2] CSS：ノーマル時のスタイリング まずは
CSSをチェックするツール「CSS Lint」オープンソースで登場 | マイコミジャーナル
WebデザイナやWebデベロッパの多くはCSSの記述や微調整に多くの時間を費やした経験があるだろう。CSSは肥大化するにつれ編集が難しくなり、さらに多くの時間を必要とするようになる。チェックツールを通じてCSSを常に健全な状態に保つことができれば、こうした開発や編集における手間を削減しやすくなる。 こうした場合に利用できるチェックツールがNicholas C. Zakas氏およびNicole Sullivan氏より発表された。「CSS Lint」だ。Webアプリケーションとしても提供がはじまったためブラウザからオンラインでCSSのチェックを実施できるほか、Node.jsで動作するスクリプトとして提供されているのでダウンロードしてきて手元で動作させることもできる。現状のCSS Lintで利用されているチェック規則は次のとおり。 パースエラー検出 隣接クラスは使用禁止 ルールが表記されていない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
CSSの制作・検証に役立つChromeの機能拡張のまとめ
パスワード認証
新着記事
フレッシュでフリーなWordPressテーマ２０１１:phpspot開発日誌
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 - かちびと.net