厳選！驚くほどデザイン性の高い無料のブログテンプレート５５個 | バズ部
ブログのデザインは、読者に与える第一印象に大きな影響を与える。どれだけコンテンツが優れていても、デザインが悪ければ台無しになってしまう。一方、質の高いコンテンツと好印象を与えるのブログデザインが組み合わさると、読者の記憶に残るブログになる。 だからこそ、ブログのデザインに悩んでいる方は多いのではないだろうか？しかし、実は、ブログテンプレートを使うと、あっという間に質の高いブログデザインを作ることができる。 そこで、本日は、驚くほどデザイン性が高く、無料で使えるブログテンプレートを厳選して５５個ご紹介する。 あなたの気に入るものが、きっとあるはずなので、ぜひ使ってみよう。 Exhibition デモ ｜ ダウンロード Palladiumize デモ ｜ ダウンロード Architekt デモ ｜ ダウンロード ※有料版はレスポンシブデザイン対応 Grid Portfolio デモ ｜ ダウン
テキストをさり気なく飾る！ベクター飾り罫6セット100個以上（AI）
Photoshopgraphics.comさんで無料配布中の飾り罫を6セット紹介。 比較的シンプルなテキストデコレーションが多めなのがうれしい。 セットには飾り罫以外（月桂樹、カットライン、シンボルなど）が少し含まれます。 極力少なめに使うのがポイントだそう・・ set01 ファイル形式：AI Download link set02 ファイル形式：AI Download link set03 ファイル形式：AI Download link set04 ファイル形式：AI Download link set05 ファイル形式：AI Download link set05 ファイル形式：AI Download link
これは使って見たい！高品位なクラシック･リボンのWEB素材3セット（商用可・PSD）
シンプルでセンスのいい、３種類のリボンセットを紹介。 オールpsdファイルなのでフォトショップで簡単に編集出来るのがいい！ まずはこちら 落ち着いたトーンが魅力的。ちょと分かりにくいですが、それぞれテクスチャが異なります。ブラック以外はファブリック系、ブラックのみレザーになってます。 スクリプトフォントがよく似合ってます。 Psd Ribbon Classic Set – Psd Web Elements – Pixeden ファイル形式：PSD（6色） ライセンス：商用OK（添付ファイルを良くお読み下さい） www.pixeden.com 先程と基本的に同系統のデザイン。但し、配色がパステル調（蛍光色）でかなりビビット。 Invent Classic Ribbons – Inventlayout.com – Download free PSD ファイル形式：PSD（5色） ライセンス：基
画像単体表示時に各ブラウザが適用するスタイル
ブラウザで画像ファイルを単体で開いたとき、ブラウザによって表示の仕方が違っていたのが気になったので、画像表示ページのCSSを調べてみました。 なかなか面白かったですし、何かの参考になるかもしれません。 Google Chrome & SafariChrome 20.0.1115.1 dev-mとSafari 5.1.5で調査。 画像は表示領域の左上にぴったりと表示される。画像が表示領域内に収まりきらない場合は縮小して全体表示。スタイルは各要素にstyle属性で直接指定されます。 body { margin: 0px; } img { -webkit-user-select: none; cursor : -webkit-zoom-in; /* 縮小表示時 */ }FirefoxFirefox 12.0とAurora 14.0a2 (2012-05-01)で調査。 表示領域は暗い感じに塗りつ
iPhoneでサイトを表示したときのフォントに関するデフォルト値 « WEBサイト更新・管理代行 / スマートフォンサイト制作 / CMSサイト制作Grand License |
iPhoneでサイトを表示したときに、 デフォルトの状態でのフォントサイズ、フォントタイプ・・・ 行間とか・・・・ どうなっているのでしょう？？？という話しです。 mobile Safariのデフォルトといったほうがよいでしょうか。 ■フォントサイズのデフォルト CSSで特に指定してない場合はデフォルトは16pxで表示されます。 只、iPhoneの向きを変えるとサイズが自動調整され多少変わる場合があります。 この自動調整をさせたくない場合はmobile safari独自CSSで対応します。 例えばbodyに 以上のようなcssを使うことによって自動調節の回避ができます。 ■フォントタイプのデフォルト 日本語の場合は「ヒラギノ角ゴシックProN W3」がデフォルトのフォントになります。 日本語で明朝体は使えません。 半角英数字のデフォルトは「Times New Roman」で
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」:phpspot開発日誌
Slidorion, A jQuery Plugin | jQuery Image Slider and jQuery Accordion | Random Demo スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」。 左側をスライダー、右側をテキストを入れたアコーディオンな感じのウィジェットが実装できます。 ほどよくアニメーションして良い感じです。 マークアップも綺麗に記述可能。 関連エントリ iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 ファイルアップロード関連のjQueryプラグイン１０ 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 jQueryでページ送りのインタフェースが簡単に作れる「jqPagination」 jQue
2011年総まとめ！商用可能素材、WEB系知識などなど今年わたしがお世話になったWEBサイト10選。
わたしにとってのブログ元年がもうすぐ終わろうとしています。 今年はこのブログを立ち上げ、良くも悪くも生活が一変した年でありました。 そんな激動の年の最後の記事は、感謝の記事で締めくくりたいと思います。 なお、単純にお世話になったサイト様だと数が多すぎるので、わたしが今年 頻繁に足を運ばせて頂いた事が選定の基準となっております。 商用可能な素材系 9search 何度お世話になったか分からないくらい頻繁にアクセスさせて頂いております！ 商用可能でクレジット表記不要なフリー素材を探す時に、わたしが必ず最初にのぞきにいくサイト様です。 パーツごとにわかれていたり、サムネイルを表示してくれていたりでとても探しやすいです！ PAKUTASO/ぱくたそ 商用可能な写真素材サイト様です！ 高画質でノイズ処理なども施されているため、他よりも目を引くクオリティの高い写真素材が沢山あります。 なにか写真が必要
jQuery.gpFadeImage 1.0を公開しました。 | Ginpen.com
ふわふわ切り替える感じで。 jQuery.gpFadeImageで簡易的な画像ギャラリーを。 こんな風に、ギャラリーページの入り口みたいなところで使ったらいいんじゃないかなと思います。
イラストやWeb制作に使えるフリー素材を紹介 | 9search
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Basic Example - jQuery The Final Countdown plugin
Source code: <script type="text/javascript" charset="utf-8"> // Javascript $(function() { var currentDate = new Date(); $('div#clock').countdown(15 * 24 * 60 * 60 * 1000 + currentDate.valueOf(), function(event) { $this = $(this); switch(event.type) { case "seconds": case "minutes": case "hours": case "days": case "weeks": case "daysLeft": $this.find('span#'+event.type).html(event.value); break; ca
無地パッケージベクター素材 | モノストック｜mono stock｜デザインの便利ネタ
これは学生の作品の補助としても使えそうですね〜、すべて無地のパッケージベクター素材のご紹介です。 ≫ http://sharegfx.net/graphic-de……aging.html 上記の素材が収録されています、こんな感じのパッケージの形もあるんだなぁ….なんてインスピレーションにもなって良い刺激になります。収録データ形式は【EPS×6】となっています。是非ご参考下さい。 ※記載されている画像は、作者の作成された画像を使用させていただいている場合がございます。 ※基本的にフリー素材となっておりますが、作者様の著作権を保護するために、ダウンロードする際は作者様の利用規約などもご一読ください。
水・水滴のPSD透過素材615ヶ | モノストック｜mono stock｜デザインの便利ネタ
素材をずら〜っと見ていて、夏の時期によく使いそうな『水・水滴』のPSD素材のご紹介です。透過している素材なので、様々な素材の上に重ね水しぶきを表現することが可能です。 ≫ http://sharegfx.net/photoshop/……1-cd2.html 上記の素材が収録されています。収録データ形式は【.rar｜545 MB｜PSD】となっています。解凍後各フォルダに615ヶのPSD素材が収録されています。是非ご参考下さい。 ※記載されている画像は、作者の作成された画像を使用させていただいている場合がございます。 ※基本的にフリー素材となっておりますが、作者様の著作権を保護するために、ダウンロードする際は作者様の利用規約などもご一読ください。
フォームのselect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-select
フォームのselect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選べるようにする、というもの。 同じように複数選択を簡略化する方法は既出ですが、まぁ選択肢を増やすつもりで。IETesterでのIE6でも動作確認出来ました。 クリックすると、選択した項目が左カラムに移動します。マウスのみで複数選択出来るのでユーザーにも優しい設計では。 反対にキャンセルしたい場合は左カラムでクリックすれば右に移動します。 複数選択とかヘッダを加えるとか選択させないとかも出来るようですよ。 使いどころは限られそうですが、見た目もすっきりしているので割と便利かもですね。デモもあるのでご興味がありましたら。 jquery.multi-select
Webデザイナー向けにPhotoshopファイルの扱い方を教えてくれる『Photoshop Etiquette』 | 100SHIKI
Photoshop使いの人だったら見ておいてもよいかな、というサイトのご紹介。 Photoshop Etiquetteでは、Photoshopのファイルの扱いについて、細かいアドバイスを教えてくれている。 レイヤーはこう構成すべし、だとか、ロゴ部分についてはベクターデータにして別フォルダに保存しておこう、だとかそういうことだ。 もちろんこれらが絶対のルールではないが、ちょっと気が利くデザイナーさんだったら確かに実践しているかもね、というものばかりが並んでいて参考になる。 それぞれの状況に応じてこうしたアドバイスを取捨選択していく必要はあるが、目を通しておいてもいいですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free-Style – ALL FREE
http://joelb.me/scrollpath/
http://gano-web.com/webdesign-blog-100.html
無効なURLです
Do the Hudson!!(β) for iPhone and iPod touch