ie10でメディアクエリが動作しない！ | サイトスパイラル(Sitespiral) - 沖縄で ホームページ制作 / WordPressのことなら
WordPressを利用して、お客様のサイトをレスポンシブWebデザインで制作していたところ、Internet Explorer 10(以下ie10)でも、レスポンシブな動作を確認しようと、画面を小さくしてみたところ、あれ？ メディア クエリ(Media Queries)が動作しない！(泣) はて？どうしてか？ Firefoxで試すとメディア クエリ(Media Queries)が動作し、レスポンシブな動作をする！ あれ？？ ie10の問題？ Win8+ie10では問題なし！ Win7+ie10だけ、この現象。。。。 この前、Win7で「重要な更新」のWindows Updateで勝手にie9からie10にさせられたが、Win7+ie10の組み合わせで、メディア クエリ(media query)が動かないということなのか？ ネット上で調べてもie9/ie10ではメディア クエリ(media
MediaQuery まとめ - IT戦記
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
WEBライティング技能検定 本試験 採点規準について | 一般社団法人 日本クラウドソーシング検定協会®
＜最新ニュース＞ 経済産業省発行の資料にWEBライティング技能検定が掲載されました。 国や地方自治体との共同の取り組みも進んでいます。 IT関連など、多数企業様がWEBライティング技能検定講座を社員教育用教材として導入！ 作家 原田まりるさんがWEBライティング技能検定を受験し合格されました！ WEBライティング技能検定の資格取得を社員に必須化！リビン・テクノロジーズ株式会社の川合大無社長にインタビュー WEBライティング技能検定 本試験 配点について 現在、WEBライティング技能検定本試験は4択問題50問と実技ライティング問題4問を出題しております。 点数配分と致しましては、4択問題50点、ライティング問題各50点、計250点満点となっており、実技ライティング問題の比重が非常に高くなっております。 またライティング問題の採点は文法だけではなく、クラウドソーシングのライティング案件で承認さ
jQueryでレスポンシブメニューをアコーディオンタイプでシンプルに実装する方法｜BLACKFLAG
レスポンシブサイトでメニュー等のナビゲーションを扱う際、 PC向けレイアウト時にはボタンをページ上に並べ、 スマートフォン向けレイアウト時にはボタン一式を折りたたんで ハンバーガーボタンでメニューを開閉させるUIにすることで スマートフォン向けの画面でもナビゲーションをコンパクトに扱えるUI技法があります。 そんなレスポンシブ対応のナビゲーションメニューUIを jQueryを使ってできるだけシンプルな構成で作ってみたのでご紹介してみます。 「jQueryでレスポンシブメニューをアコーディオンタイプでシンプルに実装する方法」サンプルを別枠で表示 サンプルではウィンドウサイズが768px以上ならばPC向けナビゲーション、 768px以下だったらスマートフォン向けのナビゲーションに切り替わります。 PC向けナビゲーションではボタン類は画面内に横並びですべて表示されます。 スマートフォン向けナビゲ
jQueryでレスポンシブ対応のタブとアコーディオンを切り替えるUIをシンプルに実装する方法｜BLACKFLAG
レスポンシブWebデザインでのサイト構築において、 PCのような大きな解像度の画面向けの場合ではタブ切り替えで実装しているUIを スマートフォン向けの小さめの解像度の画面ではアコーディオン方式のUIに 切り替える動作を見かけることがあります。 それぞれの画面解像度によって最適なUIに切り替える手段になりますが そんなレスポンシブ対応のタブとアコーディオン切り替えUIを jQueryを使ってできるだけシンプルに作ってみたのでご紹介してみます。 「jQueryでレスポンシブ対応のタブとアコーディオンを切り替えるUIをシンプルに実装する方法」サンプルを別枠で表示 サンプルではウィンドウサイズが768px以上ならばタブ切り替え、 768px以下だったらアコーディオン動作に切り替わります。 タブ切り替えではボタンクリックでコンテンツ要素がフェードで切り替わり アコーディオンではボタンクリックで付随す
意外と知らない！疑似要素と疑似クラスでできること | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのはるえです。 突然ですが、疑似要素と疑似クラスってありますよね。 私がCSSを覚えたてのときは「は？何これ」って感じで、得体の知れないものを見るような目で使ってました。 「この2つって何が違うの？」「どれが疑似要素で疑似クラス？」「どういうときに使うの？」と何かと敬遠しがちな人も多いと思います。 ですが、この2つを使うことでできることがぐんと広がるので、今では恐縮しながらありがたく使わせていただいております。 疑似要素とは 疑似要素とは、要素内の特定の文字や行に対してスタイルを指定したりするものです。 よく使われる疑似要素 :before{} :after{} :first-letter{} 疑似要素の中でも特に「:before」と「:after」を極めると、CSSだけのデザインの表現幅が一気に広がります。 例えば、LIGブログでも使用している「blockquote
Sergio Camalich | Designer & Front-End Developer
Hola! I am Sergio Camalich Designer, Front-End Developer, creator of The Arcae Project & a full-on millenial. Get to know me better
: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擬似要素」を利
【表札シール】カッティングシート切り文字【デザイン工房ａｒｔｍａｒｋ】
●既存の表札台などに文字やイラストを表示できます 機能門柱やポストなどの表示スペースに文字やイラストの形に切り抜いたシートを貼り付けてオリジナルの表札がつくれます。 ●【お客様が貼付】、【弊社が貼付】からお選び下さい 【お客様が貼付】の場合：転写シート付の切り文字をお送りし、お客様自身で貼り付けいただきます。 【弊社が貼付】の場合：表札台をお送りいただき、弊社にて表札台に貼り付け後、返送いたします。（表札台をお送りいただく際の送料はお客様でご負担下さい。） ●表札シールの仕様（お客様が貼付の場合） ３層でお送り致します。 ・最上層：リタックシート（転写用の透明フィルム） ・中間層：カッティングシート切り文字本体 ・最下層：台紙 台紙に貼り付いている切り文字を転写シートに移し取り、さらに転写シートから表札台に切り文字を貼り付けます。（詳しくは貼り方の説明をご覧下さい）
WEBライティング技能検定｜ヒューマンアカデミー通信講座
クラウドソーシング市場が急成長する理由は、ネット上でWebライティングやデザインなどの仕事を細かく切り分けて、受発注できるからです。仕事を発注する側も受注する側も、時間や場所など相手都合に合わせることが不要なため、急成長で市場が伸びてます。 日本クラウドソーシング検定協会は、クラウドソーシングを利用して仕事を受注する方の能力開発と活躍の場をげることを目的に設立された協会です。 クラウドソーシング上で仕事をするための知識・技術を証明するための資格を認定します。また、クラウドソーシング事業者と提携して報酬向上や特典授与のしくみを設け、検定合格者（資格取得者）の活躍の場を広げられる取り組みを行います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS-Tricks - A Website About Making Websites