dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS MEDIA
mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS
デザインの原理原則がわかる8つの記事 | creive
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
アフィリエイトサイトを制作する時に見本にしたいサイト11選+αとサイトをチェックする際の注意点 - 冒険の書
先日、「アフィリエイトで月100万円稼ぐための考え方と手法」というエントリーを書いた際、コメントでいくつかの質問をいただきました。 その中で、アフィリエイトサイトの制作方法について質問をいただき、アフィリエイトを始めたばかりの方は、一体どういったサイトを作れば良いのかわからないという方は多いのではと思いました。 なので今回は、アフィリエイトサイトを制作する際に、参考にするべきサイトと、サイトを見る際の注意点について書こうと思います。 勉強するなら稼いでいる人のサイトで勉強する 世の中にはたくさんのサイトがありますが、参考にするなら稼いでいる方のサイトで勉強するべきです。アフィリエイトは綺麗なサイトを作れば稼げる訳ではありません。もちろんキレイなサイトで稼いでいるサイトもたくさんありますが、すごくキレイに作り込んでいるのに稼げていないというサイトもあります。 最近A8サイトコンテストで、たく
浮世絵や日本画も！博物館所蔵の４万超の画像を無料ダウンロードできるコレクションが素晴らしい！ : Japaaan
アメリカのスミソニアン博物館が所蔵する作品の中から４万点超の作品を画像ギャラリーとして公開しました。 さらに素晴らしいことにこれら公開されたコレクションが無料でダウンロードでき、非商用であれば再利用が可能とのことです。 公開されている作品は様々な国／時代のものがあり、もちろん日本の作品も浮世絵や日本画を始め数多く公開されています。 英語ページのため少し検索が分かりづらいと思いますので、日本の作品を探す方法を簡単に紹介しますね。 １、まず下記ページにアクセスします。 Search | Collections | Freer and Sackler Galleries ２、左のメニュー「Browse by」から「Place → Japan」を選んでください。そうすると日本の作品に絞った検索結果が表示されます。 浮世絵、日本画、陶器など様々な作品が結果として表示されていますので、メニューの「Ob
【商用可】無料でレトロ風ロゴ素材がダウンロードできるサイト43選
どうも。最近は、古き良き時代のアメリカン家具屋に行くことにハマっているやなぎさわです。そこにレトロ風なロゴなどが沢山あってかっこよすぎてたまりません。 そんなレトロ風なロゴデザインが最近注目を浴びているようです。まさに時代は繰り返されるんですね。 そこで今回は、デザイナーやノンデザイナーでも使えるレトロ風ロゴデザインの素材（ベクターデータ）を、無料でダウンロードできるサイトをいくつかご紹介します。 無料でダウンロードできるレトロ風ロゴ素材計43個 特にロゴのデザインについてコンセプトなどは無いと思います。あくまでもレトロ風な雰囲気を味わって楽しんでみてください。 組み合わせる背景写真によって、好みのロゴを合わせるというのがおすすめですね。 また、実際に使用しているフォントデータの名前やダウンロード先URLが記載してありますので、いい感じのフォントを手に入れられます。ほとんど無料でゲットでき
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
無料＆商用利用可能、武骨でポップな極太日本語フォント「鉄瓶ゴシック」
ボコボコした鉄瓶のアウトラインのような、ゴツゴツした味わいのある日本語フォントが「鉄瓶ゴシック」です。ひらがな、カタカナ、教育漢字、常用漢字、第一水準漢字、第二水準漢字、数字、アルファベット、記号に対応しており、PhotoshopやIllustratorで加工して楽しむこともできます。 鉄瓶ゴシック – フリーフォントダウンロード | フォントな自由｜日本語フリーフォント無料ダウンロード http://fontna.com/freefont/?p=12 鉄瓶ゴシックは極太のゴツゴツした質感の味わいのあるフォント。商用・非商用問わずに無料でダウンロードして使える、ロゴデザイン・タイトル・見出し向けの漢字も含む日本語フリーフォントです。 ◆ひらがな＆漢字 ゴツゴツしたフォントなので漢字やひらがなに味わいを与えることができます。 ◆カタカナ カタカナでフランス文学の作家やタイトルを書くだけで何と
はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ - 遊ぶように働く社長のほぼ日刊ブログ
2014-08-16 はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ ブログ運営 今日のこの記事は「はてなブログ」を始めてちょうど100記事目になります。5月1日から始めたのでちょうど3ケ月半での達成です。今日は100記事ポストするまでに、このブログに何をしたのか？何があったのか？を書きたいと思います。大したことは書きませんのでサラッと読み進めてください。 デザインの設定 はじめは公式デザイン（Epic by hatenablog）を使用していたのですが、最終的に「Witten by jclv」に落ち着きました。また、個性を出すためにヘッダーの画像を「ペイント」を使って作成しました。 記事タイトルの下にSNSボタンを設置 はてなブログでは標準で記事下にSNSシェアボタンが付きますが、記事タイトルの下にも設置しました。 ツイートボタン、いいねボタンなどをまと
フリーランスも知っておかないといけないデザイン料金の相場まとめ
フリーランスをスタートして半年以上が過ぎて、まだまだ月々の売上は売上報告にも書いている通り、多い時と少ない時の差がかなりありますが、ありがたいことに仕事自体は次第に増えています。 そうするとしっかりと考えておかないといけないのが、デザイン料金の設定です。これまではクラウドソーシングでのコンペや受注案件など、価格が決まっているものに応募したり、受けたりする流れでしたが、これからクライアントや代理店の方と直で料金の交渉をしたり、見積書を提出することが増えていきます。 そこで改めてその中のデザイン料金の相場について考え、まとめてみました。 デザイン料金で揉める場合 サバイブログでは過去に「デザインのクオリティと値段の関係をハッキリさせておこう」、「【クラウドソーシングも含む】プロに低料金の案件を気持良く、しっかり仕事をしてもらうコツ」という記事で、デザインとお金の関係に関しては色々と思うところを
超厳選！ハリウッド映画タイトル風のフリーフォント36個
どうも、やな☆ぎさわです。 僕は、映画が大好きでよく観るのですが、それぞれの映画で使われているタイトルフォントはオリジナリティがあってかっこいいなぁと常々思っています。 そこで今回は、映画で使われているっぽいタイトルフォントがダウンロードできるサイトをいくつかご紹介します。 ぜひとも、パロディ感覚でイベント告知のポスターやパンフ、バナーなんかに使用して、あの名画を再現してみてはいかがでしょうか。 以下で紹介しているフォント達はどれもムッチャクチャ格好いいのですが、商用に使えるやつと使えないやつが混じっているため、ご利用の際はライセンスをしっかり確認してくださいね。 パイレーツオブカリビアン風フォント 海の男、いや、漢たちの話。 ＞＞フォントダウンロードはコチラ スター・ウォーズ風フォント そう、この記事を書いている今も、広い宇宙のどこかでは、互いの星の運命をかけた宇宙戦争が繰り広げられてい
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
知っておいてよかった！Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧：multiply／screen／overlay／darken／lighten／color-dodge／color-burn／hard
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
描きこまれた小さな草花がかわいい！シームレスに使えるフローラル柄のテクスチャとパターン素材