IE8以下を切り捨てれば使える便利なCSSプロパティー＆セレクター
2016年2月1日 CSS Webサイトを制作するにあたって、Internet Explorerのどのバージョンに対応させるかは、制作を始める前に話し合っておいた方がいい問題点のひとつです。私の場合2013年に入ってからはIE6やIE7に対応させる機会は皆無となり、IE8・IE9に対応させるかを議論しているところですが、皆さんはいかがでしょうか？今回はもしIE8を切り捨てる（IE9〜のサポート）なら使える便利なプロパティーやセレクターを紹介します。-ms-filter で対応できるものもありますが、filter の説明は割愛します :P ↑私が10年以上利用している会計ソフト！ IE8のシェア StatCounter Global Statsの調査によると、日本のブラウザバージョン別シェア（2013年10月）はIE10が30.78%で1位、Chromeが17.79%で2位、IE8は10.7
Flexboxで決まり！ | Webクリエイターボックス
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
ベンダープレフィックス－CSSの基本
■ベンダープレフィックス 先頭に付ける-moz-や-webkit-など CSS3で採用される予定の機能が各ブラウザで先行実装されていますが、それらの機能を動作させるには、 現状ではプロパティや値の先頭に-moz-や-webkit-などのベンダープレフィックスを付ける必要があります。 例えば、border-imageプロパティで画像ボーダーを機能させるには、 FirefoxやGoogle Chromeなどのそれぞれのブラウザ向けのベンダープレフィックスを付ける必要があります。 -moz-border-image: url("bg_dot.png") 15 round; // Firefox向け -webkit-border-image: url("bg_dot.png") 15 round; // Google Chrome、Safari向け 拡張機能であることを明示するための識
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
Android開発を爆速にする10のコマンドラインスクリプト - クックパッド開発者ブログ
モバイルファースト室の山下( @tomorrowkey )です。 みなさんはAndroidアプリをビルドするときに AndroidStudioの実行ボタンを押すのと、ターミナルでgradleコマンドを実行するのと、どちらを使っていますか。 クックパッド社内のAndroidエンジニアでもどちらを使うか好みが分かれるのですが、私はたいていターミナルでgradleコマンドを使っています。 AndroidStudioの実行ボタンだとビルドを途中で中止できないことがあるからです。コマンドであればcontrol+cでいつでも中止できるという気軽さからコマンドを好んで使用しています。 開発するうえでIDEなどのGUIツールはとても便利なのですが、実はコマンドを実行する方がはるかに早くストレスなく開発を進めることができることがあります。 今回は私が実際に使っている便利なコマンドラインスクリプトを10個紹介
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
日本語版 WordPress チートシート | Webクリエイターボックス
2014年8月22日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
VC++6のソースを最新のVC++でコンパイル - インコのWindowsSDK
Windows SDKで役に立つホームページが多数ありますが、Visual C++ Ver6.0対応のものばかりで、Visual C++ 2005以降のVisual C++ではコンパイルが通らないことがよくあります。 エラーの例 コンパイル時に下記エラーが発生します。 指示された型は関連がありません。変換には reinterpret_cast、C スタイル キャストまたは関数スタイルのキャストが必要です。 'LPCSTR' から 'LPCWSTR' に変換できません。 ～ 番目の引数を 'char [～]' から 'LPCWSTR' に変換できません。(新しい機能 ; ヘルプを参照) error C4996: '_swprintf': This function or variable may be unsafe. Consider using _swprintf_s instead. T
多段SSHの設定を.ssh/configにまとめる - Qiita
概要 踏み台サーバを経由した多段SSHの設定をconfigにまとめる方法 接続するマシンは、WANやゲートウェイ内のネットワークのいずれにも属する可能性があると想定(ノートPC等) ネットワーク図 図のようにゲートウェイ経由でしかアクセスできないネットワーク内にさらにゲートウェイがあるネットワークを想定 単純な多段SSHの書き方 host gateway HostName sshgate.hoge User hoge Host RemoteHost-out HostName RemoteHost User fuga ProxyCommand ssh -W %h:%p gateway 上記の設定を~/.ssh/configに書いた後、 ssh RemoteHost-out でgateway経由でのアクセスが可能 複数に同時に設定を適応する場合 .ssh/configには複数の設定をワイルドカ
ペットボトルで簡単に蚊を撃退する方法 『蚊取りボトル』
蚊が媒介するウイルス性の熱性・発疹性疾患であるデング熱は、患うと時には生命を脅かすこともある感染病です。フィルピンでは、毎年、このデング熱によって小さな子供を中心に約22,500人が命を落としています。 そんなデング熱の感染を少しでも予防するために、フィリピンのマニラ首都圏で浄水や下水処理サービスの提供を行っているマイニラッド社が、オリジナルの“蚊とりボトル”を開発し、市民に配布しました。 同社は“蚊とりボトル”セットを何百人もの市民に配布し、組み立て方を教え、各々軒先に配置してもらうよう呼びかけたのです。 結果、“蚊とりボトル”は大きな効果を上げ、世界保健機構西太平洋事務局がまとめた2013年2月のデング熱流行状況によると、フィリピンでのデング熱感染例は前年同月比55％も減少し4866件となり、致死率も前年同月比38%減少しました。 蚊による病気の媒介は、実はとても深刻で、下の画像でもわ
赤ちゃんの虫よけ対策に！「ハッカ油スプレー」が絶対オススメなワケ
気温も上がってきてそろそろ虫刺されが気になる季節ですね。大人は蚊に刺されても痒みにイライラするくらいで済むけれど、やっぱり赤ちゃんが刺されるのは可哀想だし気になる！というわけで、お出かけの際に虫よけスプレーを使ってる方が多いとは思いますが、実は赤ちゃんや子供に普通の虫よけスプレーはあまり使ってはいけないということを知ってましたか？そこで赤ちゃんの虫よけ対策に効果的な、ハッカ油スプレーやアロマスプレーについて調べてみました。 ハッカ油が赤ちゃんにオススメなワケ1. 市販の虫よけスプレーは赤ちゃんによろしくない赤ちゃんの虫除け対策｜ベビータウン 市販の虫よけスプレーには「ディート」という成分が含まれています。蚊はディートに接すると触角にある毛穴をふさがれてしまい、人間の体温などを感知できなくなって、皮膚にとまっても「これは人間ではない」と判断して血を吸わずに逃げていくわけですね。ただ、このディ
横メニューの作り方
レスポンシブに対応した横メニューを作る機会があったので、せっかくですし作り方を紹介したいと思います。お役に立てばうれしいです。 【追記 2014.03.19】 元々のタイトルは「レスポンシブWebデザインに対応した横メニューの作り方」でしたが、よく考えるとスマホ対応になったら縦メニューになりますのでタイトルを変更しました。 id名「toggle」の部分は横幅が480px以下の場合に表示するボタンです。481px以上の場合表示させません。その他はごく普通の横メニューです。 CSS 続いてCSSです。まずは全体を載せます。 #menu{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0; } #menu li{ display: block; float: left; width: 12.5%; margin: 0; paddi
レスポンシブデザインに便利！今さらCSS3のbox-sizingについて話してみます
CSS3で追加したプロパティ「box-sizing」が結構便利です。皆さんブログで良さを紹介していますが、私なりに具体例を入れつつ解説してみますので、これを読んで「box-sizing」への理解が深まれば嬉しいです。 以前「初めてスマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark」という記事を書いたときに、スマホ用サイトを作るときにbox-sizingが便利という内容を書きましたが、スマホ用だけでなくレスポンシブなサイトにも便利です。 box-sizingとは box-sizingの値には「content-box」「border-box」「inherit」があります。content-boxは初期値で、要素の大きさを、width、padding、borderで計算されます。 今回便利というのborder-boxを使った場合です。border-boxを指定すると、要素
Windowsの起動しない＆認識しないHDDを修復する(raw/bootsect/mbr/chdsk) - それマグで！
故障したWindows HDDが持ち込まれ、修復したのでメモ ディスクの回復作業 HDDはWindowsがブートしない感じだった。 必要な作業 ディスクのバックアップ 必要なツール・ハードの準備 用語とHDDに付いて最低限の知識 必要なツールの準備 作業手順 故障ディスク修復の初めにやること！ディスククローン 故障ディスクディスクをみたら、なによりもまず、クローンを行いましょう。 故障ディスクを直接触るのは厳禁。 ディスクコピーを作る専用機 ６０００円くらいです。しかもプライム対応。幾つか試したけどこいつが電源の安定性と速度が優れてた。 その他のクローン機器 クローニングはDDコマンドで行うことも出来るが、CPUメモリ性能や・USB性能に左右されて時間がかかるの。専用クローン機器があったほうが時間を有効に使える。マルチタスクで作業進行できて嬉しい。ddに慣れない人は、生兵法は大怪我のもと。
これだけでGoogle検索の達人になれる便利すぎる検索演算子ベスト10 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ パーソナライゼーションやアルゴリズムの進化で検索者の考えていることを勝手にある程度予想して答えを出してくれるようになってきたGoogle、一昔前のGoogleと比べてもローカル検索からGoogle Nowまで超絶な進化を遂げています。検索時のちょっとしたテクニック的な技は進化するGoogleの前にその必要性も失われつつありますが、特定用途の検索をしたい時にはまだまだ使えるテクニックも多数存在します。今回は改めて代表的な検索演算子をまとめた記事を紹介します。とりあえずこれだけ覚えておけば、あなたも一端の検索マスターは名乗れるかも。 — SEO Japan グーグルは、全力で検索を改善する取り組みを
起業家なら必ず知っておきたい８つの補助金/助成金と基礎知識 | inQup
お客様の融資支援実績は、累計6,000件以上（2023年2月末現在） 自身も株式会社SoLaboで創業6年目までに3億円以上の融資を受けることに成功 【運営サイト】 SoLabo公式サイト 創業融資ガイド 資金調達ノート 経営支援ガイド 起業を考えている人や会社を設立したばかりの人は助成金や補助金について、一度は知りたいと感じるのではないでしょうか。 事業にかかるお金を全て自己資金で賄えれば良いのですが、たくさんの資金が必要となった場合等、賄いきれなくなります。 そんな時は銀行等の借り入れを行っても良いですが、補助金・助成金も選択肢に入れておくべきだと考えます。 なぜなら資金調達手段を多く持っている事は、経営者にとっても必要な条件だからです。そこで今回は、どのような補助金・助成金が有るかをご紹介しますので、自分の事業に合った物を見つけて、ぜひ申請してみてください。 （注意事項：「補助金・助
子育ての裏技コラム｜祖川幼児教育センター
徳島の育児情報誌「ワイヤーママ」に毎号掲載しているそがわの記事のバックナンバー集です。 このコーナーでは子育てのちょっとしたお悩み解決の裏技をご紹介します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：まだ間に合う！「打ち上げ花火」撮影サポート記事まとめ /
https://www.sukusuku.com/tv/sukusuku/2232/?qid=1
Git・GitHubに隠された便利な機能 | GitHub Cheat Sheet（日本語訳） - Qiita
