『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな

Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの？」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ！ あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1．ファイル管理系ショートカット1-1．新規作成1-2．キャンバスサイズの変更1-3．上書き保存1-4．別名を付けて保存1-5．ウィンドウを閉じる1-6．アプリケーションを終了2．基本ショートカット2-1．コピー2-2

進撃の巨人ロゴジェネレーター 公開する/ 公開しない 誹謗中傷は侮辱、名誉毀損となり、罰せられる場合があります 最近作成された画像一覧 >>もっと見る >>もっと見る >>もっと見る (C)Kunihiro Tanaka - Twitter - K-yuiさんの素材を活用させて頂きました

P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

フラットデザインのwordressテーマ37個です。 最近日本のYahooもフラットデザインを採用して話題になっているので、 フラットデザインのテーマを検討する人も多いんじゃないのかな？と思って並べてみます。 コメントでそもそもフラットデザインってなんなの？ こちらが参考になると思います。 5分で分かる製作現場（8）：5分で分かるフラットデザイン (1/5) – ＠IT http://www.atmarkit.co.jp/ait/articles/1306/11/news094.html Metro – Windows 8 Metro WordPress Theme  MORE INFO / DEMO めっちゃwindows8ぽいｗ Business Essentials Premium WordPress Theme – MORE INFO / DEMO

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお話しを致します。 カラーパレットは自作しない そもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。 そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。 ですので私は、自分で作りません。他の色んな物を利用します。 それは時に写真や画像であったり、人が作

こんにちは Latin です。 コンフェデレーションズカップはじまりましたね！夏のフットボール観戦はやっぱり燃えます。 さて今回は、WordPressの「3大カスタム要素」と題しまして、「カスタム投稿タイプ」、「カスタムタクソノミー」、「カスタムフィールド」についてまとめていこうと思います。 目次 カスタム投稿タイプ カスタムタクソノミー カスタムフィールド 3大カスタム要素を使ったサイトの運用例 追加されたカスタム要素の表示サンプル どういったケースで使うの？ 例題として今回は、「コーポレートサイト」の場合を想定してみます。 カスタム投稿タイプ 通常の投稿記事と「切り分けたい場合」や「体裁の違うコンテンツを投稿したい場合」によく用いられます。 例えばコーポレートサイトの場合、通常の「投稿」は「お知らせ」などの記事で運用しているケースが多く、 そこに「本の紹介」などの「体裁の違う記事」を投

2. 自己紹介自己紹介 情強そば屋の中の人こと砂原 昌史 そば屋五兵衛の店主 砂原 謙一(父) 現在⼆級在宅⼠とプログラミングの⽇々 ◦ そろそろ本気出したい ◦ 最近は C#(WPF) いじってます 言語 ◦ メイン：html, css, javascript, PHP, C#◦ メイン：html, css, javascript, PHP, C# ◦ サブ：perl, powershell ◦ たしなむ程度：ruby, python ◦ 忘れつつある：vbs ◦ ほぼ忘れた：C 松本経済新聞の記事は一部誤りが。 ◦ 過去にプログラマーはしたことありません。 Icons by http://dryicons.com

比較的経験の浅めの人のHTMLとCSSコーディングを見ることが増えたのですが、その際にこうしたほうが良いかなーと思う箇所が共通してたりするので、まとめてみました。 ただ以下にあげる例は、状況によっては使わないといけなかったりするので絶対ではありません。そう絶対ではありません。 floatを覆っている要素の高さをだす 要素をfloatすると、それを覆っている要素の高さがなくなります。その高さをだす場合は以下のような方法をとります。 親要素にoverflow: hidden;を指定する 親要素にclearFixを使う 強引にheightで高さをだしている場合をよく見るのですが、その方法だと中の要素が変わるたびに指定をしなおさないといけなくなりますので、height以外の方法をとるのがオススメです。 floatを解除する方法のまとめ: 小粋空間 floatはclearする 先ほどのclearFi