マツエクをつけているとオイルで出来ているクレンジングは基本NGです。マツエクのグルー(接着剤)と油の相性が悪くマツエクが取れやすくなってしまうからなのですがマツエクを付けている人はどんなメイク落としを使っているのでしょう […]
マツエクをつけているとオイルで出来ているクレンジングは基本NGです。マツエクのグルー(接着剤)と油の相性が悪くマツエクが取れやすくなってしまうからなのですがマツエクを付けている人はどんなメイク落としを使っているのでしょう […]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方(基本編)もかなり(むしろほとんど)参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
斬新なアイデア、デザイン、全ては紙にメモをする事から始まります。WEBデザインは「普通」のデザインとは多少異なりますが、大体デザイナーは紙にスケッチする事から始めるでしょう。もちろん、ユーザーはそのメモやスケッチを見ることはできませんが。 CSSで作られたデザインも良いのですが、言い換えるとただの箱の集まりにすぎません。もし一味違ったデザインにしたいのなら、デザイナー自身が手描きしたものを取り入れることを検討しましょう。実際にブログ・ECショップ・広告などで、Flashや(X)HTMLを使って作っているサイトもあります。 手描きスタイルにはオリジナリティを発揮する力があるのです。リンク・アイコン・背景・ステッカー・線に手描きスタイルを使ったレイアウトは、サイトに「人間味」を与え、ユーザーの興味をひくページとなるでしょう。(注:手描きスタイルは、文字化けを起こす場合もあります。)それでは最新
当WEBサイトはご提供を終了しました。下記のサイトをご利用ください。 西清マテリアル ウェブサイト (ファブリック素材) CUT Japan ウェブサイト (レーザーカットスクリーン)
~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )
ソフトバンク株式会社の企業・IRページです。会社概要などの企業情報、プレスリリース、理念・ビジョン・戦略、投資家情報、サステナビリティ、採用情報などをご紹介します。
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
Flash enabled designers and developers to deliver rich content over the browsers, creating motion, interactivity and an impressive visual experience. Good Flash-sites do not require too much bandwidth, load fast and allow for a smooth interaction; besides, beautiful Flash-based sites are Photoshop masterpieces, transporting some kind of reality and fantasy to the Flash movie. In the showcase below
デザインに使えるテクスチャを探している。 そんなあなたにおすすめなのが、『Free Textures and Background Images』。無料で使えるテクスチャ&背景画像20選だ。 以下にいくつかご紹介。 » CGTextures 世界最高のテクスチャサイトを目指しているサイト。↑のキャプチャはこちら » gallerie1 花や木、石、鉄、タイル、空、火、水、氷などのテクスチャを無料で提供 » TextureWarehouse デザイナーと3Dアーティストのための高解像度のテクスチャ。ライセンスはCreative Commons(Attribution-NonCommercial-ShareAlike 2.0)。テクスチャは頻繁にアップデートされる » Mayang’s Free Textures クオリティの高いJPEGのテクスチャを3000以上配布。多くが2560×1920
クロスブラウザ、5つの掟 クロスブラウザとは ここでいうクロスブラウザとは、(X)HTML・CSSのブラウザ表示を同じにするという意味です。 5つの掟 1. Firefoxなどの標準準拠のブラウザに合わせてコーディングをする。 始めに基準のブラウザを決めます。シェアが高く標準準拠したブラウザということでFirefoxがいいでしょう。 基本はFirefoxで見れるように作り、その他のブラウザとの表示の違いが出てしまった場合のみ、CSSハック・条件付コメントを使い、その差をなくします。と言っても表示に差がでるのは、ほとんどIEだけですが。 2. DTD、文字コード、ブラウザの表示モードを統一する。 基本ですね。そのサイトごとに必ず統一しましょう。特に表示モードは顕著に違いが現れるので注意が必要です。また、WinIE6.0ではXML宣言をすると後方互換モードになるバグがあるのでXML宣言をす
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く