困った時の強い味方！Fireworks「Kuler」の使い方 - EC studio デザインブログ
今まで知っていたけど、Firework CS4 で使わなかった機能 「Kuler」が便利そうなので、機能をまとめて紹介します。 Adobe Kuler とはプロジェクトのインスピレーションとなる カラーテーマを作成できるアプリケーションです。 ビジュアルを作成するときに、カラーバリエーションを簡単に試すことができ、 また、Kulerコミュニティにある何千ものテーマを閲覧することも可能です。 KulerはCS4（Photoshop、Illustrator、InDesign、Fireworks、Flash）に 組み込まれていて、利用することができます。 また、上記のアプリケーションを持っていない方でも Webアプリケーションとして無償で提供されています。 Kulerの詳細はこちら Webアプリケーション版でもいいのですが、 弊社ではFireworksをよく利用するので、Fireworks版をご
15 Amazing & Free Flash Based Image Galleries - WPLoaded
There’s no doubt that with those nifty javascript frameworks like jQuery, creating a nice image gallery or slideshow has become quite easier but still they are far behind the way interface can be built using Flash. Here are 25 really amazing flash based image gallery scripts that provide not only nice user interface but are free and easy to adapt into your website. 1. Polaroid Gallery Polaroid is
WIX.com: Free Website Builder | Create a Free Website
CREATIONWebsite designCreate your site with intuitive design features. Website templatesChoose from 900+ website templates. AI website builderCreate your site in no time with AI. BUSINESSeCommerceRun & grow your eCommerce website. SchedulingManage appointments, staff & clients. RestaurantManage your menus, orders, and reservations. BlogShare ideas & grow your traffic. PortfolioShowcase your work w
Tonttu
Tontuu is help for web-developer to create CSS Sprites・ファイルの読み込み(ドラッグ＆ドロップ) ・ソート1 (Sort direction:col ⇒ Sort type:IMAGEBASE ⇒ padding:0) ・ソート2 (Sort direction:row ⇒ Sort type:IMAGEBASE ⇒ padding:30) ・ソート3 (Sort direction:col ⇒ Sort type:POSITIONBASE ⇒ padding:100) ・ソート4 (Sort direction:row ⇒ Sort type:POSITIONBASE ⇒ padding:150) ファイルを開く 画像ファイル(gif,jpeg,png)、もしくは拡張子.ttdのプロジェクトファイルを、2通りの方法で開くことが出来ます
macOSでサーバー稼業 & どうせ疲れるなら、できあがったものをどう活かすかで疲れたいよね
クリックで手軽にiOSやMacと親和性の高いサーバー運用ができる、そんな夢を背負ってデビューしたServer.appは、気がつけば、その役割を縮小し細々とした存在になってしまいました。同時に、その掲げられた夢にすがって恩恵を受けていたユーザーたちは、路頭に迷う時代になりました。 中小オフィス向けサーバーを簡単に構築、管理できるという位置づけでのServer.appの提供はなくなりました。しかし、その向こう側には、かつてと変わらないパワフルな環境が引き継がれています。ここでは、Server.appに頼らず、macOSの基本構成を中心に、ちょっと小さなオフィスや自宅向けのサーバー環境を構築、運用する方法を考えていきます。
10 Free WordPress Plugins for Adding jQuery Effects to Your Site
10 Free WordPress Plugins for Adding jQuery Effects to Your Site jQuery is an incredibly popular JavaScript library – and for good reason. It’s powerful, fast and is supported by a multitude of web browsers. In fact, WordPress comes bundled with a version of jQuery to provide functionality and allow developers an easy way to tap in. If you’re looking for a super-easy way to implement various jQuer
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
素晴らしいWordPressのフッターデザイン集「20 great WordPress Footer Designs for Inspiration」
TOP > WebDesign , WordPress > 素晴らしいWordPressのフッターデザイン集「20 great WordPress Footer Designs for Inspiration」 WEBのインターフェイスで重要な要素の一つフッターその使い方は様々で単純にコピーライトをいれる場合もあればナビゲーションとして有効活用されている場合もあります。今日紹介するのはwordpressで作られた上手くフッターを活用している例を集めたエントリー「20 great WordPress Footer Designs for Inspiration」を紹介したいと思います。 Web Development & Design Tutorials – Nettuts+ 主にナビゲーションに使われている例が多いのですが、その見せ方も様々です。今日はその中からいくつか気になったも
【CSS】孫メニューまでオッケーなCSSのプルダウンメニュー | バシャログ。
以前にご紹介した「CSSで実現するプルダウンメニュー」のコメントで、孫メニューまでプルダウンする方法のリクエストをいただきましたので、ご紹介します。 確認ブラウザは IE7、IE8、Firefox3、Chrome2、Opera9、Safari3 です。 CSS のみでは IE6 対応が不可能ですが、前回同様 IE の独自機能（DHTML）を併用することで IE6 でも孫メニューまでのプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 バシャログ。 バシャログ.biz マニュアル制作 Document_blog ペンペケペン ローカライズ 今日のIT英語 検索エンジン Yahoo! Japan Google 画像検索 動画検索 マップ ニュース グループ Goo excite Biglobe 週刊少年漫画 少年ジャンプ
30 WordPress Development Tutorials | Pro Blog Design
WordPress can be very simple to work with, but it can also be very complicated. The system can be used to do just about anything you like. In this post we have collected together a range of tutorials that span from the very first things you need to know, like working with the loop, to much more complicated tricks, like setting up post thumbnails on your home page. The 30 Tutorials WordPress Tutori
RedLine Magazine : 印刷用CSSのお話
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
1ランク上のブログにステップアップするためのアドバイス
1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
HTML5：そろそろ本気で勉強するためのリソース | Tokyo O life
nobiさんが、HTML5を熱く語り始めた。 Web 2.0は、その時点で起きていた、インターネット関連のさまざまな新トレンドを、ゆるやかにひとくくりにして、名付けたものだが、 これに対してHTML 5は、 ITの世界を本気で変えようと、多くの企業や人々が集まって巻き起こしている革命だ。 [From nobilog2: 「HTML 5 > Web 2.0」の声かけ確認でITガラパゴス化を防ごう！] 昔からnobiさんが熱くなって騒ぐことは、たいがい流行る。早すぎて周りが理解できないこともあるのだが、今回は過去を反省して、さっそく乗っかることにした。 今はHTML5を公式にサポートしたSafari 4の製品版がMac版とWin版の両方で公開されたことで、HTML5がいきなり身近になったことは確かだ。Google Chrome 3.0、Firefox 3.5でもHTML5がサポートされるので、
960pxのグリッドシステムを使用する際に役立つサイト集
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
WordPressのためのテーマフレームワーク·Thematic MOONGIFT
MOONGIFTのデザインは見づらい、見づらいと言われつつも何となく変更する気力が起きずそのままになってしまっている（申し訳ない）。デザインしてみたいという方がいらっしゃれば、このメールアドレス宛に連絡＆金額を送ってもらいたい。 シンプルにカスタマイズが容易なWordPressのテーマ用フレームワーク と、まぁ宣伝はそこまでにして。最近、WordPressも安定してきたようでWebシステムの開発でCMSとして利用されることが増えてきている。その際にはもちろんデザインを変更することになるのだが、CMS特有の組み方が必要になる。そのような場合、ベースになるフレームワークを使うと開発効率が上がる。 今回紹介するオープンソース・ソフトウェアはThematic、WordPressのテーマフレームワークだ。 Thematicはフレームワークらしく、とてもシンプルなWordPressのテーマとなっている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEにも対応！10分でできるWebフォント実装法 (1/3)
Loading...
e.b.i.f WordPress Photolog Theme: Photo-Biyori