Photoshopのシェイプ全74種 [ad#ad-2] 素材の利用にあたっては個人でも商用でも無料で、リンクの必要などもありません。 ただし、再売却・再配布などは禁止です。詳しくはライセンスページを参照ください。 license
全74種のシンプルなデザインで使い勝手のよい矢印・アローのPhotoshopのシェイプ素材
Photoshopのシェイプ全74種 [ad#ad-2] 素材の利用にあたっては個人でも商用でも無料で、リンクの必要などもありません。 ただし、再売却・再配布などは禁止です。詳しくはライセンスページを参照ください。 license
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
DreamweaverでWordPressサイトを作るならいれておくべき機能拡張 2本 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 DreamweaverでWordpressサイトを使うなら、以下の機能拡張をいれておけば事足りるな、と改めて思ったので、まとめです。 TAGStention http://solutoire.com/tagstention/ 色々な方が、WordPressの開発で必須、と言っているので、いまさら感はありますが、CS3、CS4でも問題なく使用できる機能拡張です。 ただ、開発は2006年3月28日以降は停滞している（開発をやめている？）ので対応してないタグや使用できないタグもあるようですが、ツールバーからワンクリックで入力で
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
WordPressアフィリエイトで稼ぐための「収入５倍テクニック」まとめ【稼ぎ方】
ブログアフィリエイトの収益が増える５つのテクニック 広告は「クリック率が最大になる配置」にする！ GoogleAdsenseを貼っているアフィリエイターの人も多いと思いますが、アドセンスはクリック率で何倍も成果が変わってきます。 クリック率の平均ってどれくらいなの？と疑問に思う人も多いと思います。 大体の場合は、クリック率が0.5%以下ならクリック率がかなり低いです。 しかし、このクリック率。 実は広告位置をちょこっと変えるだけで1%までなら上げることが可能です。 おそらくほとんどの人は以下のどこかにアドセンス広告を配置していると思います。 タイトルロゴの横 サイドバー 記事の前 記事の中間 記事の直下 基本的にタイトルロゴ近くとサイドバーの下部分はクリック率がかなり低いです。 多くのブログに対して効果的な掲載場所として以下の３カ所をおすすめします。 記事の前 or 中間に１つ入れる（46
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
WordPressを使ったFacebookページ作成と更新：基礎編
WordPressを使ったFacebookページ作成と更新：基礎編：WordPressでFacebookページを作ろう（1）（1/6 ページ） BtoCをメイン事業とする中小企業にとってFacebookは有効活用したいソーシャル系サービスの1つです。 どうにか活用したいけれども、どうやって作るのか、どうやって運用すればいいのかなど分からないことだらけだと思います。 この記事では、Web担当者とWeb制作者を対象に多くのWebサイトで利用されているWordPressを使ったFacebookページ用コンテンツの作成について紹介します。 Facebookページとは Facebookページ（旧「Facebookファンページ」）とは、企業やブランド、サービス、または有名人やアーティストなどが顧客やファンなどの個人と交流を図ることのできるFacebook上のページを指します。 Facebookページの
mixiページの作り方
ミクシィがソーシャルページ「mixiページ」の提供を2011年8月31日より開始しました。 mixiページnavi １．mixiページの主な機能 mixiページの主な機能は次のとおりです。Facebookページをご存知の方であれば、概ね同じ機能が装備されていることが分かると思います。 mixiページは、mixiにログインをしていない人・mixiのアカウントを持っていない人でも閲覧することが可能（ただしmixiページに参加しているメンバーの情報やコメントが、mixi外から見えることはない。またmixiページ自体の公開範囲は管理者が設定可能。未設定の場合は公開状態。各コンテンツの詳細を閲覧する場合には、mixiへのログインが必要） mixiページ上の更新情報は、そのページをフォローしているユーザーのホームにフィードとして表示 友人がmixiページで「いいね」や「ページのフォロー」をすれば、その
20 Awesome Fonts For Cursive Letters
Cursive letters have an amazing energy that energizes whole project You need the cursive letters to showcase something special and elegant. Cursive letters are often more feminine in look and they look very refined as well. We would like to showcase some Cursive letters which are free (thanks to the designers). These letters will add the stylish and volume to your project. If you like this article
iPhone風のグラデーション表現が詰まったPhotoshopグラデーションファイル「iPhone Gradation Set」:phpspot開発日誌
iPhone Gradation Set by ~woopsdez on deviantART iPhone風のグラデーション表現が詰まったPhotoshopグラデーションファイル「iPhone Gradation Set」。 ワンクリックで図形をiPhone内のオブジェクトっぽくできちゃいます。 そもそものiPhoneのUIが素晴らしいわけですが、それをお手軽に再現できちゃうというのは便利です 関連エントリ 立体的に見せたりできるPhotoshop用グラデーションセット集 ストックしておくと楽できそうなPhotoshop用グラデーション392種類 背景やボタンなど様々に使えるPhotoshopグラデーションセット集
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
さまざまな草を表現できるPhotoshopブラシセット集「A Collection of Free Photoshop Grass Brush Sets」
TOP > Design , Photoshop > さまざまな草を表現できるPhotoshopブラシセット集「A Collection of Free Photoshop Grass Brush Sets」 自然界に無数に存在する草は多様な表情をしているため、制作に手間のかかる素材の一つではないでしょうか？そこで今回は、さまざまな形の草を手軽に表現できるPhotoshopブラシを集めた「A Collection of Free Photoshop Grass Brush Sets」を紹介したいと思います。 （HD Grass Brushes | QBrushes – Photoshop Brushes） イラストタッチの表現から、大草原を連想させるような表現まで、多彩な表現ができるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
CSS3を使ったクリエイティブなテキストエフェクト集２３:phpspot開発日誌
23 Creative Uses of CSS3 Text Effects to Enhance Your Web Presence | Onextrapixel - Showcasing Web Treats Without A Hitch CSS3を使ったクリエイティブなテキストエフェクト集２３。 CSS3でいろんな事ができるのはご存知の通りですが、テキストだけでもかなり色々な使い方があって勉強になります。 ↓ 例えば、これが画像じゃないらしいです（笑） 他にも使えるテクニックが満載 早くすべてのブラウザでCSS3が使える時代が来てほしいですね。 もちろん、画像でやったほうが楽なところは画像でやっちゃいますが、楽出来る部分はかなり楽になりそう 関連エントリ CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル 味気ないサムネイルリストをCSS3で回転させてオシャレにす
[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形） あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーのWEBデザインテンプレート２５:phpspot開発日誌
Photoshop VIP ☞ デザインアイデア爆発、25個のユニークなWebサイト用レイアウトまとめ
HTML5マークアップの心得と作法
Google＋風のフリーな２０４個のアイコンセット:phpspot開発日誌
新着記事
