2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
効果的なミニマルデザインと退屈なデザインの境界線
2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう？Wikipediaを見ると ミニマル・デザイン（Minimal Design）は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
『あの人の文章力』を調べる機能が追加されたpopInがやばい
実にユニークなFirefox拡張アプリとして使っていたpopInに、ブロガーの文章力を調べる機能が実装された。これはやばい。 正確には文章の難易度を測定する機能なので、わかりやすい言葉かどうかを測定する為のもの。 ようするに、文章が難しくて読めない人がいるかも、といった測定に近い。 web屋という生き物は、サイトを作る時によほど素人じゃない限り、ターゲットを設定します。メインターゲットとなる人たちがわからないような文章になっていないかを簡単に測定できるツールとして非常に興味深い機能だと感じました。 他にも色々面白い機能満載なので一度は試してみる事を強くお勧めします。 詳細は以下に。 キーワードは利便性 popIn公式サイト popInの最大の特徴は、なんと言っても『その場検索』『その場翻訳』『その場ツイッター』と言った、スピード能力にあります。 Firefoxの拡張なので、ブラウザが限定さ
【Fireworks】スライスに一括で連番をつけてくれるコマンド | バシャログ。
地元では BS が映らなくなったり停電したりするほど雪が降ったのに、馬車道にはまったく雪が残ってないのはどういうことでしょう。 toyama です。同じ横浜市なのに… スライス、してますか？ Fireworks のウリのひとつに「Web 制作に欠かせないスライス機能」があるわけですが、今日はそのスライス機能をさらに便利にしてくれるコマンドをご紹介します。 スライスに連番をつけてくれるコマンドです。 その便利さたるや、もっと早く出会いたかった！今までの自分がバカみたい！というレベルです。 1.コマンドをインストール PIXEL LAB さんから Fireworks 用オリジナルコマンド（jsf）をダウンロードしてインストールします。 2.スライスを設定 例として、こんな感じのサイトを作っているとしましょう。 グローバルナビや画像にスライスを設定します。 矩形スライスを使うと早いです。 3.コ
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
i474.info
i474.info This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directl
Fireworksの「JPEGマスク」を使って画質を細かく指定する | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 回線の高速化も進み、従来よりかはコンテンツのファイルサイズをそこまで気にしなくてもよい雰囲気にもなりましたが、ページの読み込みは抑えられるのなら、できる限り抑えた方がよいのは明白です。読み込みコンマ数秒の間に、手から砂が零れるようにユーザーはページ離脱へと向かってしまいます。 そこで、Fireworksの機能「JPEGマスク」を用いて、画像の画質を細かく設定してみましょう。 この機能を使うと、画像内の重要な部分（メインの被写体や文字）の画質を上げ、重要度の低い部分（背景など）の画質を下げる事が出来るのです。 つまり、画像の見せたいところだけを見せ、画像自体のファイルサイズを抑えることが出来ます。 写真を選択し、選択範
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
厳選！Fireworksでのデザインにも役立つ、無料素材サイト様 | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 個人的によく利用させてもらっている、Fireworksでも使える無料の素材サイト様です。（Fireworksに限らず） 写真、アイコン、フォントなど、Fireworksでは色々な素材を使う事ができ、そして必要となります。完成時のクオリティを上げるため、効率を上げるためにも、ありがたく素材を利用させていただきましょう！（ただし利用時のライセンスなどはしっかりとご確認を！） 素材サイト photo Xpress ｜ 写真素材 無料登録をする事で、1日に決められた数だけ高品質な写真をダウンロードできます。海外サイトですが、非常に分かりやすくて使いやすいです。また、有料で更に高品質な写真も取り扱っています。 僕は現在、10枚
RedLine Magazine
最近のコメント PHP オブジェクト指向の勉強 └ Red - 2010.01.08 └ hogepage - 2010.01.21 └ Red - 2010.01.22 └ - 2011.11.27 └ houseiii - 2011.11.27 Fireworks トリミング画像を一括書出 CS4編 └ Iper - 2009.06.27 └ Red - 2009.06.27 └ mala - 2011.11.17 └ Red - 2011.11.18 jQueryでボックスを上下左右中央に簡単配置 └ ミラクル - 2009.03.15 └ Red - 2009.03.15 └ entZ - 2011.10.22 └ Red - 2011.10.24 overflow を使用したボックス背景のこと └ - 2007.12.13 └ Red - 2007.12.13 └ - 2007.
Googleリーダーに登録しているブログを情報収集のために最適化してみた - ネタフル
前からやろうやろうと思っていたことでなかなか実行に移せずにいたのですが、ようやくGoogleリーダーに登録しているブログを情報収集のために最適化してみました。 GoogleリーダーはRSSリーダーです。RSSリーダーというのは、RSSフィードを登録して読むためのものです。ブログはRSSフィードがありますし、ニュースサイトなども最近では漏れなくRSSフィードしている昨今です。 RSSフィードをRSSリーダーに登録しておくと、更新情報をまとめて確認することができるのですね。 最近はツイッターに更新情報を流すのも一般的ですが、 ・まとめて確認したい ・読み逃したくない といった場合には、まだまだRSSリーダーの出番があります。 拙著「“知りたい情報”がサクサク集まる！ネット速読の達人ワザ」でも、RSSリーダーはフロー情報を収集するための重要なツールとして登場します。 GoogleリーダーにRSS
お金が無くとも実践できる21の素敵なマーケティング手法 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ インターネットで誰でも自社サービスを簡単に世界に売り込めるようになったと言っても、サイト制作や広告宣伝にはお金がかかり、SEOするにしても外注すればお金がかかる（＆結果の保障なし）だったりするわけです。同じく0から始めたシリアルアントレプレナーの筆者が、そんな悩めるあなたにお金が無くとも実践できるネットマーケティングの手法を21も紹介してくれました。これを読めば「お金が無くて自社サービスを十分に売り込めない」なんて言い訳は通用しなくなるかもなので、ある意味覚悟して読むべきかも？ — SEO Japan あなたも自分の会社をオンラインで売り込もうとしている？というか、やっていない人なんていないので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://totoco.org/blog/2007/0805-0035.php
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
Fireworksのチュートリアルいろいろ - DesignWalker
