Google の無料ウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
今回は素材の紹介ではなく、デジタル・リアルを問わずスクラップブッキング・クラフトやコラージュ作成時にデザインや使用している素材など、参考に出来そうなサイトを紹介(海外のサイト多いです) スクラップブッキングとコラージュ、クラフトは厳密には全くの別物ですが、まぁ細かいことは気にせずなにかプラスになるものがあればいいかな!くらいに・・・ ※素材の中にはダウンロード可能なものも有ります。 まずは日本代表!akizoさんのスクラップブッキング専門サイト (ダウンロードやチュートリアルも有り) http://digital-scrapbooking-japan.blogspot.com/ つぎは個人的におすすめなサイト「sahlin studio」です。 freebieのページにあるダウンロード可能な各素材をクリックしていくと、その素材を実際に使った方の画像がたくさん投稿されてて、とっても参考になり
2013-02-20 【UIデザイン】iOS向けユニークなエフェクト、アニメーションを提供するOSS5つ UIデザイン HTML5+JavaScriptで動く電子書籍アプリを自作する本 ─jQuery Mobile、PhoneGap、Titaniumに対応作者: 掌田津耶乃,イノウ出版社/メーカー: 自由国民社発売日: 2012/04/26メディア: 大型本 クリック: 38回この商品を含むブログ (3件) を見るなんか最近こんなタイトルばっかりで恐縮です。ページ遷移や動作にアニメーションを加える事で印象ががらっと変わったりすることって あると思います。まぁそんなアニメーション的な動きを提供してくれるOSSのご紹介。 ライセンスやARCどうこうについてはそれぞれのプロジェクトをご確認ください 1. KYCircleMenu https://github.com/Kjuly/KYCirc
ウェブデザインの基本はおさえつつ、フレッシュでクリエイティブものを取り入れたい! そんなデザイナーに役立つテクニックを紹介します。 Fresh and Creative Web Design Techniques 下記は各ポイントを意訳したものです。 はじめに ホワイト/ネガティブスペースをもっと ピーチとサーモン より大きいのがベター イメージを動かす ストックフォトは使わない はじめに デザイナーとして、このことは新年を迎え最も興味深いものの一つです。そうです、2013年のデザイントレンドは何が大きくなるのかです。これは非常に大切なことです。 そのトレンドの後に次が何であるか、ウェブデザイナーは新しいトレンドが何であるか適切に把握しておかなければなりません。 トレンドは本当にデザインを面白くします。 もちろんレスポンシブは今年のトレンドでしょう、昨年もトレンドでした。そして、私たちはグ
Common fonts to all versions of Windows & Mac equivalents Last updated: 2008/06/03 Return to the main page Introduction Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too. If you are new to web des
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
お疲れ様です、ももこです。 おしゃれなWebサイトでコンテンツの表示に、モーダルウィンドウを使うと格好よく映えたりしますよね。 今回はクールなモーダルウィンドウを簡単に設置出来るJavaScript「SIMPLE MODAL」※すでに提供を終了していますをご紹介したいと思います。 「SIMPLE MODAL」 デモ 用意されているデモは全部で8種類あります。 その中でも特に使用頻度が高そうな5つのデモをご覧ください。 ALERT シンプルなアラート風ウィンドウ 商品紹介などに使えそうな基本的なウィンドウ MODAL AJAX AJAXを使用し、コンテンツにアコーディオンを含めているウィンドウ MODAL IMAGE LightBox風に画像を表示するウィンドウ VIDEO EMBED 動画を埋め込んで再生するウィンドウ 記述 ウィンドウ内のテキストや画像は全てスクリプトの中に含めます。 「
僕は甘いもの、特にケーキが好きなんですが、最近Webサイトが凄く独創的なショップサイトを目にすることが多く、行ってみたいと思うお店が多くてやばいです。 販売しているケーキ屋やスイーツが美味しいのは当然として、Webサイトやお店にストーリーだったり、特出したデザインだったりといったものが見えると、どうしても行ってみたい!って強く思ってしまうんですよね。 素敵なサイトの紹介 1.素敵なサイトの紹介 今回はそんな素敵なサイトをまとめて紹介したいと思います。ツイッターで流れてたり、有名なお店だったりするので、知っているサイトが殆どかもしれませんが、まとめとしてストックしておきます。他にもあったら是非教えて下さい! ANTIQUE -アンティーク- パンを販売していますが、ドーナツも販売しているのでスイーツというカテゴリに入れちゃいました。スイーツのサイトで一番気に入っているサイトです。大阪にも店舗
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
流行りのレスポンシブ・ウェブデザイン! よく使われるデザインパターンを集めてみた! 2013.01.18 | この方法お勧めです! | サイト推薦! tips | WordPress | ほらみんなも! | デザイン | レスポンシブ あけましておめでとうございます! 今いる場所がシアター!Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ!?そんなんいらんわっ!!無視や!無視っ!!』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ
These days, many people are choosing THC-free CBD gummies for various reasons, from wanting to avoid any psychoactive effects to seeking specific health benefits. Did you know that...
マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く