エキサイトブログのタグまとめ

エキサイトブログ」のタグがついている新着記事と人気記事をまとめました。エキサイトブログにはエキサイトブログに関連するブログ(日記、記録、写真、レビュー、噂、まとめ)がたくさん投稿されています。

「エキサイトブログ」タグの記事(134)

  1. エキサイト編集画面のアレンジ(53) IE11版 - More拡張 ver.4 - At Studio TA

    エキサイト編集画面のアレンジ(53) IE11版 - ...

    More拡張 ver.3 と基本部分は同じですが、全ての編集アイコンをフォント描画に改めました。 同時にタグ選択スイッチもフォント描画とし、スプライト画像を全く使わない編集画面となっています。また ver.4から、Chrome版とIE11版のデザイン及びコード上の差異を出来るだけ無くす方針で、細かな修正をしています。 IE11版とChrome版では同一コードに出来ない部分が生じますが、コード...

  2. エキサイト編集画面のアレンジ(53) IE11版 - More拡張 ver.4 - At Studio TA

    エキサイト編集画面のアレンジ(53) IE11版 - ...

    More拡張 ver.3 と基本部分は同じですが、全ての編集アイコンをフォント描画に改めました。 同時にタグ選択スイッチもフォント描画とし、スプライト画像を全く使わない編集画面となっています。また ver.4から、Chrome版とIE11版のデザイン及びコード上の差異を出来るだけ無くす方針で、細かな修正をしています。 IE11版とChrome版では同一コードに出来ない部分が生じますが、コード...

  3. エキサイト編集画面のアレンジ(52) Chrome版 - More拡張 ver.4 - At Studio TA

    エキサイト編集画面のアレンジ(52) Chrome版 ...

    More拡張 ver.3 以降の一番の更新部分は、編集アイコンのフォント描画で実現した事です。 デザイン上の工夫で「全ての編集アイコン」と「タグ選択ボタン」をスプライト画像からフォントによる描画に改めました。 フォントはエキサイトが標準で使用するWebフォント「FontAwesome」を利用しています。 これで編集画面からスプライト画像に依存する部分がなくなり、アレンジした明瞭なアイコンを標...

  4. エキサイト編集画面のアレンジ(52) Chrome版 - More拡張 ver.4 - At Studio TA

    エキサイト編集画面のアレンジ(52) Chrome版 ...

    More拡張 ver.3 以降の一番の更新部分は、編集アイコンのフォント描画で実現した事です。 デザイン上の工夫で「全ての編集アイコン」と「タグ選択ボタン」をスプライト画像からフォントによる描画に改めました。 フォントはエキサイトが標準で使用するWebフォント「FontAwesome」を利用しています。 これで編集画面からスプライト画像に依存する部分がなくなり、アレンジした明瞭なアイコンを標...

  5. エキサイト編集画面のアレンジ(51) 編集アイコンをWebフォントで描画する - At Studio TA

    エキサイト編集画面のアレンジ(51) 編集アイコンをW...

    編集アイコンのデザインは、アレンジを何度か繰り返して現在に至ります。 当初は、その数にしり込みしていましたが、取り組んでみるとそう多いと感じる事はなくなりました。 アイコン配置位置の組み換え、スプライト画像の改造、枠線のCSS描画化、スプライト画像の位置調整と進み、最近はスプライト画像からフォント描画への切り替えに進んでいます。フォント描画に手を着けたのが以下の(47)からです。しかし、アイ...

  6. エキサイト編集画面のアレンジ(51) 編集アイコンをWebフォントで描画する - At Studio TA

    エキサイト編集画面のアレンジ(51) 編集アイコンをW...

    編集アイコンのデザインは、アレンジを何度か繰り返して現在に至ります。 当初は、その数にしり込みしていましたが、取り組んでみるとそう多いと感じる事はなくなりました。 アイコン配置位置の組み換え、スプライト画像の改造、枠線のCSS描画化、スプライト画像の位置調整と進み、最近はスプライト画像からフォント描画への切り替えに進んでいます。フォント描画に手を着けたのが以下の(47)からです。しかし、アイ...

  7. Chrome DevTools を使ってみよう (19) - At Studio TA

    Chrome DevTools を使ってみよう (19)

    エキサイトブログのトップページを DevToolsを使って調べます。 以下のリンク先をサンプルにしているので、Chrome・DevToolsで開きながら読まれると、より判り易いと思います。 リンクボタンのアイコンはWebフォント  アイコンの実体は文字 ログインしたエキサイトユーザーにはトップページに3つのボタンが表示されます。このボタンのアイコン部分の要素を調べると、興味深い事が判ってきま...

  8. Chrome DevTools を使ってみよう (19) - At Studio TA

    Chrome DevTools を使ってみよう (19)

    エキサイトブログのトップページを DevToolsを使って調べます。 以下のリンク先をサンプルにしているので、Chrome・DevToolsで開きながら読まれると、より判り易いと思います。 リンクボタンのアイコンはWebフォント  アイコンの実体は文字 ログインしたエキサイトユーザーにはトップページに3つのボタンが表示されます。このボタンのアイコン部分の要素を調べると、興味深い事が判ってきま...

  9. Chrome DevTools を使ってみよう (18) - At Studio TA

    Chrome DevTools を使ってみよう (18)

    エキサイトブログのトップページは、デザイン工夫の良い見本です。 今回は、DevToolsを使って、このページを調べてみます。 以下のリンク先をサンプルにしているので、Chrome・DevToolsで開きながら読まれると、より判り易いと思います。 リンクボタンのデザイン デザイナーは小さな所に気を使い、それとなくスマート感を演出します。 ページの右上のユーザーの利用頻度の高いメニューボタンは、...

  10. Chrome DevTools を使ってみよう (18) - At Studio TA

    Chrome DevTools を使ってみよう (18)

    エキサイトブログのトップページは、デザイン工夫の良い見本です。 今回は、DevToolsを使って、このページを調べてみます。 以下のリンク先をサンプルにしているので、Chrome・DevToolsで開きながら読まれると、より判り易いと思います。 リンクボタンのデザイン デザイナーは小さな所に気を使い、それとなくスマート感を演出します。 ページの右上のユーザーの利用頻度の高いメニューボタンは、...

  11. Chrome DevTools を使ってみよう (17) - At Studio TA

    Chrome DevTools を使ってみよう (17)

    背景画像の設定は、ページデザイン上で必ず必要になります。 テクスチャーの利用や、ネット速度の向上で、最近は大きい画像を背景にする事も多くなっています。 今回はその基礎になるテストです。 以下のテスト手順は、実際のアレンジのテスト作業にも応用できると思います。Toolsの編集画面の説明は以下のページをサンプルにしています。 実際にDevToolsを操作しながら読まれると、いっそう判り易いでしょ...

  12. Chrome DevTools を使ってみよう (17) - At Studio TA

    Chrome DevTools を使ってみよう (17)

    背景画像の設定は、ページデザイン上で必ず必要になります。 テクスチャーの利用や、ネット速度の向上で、最近は大きい画像を背景にする事も多くなっています。 今回はその基礎になるテストです。 以下のテスト手順は、実際のアレンジのテスト作業にも応用できると思います。Toolsの編集画面の説明は以下のページをサンプルにしています。 実際にDevToolsを操作しながら読まれると、いっそう判り易いでしょ...

  13. Chrome DevTools を使ってみよう (16) - At Studio TA

    Chrome DevTools を使ってみよう (16)

    DevTools を使い慣れた人には自明の事かも知れませんが、DevToolsのウインドウ設定の基本を整理します。 〔 DevTools のウインドウ設定 〕  Chrome画面とDevTools 同居か別居か DevToolsの右上、「︙」メニューの最初で、「Chrome画面とDevToolsが同じウインドウ」❶ か、「Chrome画面とDevToolsが別ウインドウ」❷ かが選択出来ます...

  14. Chrome DevTools を使ってみよう (16) - At Studio TA

    Chrome DevTools を使ってみよう (16)

    DevTools を使い慣れた人には自明の事かも知れませんが、DevToolsのウインドウ設定の基本を整理します。 〔 DevTools のウインドウ設定 〕  Chrome画面とDevTools 同居か別居か DevToolsの右上、「︙」メニューの最初で、「Chrome画面とDevToolsが同じウインドウ」❶ か、「Chrome画面とDevToolsが別ウインドウ」❷ かが選択出来ます...

  15. Chrome DevTools を使ってみよう (15) - At Studio TA

    Chrome DevTools を使ってみよう (15)

    今回は実践編です。 実際に私がスキンアレンジをした経過の順を追ってレポートします。私は、「右クリック禁止」のブログパーツを利用しています。 コピー禁止などは全く考えになく、画像の拡大視をスマートに実現したいからです。 今までの基本的な設定は以下を参照ください。で、この今までの設定で、少し気になっていたのが、このブログパーツの「CLOSE」の表示です。 どこをクリックしても抜けられるので無くて...

  16. Chrome DevTools を使ってみよう (15) - At Studio TA

    Chrome DevTools を使ってみよう (15)

    今回は実践編です。 実際に私がスキンアレンジをした経過の順を追ってレポートします。私は、「右クリック禁止」のブログパーツを利用しています。 コピー禁止などは全く考えになく、画像の拡大視をスマートに実現したいからです。 今までの基本的な設定は以下を参照ください。で、この今までの設定で、少し気になっていたのが、このブログパーツの「CLOSE」の表示です。 どこをクリックしても抜けられるので無くて...

  17. エキサイト編集画面のアレンジ(50) 編集画面の背景テクスチャー設定について - At Studio TA

    エキサイト編集画面のアレンジ(50) 編集画面の背景テ...

    編集画面の編集枠・入力枠・画像パレット・各種ボタンなどを除いた部分、いわゆる画面背景部の背景色は、各基本CSSの最後に纏めて指定する様にしています。 本来は画面のパーツ各所での指定になりますが、これをこの場所で纏めて指定するのは、メンテナンスを良くするためです。このコードの部分は以下の部分で、この部分で「background」の指定を変える事で、簡単に好みの配色に出来ます。Chrome版 -...

  18. エキサイト編集画面のアレンジ(50) 編集画面の背景テクスチャー設定について - At Studio TA

    エキサイト編集画面のアレンジ(50) 編集画面の背景テ...

    編集画面の編集枠・入力枠・画像パレット・各種ボタンなどを除いた部分、いわゆる画面背景部の背景色は、各基本CSSの最後に纏めて指定する様にしています。 本来は画面のパーツ各所での指定になりますが、これをこの場所で纏めて指定するのは、メンテナンスを良くするためです。このコードの部分は以下の部分で、この部分で「background」の指定を変える事で、簡単に好みの配色に出来ます。Chrome版 -...

  19. Chrome DevTools を使ってみよう (14) - At Studio TA

    Chrome DevTools を使ってみよう (14)

    ネット上の優れたデザイン手法を見て、それを自分も使いたいと思う場合があります。 そのデザインをDevToolsで調べて、もしCSSの技術のみで実現したものなら、自分のページでも同じ事が出来る可能性があります。 今回は、デザインの輸入です。Toolsの編集画面の説明は以下のページをサンプルにしています。 実際にDevToolsを操作しながら読まれると、いっそう判り易いでしょう。 〔 デザインを...

  20. Chrome DevTools を使ってみよう (14) - At Studio TA

    Chrome DevTools を使ってみよう (14)

    ネット上の優れたデザイン手法を見て、それを自分も使いたいと思う場合があります。 そのデザインをDevToolsで調べて、もしCSSの技術のみで実現したものなら、自分のページでも同じ事が出来る可能性があります。 今回は、デザインの輸入です。Toolsの編集画面の説明は以下のページをサンプルにしています。 実際にDevToolsを操作しながら読まれると、いっそう判り易いでしょう。 〔 デザインを...

1 - 20 / 総件数:134 件

似ているタグ