かわいい柄から繊細なものまで、細かい柄のパターン素材のまとめ
かわいい柄や繊細なパターン、八角形やジグザグやクロス、ノートやカーボンやメタルなど、さまざまなパターン素材を紹介します。
Webデザインにアクセント！記号やイラストなどのフォントまとめ
記号やイラストなどを収録しているフォントをお探しの方用のエントリ。 自力で無料のものを探すのは難しいという方は参考にどうぞ。 Kaomoji Holiday illust Garabata - dingbats The Scrappin Cop SocialIcons font by ptocheia - FontSpace Irresistible Free Dingbat Fonts | Part II - StarSunflower Studio このページにはかなりの量がまとまっています。キャプチャーは全て、このページのリンクへつながっています。 Was Woodcuts Griffin Bats Zooland My 70's Ding Squares Font Medieval Dingbats Kaloscai Flowers Jade Dingbats Font 001 M
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A.
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A.
２．反応を取れるキャッチコピーの作り方〜効果実証済みの７つのルール〜
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. コピーライティングで、もっとも神経を使う部分はキャッチコピーだ。 なぜなら、ほとんどの人は、キャッチコピーを見ただけで、自分に関心があるかどうかを判断しているからだ。 従って、コピーライティング全体の成否は、キャッチコピーで何を言うかで決まる。それにも関わらず、日常の生活の中で、見るからに効果のないキャッチコピーを目にする機会は非常に多い。 私の感覚では、本当に有効なキャッチコピーは１０に１つもないだろう。そこで、あなたがキャッチコピーを書く時に、忘れては行けない７つの基本ルールを書いたので抑えておこう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知 れないです。 というわけで、レスポンシブWebデザインの対応確認ツールです。他にいろいろ。先に紹介します。 ResponsivepxResponsive Design TestingSimple Media Queries TesterscreenflyResizer使い方の説明は多分不要です。これらは同じ目的で作られてますので使いやすいのを選ぶ感じで。 で、今日はresponsive.isっていうツールと、responsinatorっていうツールの2つをご紹介です。 ちょっとキャプチャだと分かりにくいんですけど・・・最上部にスマフォとかタブレットのアイコンがあ
他アイテムをボカして強調表示するCSS3＆jQueryサンプル:phpspot開発日誌
Item Blur Effect with CSS3 and jQuery 他アイテムをボカして強調表示するCSS3＆jQueryサンプル 次のようにアイテムを浮き上がらせることでアイテムを強調させる例です。アイテムが多いと分かりづらい場合がありますが、強調表示してあげることで分かりやすくできます。 色々な場面で活用することができそうですね どんどん表現力が上がっていくのはいいことですね。 関連エントリ カッコよくデザインされたピュアCSS3なアコーディオン実装デモ リボンが可愛いCSS3によるドロップダウンメニュー実装チュート フルスクリーン背景がスライドショーになるCSS3サンプル CSS3のブラウザ別対応がアイコンで超分かりやすいサイト
Photoshopのクリエイティブで効率化ができるレイヤースタイル２０:phpspot開発日誌
20 Creative Photoshop Layer Styles for Designers Photoshopのクリエイティブで効率化ができるレイヤースタイル２０。 ワンクリックで図形に質感を与えてくれるレイヤースタイルですが、その素材が沢山紹介されているエントリのご紹介。 チョコレート風や紙風、その他色々な感じに図形を瞬間的に変換してくれるレイヤースタイル集です。 こういうのがあるからPhotoshopは本当に便利ですね。 関連エントリ メタリック感がリアルかなりクールなブラックのボタン作成Photoshopチュートリアル クラウド時代にファンシーな雲を描画するPhotoshopチュートリアル
Dropbox で同期する XAMPP ローカル環境。どこでも開発！どこでも最新！
おでこです。自宅では Windows のデスクトップマシン、出先や勉強会では MacBook Air を使っているのですが、それぞれに作っている XAMPP のローカル環境がバラバラなのがずっと不満でした。勉強会で一からローカル環境作り直したり。自宅と MBA で同じバージョンの WordPress を2回もインストールしたり。 でも、そんなこととももうおさらば！Dropbox を使って ローカル環境を同期することにしてみました。具体的な手順は以下をご覧あれ。 XAMPP のファイル構成は OS によってまったく違う 複数クライアントの XAMPP 環境の同期と聞いて、「そんなの XAMPP フォルダを Dropbox フォルダに入れて同期すれば終了だろ、JK」と思う方もいるかもしれません。XAMPP 環境を扱うクライアントがすべて同じ OS であればこの方法でも解決できますが、Windo
Dropboxでホームページを公開するまでの流れをまとめてみた | CARAMEL SOURCE.
クラウドサービスという言葉を最近よく耳にしますが、 そのクラウドサービスで代表的なものといえば、そう『Dropbox』です。 Dropboxというと、ストレージサービスという認識の人が多いと思うんですが、 実は制作したサイトを公開できちゃったりする意外な使い方もあったりするんです。 今回はDropboxで、ホームページを公開するまでの流れをご紹介します！ 1.Dropboxのアカウントを取得しよう！ まずはDropboxのアカウントを取得します。アカウントは公式サイトから簡単に登録できます。 今回は2GBのサービス(無料)で問題ないと思います。 たくさんデータをweb上に上げたい方は有料版を選択してください。
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編)
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編) 2011-01-02 いつも通りデザイン系のサイトを見てると、 "Fresh Examples of Web Design and Interfaces" という記事を見つけました。 綺麗だけど、コーディングが難しそうなデザイン。コーダーにとってドSなデザインです。 そしてtwitterでこんなことをつぶやいてみました。 そしたら、"ぜひ"いう声があったので、ノリでやってみました。 実際にやってみるにあたり。 先ほどのサイトからデザインを選ぶことになったのですが、著作権的に問題があったので、先ほどのサイトからインスパイヤーしたデザインを自分で作ることにしました。 こんなんにした。 コーディングする前に コーディングの方法は様々あります。 自分の中で以下のようなルールを設けました。 ブラウザの対応はIE6-8, 最新モダ
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
WordPressにソーシャルブックマークボタンを楽々設置できるプラグイン：WP Social Bookmarking Light - utahta blog
WordPress にソーシャルブックマークボタンを楽々設置できるプラグイン、WP Social Bookmarking Light を公開しました。 2011.01.21 GitHubにソースコードを公開しました。 概要 ソーシャルネットワーク, ソーシャルブックマーク系のリンクをエントリーの先頭か後尾に自動で追加するプラグイン。 例えば、はてなブックマークや Facebook や Google Buzz や Twitter など。 どのリンクを追加するかは、設定画面から選択可能です。 このプラグインは、Social Bookmarking JP や wp-hatena をインスパイアしたものです。 インストール 1. こちらのページからプラグインをダウンロードして、wp-content/plugins/ にアップロード。 WordPress 管理画面のプラグインメニューから、WP So
WEB制作の参考に。バナー作成のちょっとしたコツ : ニュースタイル
いろんなウェブ広告がありますが、まだまだバナーは主流のひとつです。WEBデザイナーはもちろん、企業サイト担当者などバナーに関して悩むことは多いです。バナー引用元リンク：クリックされるバナー広告を学ぼう！C-teamから学ぶバナー作成術 ブログ名：カッシーのWEBる。
これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
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は、シンプルにするためにベンダープリフィックスを付けていません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
売れるECサイト作りに使える！無料のアイコン素材100個 | WEB制作会社の販促まとめ｜3media.jp
新着記事
新着記事
新着記事
html5-memo.com
