[B! IE] necozineのブックマーク

necozine id:necozine

IEに関するnecozineのブックマーク (15)

若手プログラマー必読！５分で理解できるER図の書き方５ステップ
データベース設計の基本中の基本であるER図。ER図を書きたいけど、﹁記法が分からない﹂﹁どういうステップで書けば良いか分からない﹂という若手エンジニアも多いのではないでしょうか。ER図は10種類近くあり、種類によって記法が異なります。このことが難しいイメージを与えていますが、実はそれほど難しいものではありません。覚えれば良いER図は2種類だけです。しかも、この記事で解説している基礎知識を押えれば、たった5つのステップで作成することができます。この記事では、ER図の基礎知識からER図の書き方まで、エンジニアが抑えておくべきER図の全知識をどこよりも分かりやすく解説します。この記事を読み終えたとき、若手エンジニアもER図を書けるようになっているでしょう。この記事を参考に最適なデータベース設計を進めて下さい。1．ER図とはER図とは、﹁データベース設計︵データモデリング︶で使う設計
necozine 2016/10/05
データベース

記事

設計

IE

エンジニア
リンク
Flexboxで決まり！ | Webクリエイターボックス
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
necozine 2015/03/03
menu

Class

書き方

logo

css

レイアウト

Webデザイン

web制作

IE

web
リンク
Compatibility changes in IE11 (Windows)
With Internet Explorer 11, you get better compatibility with web standards, other browsers, and real-world websites. There's updated support for popular web standards and changes that prevent older websites from displaying incorrectly. These changes include: User-agent string changes Document mode changes Legacy API additions, changes, and removals URL character encoding Custom data attributes HTM
necozine 2014/01/08
web

サイト

IE

javascript

ブラウザ

互換性

IE11
リンク
マイクロソフトがテストツール「BrowserSwarm」発表
テスト結果はInternet Explorer︵IE︶、Google Chrome、Firefox、Safari、OperaなどのWebブラウザのバージョンごとに合格率が表示される。テストに合格した項目と不合格だった項目は別々に参照でき、修正が必要な個所がすぐに分かるようになっている。 BrowserSwarmのプロジェクトは、jQueryライブラリの開発などに参加しているappendTo、クラウドベースのテスト用プラットフォームを提供するSauce Labs、マイクロソフトのInternet Explorer︵IE︶チームが協力して手掛けている。IEチームは﹁質の高いフレームワークは現代のWebの基盤であるにもかかわらず、さまざまな端末やWebブラウザで横断的なテストができるリソースはあまり存在していなかった。BrowserSwarmでは相互運用性を備えたフレームワークの構築を支援する
necozine 2013/09/28
テスト

web

フレームワーク

ブラウザ

javascript

MyInterest

microsoft

web開発

web制作

IE
リンク
IE8・IE9をクラッシュさせるシンプルなCSSコードが見つかる
わずか1行でInternet Explorerをクラッシュさせてしまうコードというものもありましたが、今回見つかったコードも、CSSに数行足すだけでInternet Explorer 8と9をクラッシュさせることが可能です。 Benutzer:Schinken/CSS-IE-Crash – Hackerspace Bamberg - Backspace http://www.hackerspace-bamberg.de/Benutzer:Schinken/CSS-IE-Crash デモページはこちら、IE8・IE9だとアクセスした瞬間にクラッシュし操作不可能になるので注意。 http://schinken.github.io/experiments/iecrash/crash.html 実際にIE8でアクセスしてみたところ、ページにアクセスしたとたんに一切の操作を受け付けなくなり、そのまま
necozine 2013/09/12
IE

microsoft

アクセス

web

css

WEBサービス

ブラウザ

GIGAZINE

security

セキュリティ
リンク
海外SEO情報ブログ - 海外のSEO対策で極めるアクセスアップ術
GoogleOther とはいったい何をしているクローラーなのだろうか？オプトアウトしても問題ないのだろうか？
necozine 2013/03/13
seo

SEO対策

firefox

海外

アドオン

IE

Google

Google Chrome

chrome

アクセスアップ
リンク
各ブラウザに対応するCSSハックやJavaScriptによるハックをまとめているWebサイト・Browserhacks
各ブラウザのバージョンごとのCSSハックやJavaScriptによるハック方法をまとめているWebサイト・Browserhacksをご紹介します。CSSハックという言葉自体ちょっと懐かしい気がします・・・ CSSハックやJavaScriptによるハック方法をまとめたサイトです。IEはともかく、OperaやSafariのハックはちょっと助かるかも。ブラウザ名で検索も出来る様になっています。IE、Firefox、Chrome、Safari、OperaなどのCSSハックやJavaScriptによるハック方法が掲載されています。試してないけどMedia QueriesでIEのCSSハックという方法は思いつかなかったです。デモページもあるのでハックが効いてるか確認する事も可能です。 Browserhacksにも書いてありますが、ハックは最適な解決法とは言えないので、個人のサイトなら別にいいと思
necozine 2013/03/03
javascript

css

サイト

レスポンシブ

IE

ブラウザ

hack

js

Webサイト作成

cssハック
リンク
jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します｜Webpark
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー3にマウスを乗せているところです。それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accordion"> <li><a href="#">カテゴリー１<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー１</a></li> <li><a href="#">サブカテゴリー２</a></li> <li><a href="#">サブカテゴリー３</a></li> </ul> </li> <l
necozine 2013/01/24
css3

jquery

HTML

css

詳しく

IE

webデザイン

web制作

JavaScript

アコーディオン
リンク
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-it emなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-it em; border: none; } ..... } Chrome、Safari、Firefox対応。IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
necozine 2012/11/02
table

demo

jQuery

テーブル

レスポンシブ

IE

webデザイン

web制作

デザイン

css
リンク
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン︵RWD︶で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。プロジェクトの概要大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました‥ 今回、新しい試みを行った背景には、このウェブサイトが﹁大学のウェブサイト﹂であることが大きな要因の一つとし
necozine 2012/09/21
レスポンシブ

webデザイン

デザイン

web

css

IE

HTML

html5

Web制作

webdesign
リンク
:before, :after擬似要素の使い方を基本からマスターするためのチュートリアル | コリス
擬似要素はCSS1から存在するもので、ここで解説する﹁:before, :after擬似要素﹂はCSS2.1でリリースされたものです。 CSS1では﹁:first-letter, :first-line﹂です。擬似クラス、擬似要素擬似要素の記述は一つのコロンを使用し、﹁:before, :after﹂となります。コロンを使用するものは他に、﹁:hover﹂などの擬似クラス、CSS3ではコロンを二つにした﹁::before, ::after﹂などがあります。サポートブラウザブラウザ﹁:before, :after擬似要素﹂をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。非サポートブラウザへの対応 IE7にも﹁:before, :after擬似要素﹂を利
necozine 2012/07/19
IE

ブラウザ

使い方

ソース

webデザイン

HTML

css

web制作

*あとで読む

チュートリアル
リンク
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザデスクトップ主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
necozine 2012/06/11
IE

ブラウザ

使い方

iphone

Android

デスクトップ

スマートフォン

web制作

webサービス

browser
リンク
レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い
デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値︵10.5pxとか9.2pxなど︶に対するブラウザの挙動です。たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル︵小数点以下のピクセル値︶の扱いの挙動差により生まれます。まずはパーセント指定の基本からまずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。たとえば100pxの親要素の中にある子
necozine 2012/05/31
ブラウザ

IE

css

webdesign

tips

レスポンシブ

responsive

ie

browser

レスポンシブデザイン
リンク
サイト内にクールにビデオやオーディオを設置できる「Yahoo! WebPlayer 」 | Web活メモ帳
米Yahoo! が埋め込み式のメディアプレイヤー Yahoo! WebPlayerを公開しました。かっこ良いのと使い勝手が良さそうだったのとで、いつか使うかもしれないメモ的エントリーです。このライブラリを使用する事で、mp3へのリンクやYoutube、動画へのリンクがページ内でかっこ良く再生してくれます。さらにページ内のリンクを自動で拾ってプライリストにしてくれたりもします。 ↑再生してみた様子対応ブラウザにはIE6も含まれているようですね。使い方使い方は簡単で、以下のスクリプトタグを</body>の直前に挿入すればOKです。 <script type="text/javascript" src="http://webplayer.yahoo apis.com/player-beta.js"></script> お手軽ですね:) 興味のある方は下のリンクからどうぞ〜。
necozine 2012/05/21
いつか使うかもしれない

youtube

使い方

設置

ブラウザ

text

IE

ie6

動画

javascript

音声
リンク
【CSS】IE6 リストで隙間が出るバグ | Yuki's SlowLife
IE7だと問題ないのですが、IE6で出る症状です。リストでナビゲーション作ってるときによく出くわします。←こんな感じで、リストに妙な隙間が出るやつ。margin:0px;にしてもpadding:0px;にしてもこの隙間は一行に消えません。＜ul＞＜li＞＜a href="#"＞ナビゲーションＡ＜/a＞＜/li＞＜li＞＜a href="#"＞ナビゲーションＢ＜/a＞＜/li＞＜li＞＜a href="#"＞ナビゲーションＣ＜/a＞＜/li＞＜/ul＞
necozine 2012/04/16
css

HTML

tips

ie6

バグ

IE

リスト

hack

ナビゲーション
リンク
1