【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30
使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog
WordPressでランディングページを作成！簡単にデザイン性の高いLPを作る方法 | LISKUL
WordPressを使ってランディングページを作成しようと思っている方は、どのテーマを使えばいいのか、悩んでしまうのではないでしょうか。 実際にWordPressでランディングページを作成しようとすると、多くのテーマが見つかると思います。 今回は、まずは手頃な値段で知識がなくても、簡単にデザイン性の高いランディングページを作れるテーマを1つご紹介します。さらに、無料で使えるテーマ、成果の出るランディングページの作り方まで解説するので、参考にしてみてください。（参考：ランディングページ制作会社の一覧 ≫） ランディングページ作成ツールの一覧 ≫ ※本記事は株式会社デザインプラス提供によるスポンサード・コンテンツです。 初心者でもデザイン性の高いLPを作りたい人におすすめのテーマ「OOPS!」 初心者の方でもデザイン性の高いLPを作成したいという方には、「OOPS!」（ウップス）がおすすめです
ハンバーガーメニューのデザイン問題が決着！ABテスト7パターン結果
画面の表示領域の狭いスマホでは、表示されているページ以外にもメニューがあることをどう知ってもらうかは重要です。 今回は、メニューへの導線であるハンバーガーメニューのデザインで7パターンを回した結果をご紹介します。 仮説 メニューの存在があまり認識されていないのではないか。メニューをもっと分かりやすくすることで、気づいてもらえ、クリック率が向上するのではないか。 そこで、ハンバーガーメニューを既存のデザインとは別に6パターン、合計7パターンでどれが一番クリックされるのかテストして検証することにしました。 ハンバーガーメニューとは ハンバーガーメニューは、スマホの画面上部によくある三本線のメニューアイコンのことを指します。 用意したデザインは7パターン ※クリックすると拡大されます。 基本：よくあるスタンダードなハンバーガーメニュー A：囲いを付けたタイプ B：色を付けたタイプ C：色を付けて
著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと
デザイナーをはじめ、多くの制作者が利用している「アマナイメージズ」協力のもと、写真やイラストの著作権・被写体の肖像権についてまとめました。 Webデザインで写真やイラストの素材を使用する時、写真をトレースしてイラストを描き起こす時、写真を模倣してほぼ同じ構図やシーンで撮影する時など、写真やイラストを安全に使うために知っておきたいことを紹介します。 画像: 新緑 © daj /amanaimages 以下の掲載写真の使用許諾は、アマナ様にすべてご手配いただきました。 写真やイラストの権利について 写真やイラストを安全に使うために知っておきたいこと ケーススタディ: まとめサイトでの画像引用、制作委託先が不正利用していたなど 写真やイラストの権利について 写真やイラストには、原則として著作権が存在します。 素材（有料・無料に関わらず）として利用できる写真やイラストも著作権の保護期間を過ぎたもの
TENコレクションシーズン3：デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。
HOME ブログ webデザイン , 【PR】 , フォトショップ TENコレクションシーズン3：デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 TENコレクションシーズン3：デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。2014.08.11 私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的役割を確立し、独立した個々人がその能力をシェアすることができるコミュニティの形成を目指し実現させていくための、考え方や役立つ情報の提供、技術を向上していく活動をしています。 そのため、自分自身の表現に注力した作品を作るという機会はほとんどなく、アーティストだと宣言するにはまだまだ未熟な立ち位置であることを確認しています。 実際にTENコレクションの過去の作品や、先陣を切って次々と生み出されていく
LINEスタンプ制作者の多くが「デザインの勉強経験ナシ」--LINE調べ
LINEは、「LINE Creators Market」でスタンプを販売している日本国内のクリエイター893人を対象とした「スタンプクリエイター実態調査」の結果を発表した。平均年齢は32.7歳で、女性がやや多め。約半数がクリエイティブ業務の経験がなく、デザインの勉強をしたこともないという。 LINE Creators Marketは、世界中のLINEユーザーがLINEスタンプを制作して販売できるプラットフォーム。クリエイターが制作したスタンプはLINEによる審査を通過後、「LINE ウェブストア」とLINE内スタンプショップで販売・購入できる。スタンプ販売額のうち約50％がクリエイターに分配される仕組みで、実際には、分配された金額から源泉所得税や振込手数料などを差し引いた金額を受け取ることができる。 25～34歳が中心層 調査結果によると、女性が全体の55.8％を占め、男性を上回った。25
パクリのデザインでヒットを狙えてしまった江戸時代の着物ビジネス │ 日本人の価値観はこのころにできあがった！江戸時代のビジネスから得られるヒント歴史に学ぶ！続く仕事、なくなる仕事。 │ コラム - MAKEPO（マケポ）
はじめまして、歴史エッセイスト・作家の堀江宏樹です。 普段は、いわゆる「女子世代」の女性を中心とする読者の方に、歴史や文化についてエッセイを書いている私ですが、今回から「歴史に学ぶ!続く仕事、なくなる仕事。」と題して、古今東西の歴史の中からさまざまなビジネスの在り方を、探る連載をはじめさせていただきます。 じつは作家業も、マーケットリサーチとは無縁ではありません。私も日々、どんなニーズがあるかを考え、仕事をしているのです。その時、私の場合、具体的なチカラになってくれるのは歴史の知識なのですね。 「歴史から学ぶ」。そう聞くと、まだるっこしく思えるかもしれません。しかし、マーケットリサーチとは、「現代」を深く知るために行われているものですよね。「現代」をより深く知るには、「過去」との違いを見極めるしかないのです。それに必要なのは「過去」......つまり、歴史の知識なのです。この連載を、何かの
ど素人でもプロ並みのチラシが作れてしまう…「Picky-Pics」がデザイナー殺しな件｜まだ仮想通貨持ってないの？
これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
優れたロゴを作るには？ | POSTD
ブランドをデザインする時の6つの質問 企業のロゴは、ビジネスにおけるブランドイメージの重要な基盤となります。会社と顧客の最初のつながりであると言えるでしょう。効果的なロゴは、適切なトーンで正しく経営理念を表わすことができます。私は数年間、様々な事業のためにロゴ作りに携わってきました。ここに紹介する質問は、新しいロゴを生み出す時、いつも私が自分自身に問いかけているものです。 1. ロゴが連想させる感情はどのようなものか？ デザインのガイドラインの中で何よりも重要な基準となるのは、ロゴが会社の特色を反映しているかどうかということです。ロゴが連想させる感情は、会社の価値観にふさわしいものでなければいけません。例えば、Disneyのロゴは「幸せ」や「楽しさ」といった気持ちをイメージさせます。曲線の多い面白味のある書体は、子ども向けの漫画やアニメーションを手掛けてきた会社にふさわしいものです。しかし
国民的マンガ家たちが「キャラメルコーン」の顔を描くとこうなる
東ハトの看板商品「キャラメルコーン」が誕生40周年ということで、国民的な人気を誇るマンガ家4組による期間限定パッケージが3月14日より順次発売されます。 「キャラメル・コーン」のパッケージというと、2003年に中田英寿さんなどの手によってリニューアルされ、真っ赤なキャラクターもすっかりおなじみとなりましたが、今回「さくらももこ」「藤子不二雄A」「池田理代子」「手塚プロダクション」という大御所たちがキャラクターの顔に挑んだ結果、それぞれの強烈な個性がパッケージ上に爆発する事態となっています。 国民的マンガ家たちのパッケージは以下から。株式会社 東ハト／商品カタログ／キャラメルコーン まずは通常のキャラメルコーンを見てみます。 側面はこんな感じ。 2011年6月30日まで「おたのしみ缶」プレゼントというキャンペーン中です。 味の解説やローストピーナッツの情報が載っていました。 カロリーは1袋で
シンプルに使える、シンプルな公式デザインテーマ「evergreen」を追加しました - はてなブログ開発ブログ
本日、はてなブログの新しい公式テーマとして、シンプルで文章が引き立つ「evergreen」を追加しました。 心地よく文章を書くことができ、読みやすく印象的に表示されるよう、文字の大きさやバランスも工夫しています。日々の出来事や体験したこと、考えたことをシンプルに書き溜めておきたい方におすすめです。 シンプルに使える新しい公式テーマ「evergreen」1カラムで白い背景のシンプルなデザインテーマですが、それだけカスタマイズも簡単でデザイン設定で背景画像やタイトル画像を設定すれば、一味違ったお気に入りのテーマにもできます。どうぞご利用ください。 テーマ ストアで「evergreen」テーマを利用する
高齢者へのiPad導入を阻んだiOSのUI/UXの話
高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月（2013年11月）、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの１名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容
故・やなせ氏に無報酬で仕事依頼していた自治体も……吉田戦車が痛烈批判 「恥じろ」 （RBB TODAY） - Yahoo!ニュース
心不全のため亡くなったマンガ家・やなせたかし氏が地方自治体などから無償で仕事を依頼されていたことについて、マンガ家・吉田戦車氏が「そこに作品に対する敬意はあるのか？」とTwitter上で言及している。 数多くのご当地キャラクターの制作も手がけていたやなせ氏。コピーライター・糸井重里氏の公式サイト「ほぼ日刊イトイ新聞」に掲載されている対談によると、なんと高知県だけで50以上、全国では200ものご当地キャラを生み出したという。さらに驚くべきことには、数件を除いて全てノーギャラで依頼された仕事だそうだ。 やなせ氏は「俺は巨匠にならないと決めたんだから、くだらない仕事であろうとやらなくちゃいけない」とフォローし、笑い話のように語ってはいるが、「原稿料なしなの。つまりですね、すごく軽く見られてるんだよ」と衝撃的な事実を明かしている。 吉田氏は17日、「ボランティアが適切である場合は、もちろん除
なぜみんな「フラットデザイン」に？ ジョナサン・アイヴ曰く：海外速報部ログ：オルタナティブ・ブログ
Googleのロゴも平らになりました。あんまり変わらないですけど、立体感がなくなってます。 Microsoftも米Yahoo!も、「フラットデザイン」です。 もちろん、Appleが昨日公開した「iOS 7」もですね。 なんでフラットデザインが流行ってるの？ という疑問に、Appleのデザイン担当上級副社長、ジョナサン・アイヴとソフトウェアエンジニアリング担当上級副社長のクレイグ・フェデリギが答えています（USA Todayより）。 アイヴはUSA TodayのインタビューでiOS 7のデザインについて語る中で、「ユーザーはもう、ガラス（のディスプレイ）にタッチすることにすっかり慣れて、物理的なボタンはいらなくなった。だから、リアルな三次元の世界を真似なくてもよくなったのです」と言ってます（ちょっと意訳）。 つまり、昔ジョブズがメモ帳アプリを本物のメモパッドみたいにしたり、アイコンが立体的に
2次創作同人認める「同人マーク」デザイン案、講談社公認で募集
クリエイティブ・コモンズ・ジャパン（CCJP）の活動母体・コモンスフィアは7月17日、2次創作同人誌文化を守るための「同人マーク」（仮）を、今晩夏までにリリースすると発表した。自らの作品の元にした2次創作同人誌について、第三者によるイベントでの配布を認める旨を作家が意思表示できるマークで、赤松健さんがCCJPに提案していた。 マークのデザイン案を28日まで公募。審査員として講談社「週刊少年マガジン」編集長が参加し、赤松さんによる同誌新連載作品から順次、採用する予定だ。 TPP交渉で著作権侵害の非親告罪化が実現する恐れがあり、2次創作同人文化の萎縮が懸念されている。作家が2次創作を認める意思表示を行おうとしても、現行のクリエイティブ・コモンズ・ライセンスは、作品をそのまま複製するデッドコピーが前提となっており、2次創作には使いづらいため、デッドコピーや原作からの切り貼りを禁止した新ライセンス
tumblrで画像収集するのに向いてそうな、無料のテーマ・51個まとめ（と、少しだけ特徴をメモ
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、特徴をメモ書きしています。Lightboxが付いてるとか、自動で次のページを読み込むとかリキッドレイアウトとか。 全てをちゃんと確認したわけではないので、参考程度に。順不同、全部で51個ありました。 キャプチャはテスト用で作ったものです全部無料です環境次第でカラム数が変わるものもあります長くなってしまって見る気がしないので1カラムは省いています。Themanati 3カラムのリキッドレイアウトでギ
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
マヤ……おそろしい皿！ 「ガラスの仮面」とコラボしたマンガ皿、通販限定で発売 - はてなニュース
Comicalu（コミカル）は6月12日（水）、マンガ「ガラスの仮面」とコラボレートした「マンガ皿」を、公式オンラインストア限定で発売しました。デザインは「マヤ」「マヤ＆亜弓」「速水社長」の3種類を用意。絵柄に合わせて食材を配置することで、食卓を“劇的”に演出できます。価格は各2,980円（税込）です。 ▽ http://www.comicalu.com/mangazara/maya.html ▽ http://www.comicalu.com/mangazara/ma.html ▽ http://www.comicalu.com/mangazara/hayamihtml.html コミカルは、マンガをテーマにしたプロダクトブランドです。「ガラスの仮面」とのコラボレーションは、同作のコミックス第50巻が発売目前であることを記念した企画「ガラフェス」の一環として実現しました。絵柄は「マヤ」「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
