ウェブサイトを制作する際、まだまだIE8をサポート対象に含める場合があります。 使って良いもの・ダメなものを自分用に整理しておきます。 IE8では禁止 nth-child (IE9なら可) 対応状況: http://caniuse.com/#feat=css-sel3 calc() (IE9でもダメ) 対応状況: http://caniuse.com/#feat=calc <header>,<footer>などのHTML5のタグ 対応状況: http://caniuse.com/#feat=html5semantic ただし、「html5shiv」を読み込めば使用可能 (参考: html5shivの検証) IE8でもOK display: table; 対応状況: http://caniuse.com/#feat=css-table display: inline-block; 対応状況:

フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材　その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット

このサイトでは、アクセス状況の把握や広告配信などのために、Cookie（クッキー）を使用しています。このバナーを閉じるか、閲覧を継続することでCookieの使用に同意するものとします。 詳細はコチラ詳細はコチラ [ 閉じる ] 先月、IE9のサポートが終了するのでIEのバージョン/シェア/サポートについてまとめてみた。の記事でスマホについて書けなかったので、今回はWeb制作でのAndroidのバージョン/ブラウザのサポートについて書いていきます。 結構ややこしい内容になりますが、ぜひ読んでみてください。 Androidのバージョン/ブラウザ/サポートについて 現在Androidには以下のバージョンがあります。 なんとコードネームがアルファベット順でお菓子の名前となってます！ ブランド名の使用許可もしっかり取っているようです。 次期バージョンのAndroid 8もまだ正式には決まっていないで

2017 - 05 - 17 ブログの大規模パクりドメインを晒すと共に対策と予防の紹介。要チェック。 はてなの事 Twitter Google Pocket Line かなりの数のブログやサイトがパクられてると思われます。調べ方や対策を紹介しますので、ブロガーさんやサイト管理者さんは自分のブログやサイトがパクられてないか必ず確認してみて下さい。 借金地獄なこてつですが、どんなに貧乏でも人の物まで取ったりはしません。が、当ブログが丸パクリの被害に合いました。こんな借金地獄な人からまだ何か奪いますか？ 問題のドメインがこちら rannkingどっとcom （トップ写真のサイトです） このドメインの階層下にcgiでブログ丸ごと引き抜かれていました。cgiで抜かれてますので丸パクリブログも常に最新の状態です。 ただの丸パクリでミラーなら解るのですが、 広告だけが私のアドセンスから、身に覚えの無い

Googleがhttpsをランキングシグナルに使用するという発表により、httpsに切り替える方も多くいらっしゃいます。 httpsに移行するにあたって、いろいろやらなければいけないことがあります。Web上にあるSEOにおけるTo Doリストは、広告周りやアクセス解析を含めて包括的なTo Doリストではありません。今回は、それらをリスト化してみました。 httpsの定義と移行するメリットのおさらい To Doリストの前に、改めてhttpsと移行するメリットをおさらいします。 httpsとは、「Hypertext Transfer Protocol over Secure Socket Layer」の略称です。通常のhttpにセキュリティ機能「Secure Socket Layer(SSL)」を追加しているため、情報漏洩防止のために使われています。 参考： https://ferret-pl

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

こんにちは、フロントエンドエンジニアのいなばです。 最近何件かフォームのバリデーションの実装について相談される機会が続いたので、 社内勉強会の資料を作ったついでに記事にもしてみました。 今回は、大きく分けて下記2点を満たすフォームを作ってみたいと思います。 不正な入力値のとき、エラー内容がリアルタイムに表示される 各項目の入力内容により、送信ボタンの非活性化 / 活性化が切り替わる 最近では当たり前になりつつある、エラーの内容がその場で確認できて、項目のバリデーションがすべて通らないと送信ボタンが押せないフォームです。 基本方針 HTML/CSSでできることはHTML/CSSでやる HTMLでできないことをJavaScriptでカバーする HTML5からフォームのバリデーションに関する機能が拡張されたため、使えるものは使ってなるべく楽に実装することを目指します。 フォームを構成する要素 ざ

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

ファイルやドキュメントなどのデータの共有や保存をするために、オンラインファイルストレージの利用は欠かせません。記事では、数あるオンラインファイルストレージサービスの中から、無料で人気があるものを18個ピックアップしました。これから使おうと思っている方や、今使っているサービスから他のサービスに乗り換えを考えている方は、ぜひ参考にしてみてください。 オンラインファイルストレージサービスとは オンラインファイルストレージサービスとは、インターネット上でファイルやドキュメントなどのデータを保管することができるサービスのこと。 場所やデバイスを選ばず、インターネットに接続していればどこでも閲覧・アップロード・共有などを行えます。Web上で直接利用できるものや、専用ソフトが必要なものなどがあります。 これらのサービスの多くは、Eメールで送れなかったファイルをファイルストレージにアップロードし、そのUR

Blog Posts List ブログ記事一覧 検索 CakePHP3を始めた方に CakePHP 3.X 2016年01月16日(土) 14時23分 2つの住所から距離を計算する API 2015年12月18日(金) 10時23分 「:target」セレクタについて CSS 2015年12月12日(土) 12時23分 外部サイトからの画像への直リンクを防ぐ Apache 2015年12月04日(金) 12時23分 CSS3だけで作るブラウザタブ CSS 2015年11月17日(火) 21時23分 CSS3だけで作るパンくずに関する件 CSS 2015年11月12日(木) 12時23分 Bootstrap4のブレイクポイント計算機 Bootstrap 2015年11月11日(水) 19時23分 Bootstrap4のブレイクポイントに関する件 Bootstrap 2015年11月11日(水

スマホや最近のブラウザではスクロールバーが出ないことがありますよね。 スマートでとてもいいのですが、枠の中にしっかり文字が収まってると スクロールできるかが分からない！と、いうこともあります。 （※あくまで個人的な意見ですが） (K)iPhoneでもスクロールバーを表示させて、カスタマイズする方法はWebkitで | web(K)campus 参考にさせていただいたサイト様↑ 仕事で「文字がはみ出した時だけスクロールバーを出したい！」 という時に使用させていただきました！とても助かりましたm(_ _)m 同じ色、方法ですが私もご紹介させていただきます。 デモはこちら html <!--普通のスクロール--> <div> 文章いっぱい<br> 文章いっぱい<br> 文章いっぱい<br> …（以下数行同じ） </div> <!--スクロールバー表示--> <div class="text_pc

こんにちは。Supership デザイナーのハガです。今回はcssのお話です。 皆さんはcssで、あるデザインを実現しようとした時、あれってどうやるんだっけ？みたいな経験をしたことはありませんか？自分はよくあります。そんな時コピペするだけでokみたいなcssスニペット集があると嬉しいと思い、主に自分のためのメモ的な意味を多分に含みつつご紹介していきたいと思います。（今回紹介しているcss達は主にスマホのためのモダンなブラウザを対象としているため、ieのようなレガシーな感じはごめんなさい。） 10個のcssテクニックコアとなる部分はboldで表現しています。細字の部分はお好きに調整してください。 1.カルーセル<ul class="carousel"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>

Google『お ま た せ』 ついに来ました。以前Ledgeでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版公開です。（ベータ版だけど誰でも使える） とりあえずLedge編集部でソッコー触ってみたので、以下「何ができるのか？」と「どう活用するのか？」のまとめとなります。 できない事って逆に何？至れり尽くせりな無償開放 まずは気になる「何ができるんだっけ？」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。 ※作れるエクスペリエンス数に制限はあるけれど とりあえずできることリストGoogle Analyticsタグにちょっと加工してURL指定すればOK表示された画面をドラッグ＆ドロップ、直接コード編集でいじってテスト作成変更履歴は全部残

Google検索で突然圏外に... Google検索で、特定のサイトやページがいきなり圏外に落ちてしまったときに、 考えられる原因と対処方法について実際の事例を元にまとめました。 圏外になる原因と対策 目次 1. Googleアルゴリズムの変更 2. ペナルティを受けている 3. サイトコンテンツの問題 4. robots.txtの問題 5. 有害な被リンク 6. 有害な発リンク 7. セキュリティの問題 8. リダイレクトの問題 9. SSL証明書の問題 10. レンタルブログの問題 11. SEOツールの問題 12. 環境の問題 1. Googleアルゴリズムの変更 まず、Googleアルゴリズムの変更が影響している可能性があります。 大型アップデート（パンタアップデートやペンギンアップデートなど）のほか、Googleは日々アルゴリズムを変更しています。 また、2017年以降「日本語検

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

TOPjQuery 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 公開日：2015.12.02 更新日：2023.03.19 jQuery, カルーセルスライダー 様々なレイアウトのスライダー、スライドショーを実装出来る slick の使い方をまとめました。 これまでも slider-proやcarouFredSelをご紹介しましたが、slickは両者のいいとこ取りという感じです。詳細は以下の機能概要をご覧ください。 slick.js配布元 サンプルページ slickの機能概要 レスポンシブ対応 横幅のブレイクポイントごとにスライドの表示数、スクロール数を変更可 （centerModeではスクロール数は1つで固定） タッチデバイス対応 IE8以上で動作（スライド数のドットの色は変化しない） 縦カル