CSSでplaceholderの文字色などのスタイルをカスタマイズする | ITハット
よく検索ボックスでキーワードを入力という文言を目にしたことがあると思います。これがplaceholderです。デフォルトでは、灰色をしていますが、このように紫色に変えたりすることができます。 placeholderのスタイル /* Chrome, Safari 5+, Opera 15+, iOS, Android */ ::-webkit-input-placeholder { color: #4527A0; } /* Firefox 18- */ :-moz-placeholder { color: #4527A0; opacity: 1; } /* Firefox 19+ */ ::-moz-placeholder { color: #4527A0; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color: #4527A0;
CSS Grid Layout はIE/Edgeで何とかなるのか？という声が多い件 - 40代からのフロントエンドエンジニアリング。
一昨日書いた CSS Talk vol.3 において、私のセッション後の質疑応答やアンケートの意見で「IEだとしんどいのか」「IEって結局非対応？」という声が非常に多かったです。 IEのシェアは世界規模だと1割を切っている所まで低下していますが日本だとまだまだ多く(3月現在で約24％・StatCounter調べ)、Webサイト制作やアプリ開発などで気にされる方もまだまだ多いようです。 ということで、IE/Edgeでの対応について改めて調べ直しました。 ……先に結論。 相当しんどい。 Microsoftのサイトの「グリッドレイアウト」を見るとIE10からの対応となっているのですが、ベンダープレフィックスをつけるだけでなくプロパティ名が違うものも幾つかあったり。 以下にIE/Edge対応のための書き換えの一部を記載します。 親要素 display:grid → display: -ms-gri
Contact Form 7プラグインの使い方(問い合わせメールフォームを作成)
Contact Form 7 プラグインはブログを閲覧されている方が問い合わせを行う場合に使用するメールフォームを簡単に作成できるプラグインです。作成したメールフォームは固定ページなどに設置できます。ここでは Contact Form 7 プラグインのインストール方法と使い方について解説します。 メールフォームには色々な部品が用意されておりテキストボックスやテキストエリアだけでなくチェックボックスやラジオボタン、 CAPTCHA の設置、ファイル添付機能の追加など色々カスタマイズをすることができます。 Contact Form 7 プラグインで作成するメールフォームのカスタマイズ方法についても合わせて解説します。 Contact Form 7プラグインのインストール Contact Form 7プラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと
恋に落ちるレンタルサーバーmixhostに惚れた理由
保存ディスクが完全SSD まず、コンテンツデータや画像等を保存するためのディスクが、どのプランも完全にSSD利用になっています。 一般的なレンタルサーバーだと、まだ普通にハードディスクを使用しています（データベース部分以外）。 これまで、システムディスクを「ハードディスクのパソコン」から「SSDのパソコン」に買いかえたことがある人ならその「速度の違い」を体感した人も多いかと思います。僕の経験から言っても「一度SSDのパソコンを使ったらもうハードディスク起動のパソコンには戻れない」というくらい、I/O（読み込み/書き込み）速度が段違いに速いです。 サーバーでも、当然ながら読み書きが頻繁に行われます。であるならば、SSDのような読み書きの速い高速ストレージを使用していた方が、地力は当然上がり、サイトの高速化に貢献します。 プランによってCPU・メモリが増強 あと、プランを変更することによって、
Google Home Miniを購入して思ったGoogle Homeとの違い。Miniを利用した方がいい人とは。
購入したGoogle Home Mini で、実際に購入したGoogle Home Miniがこちら。 色は、以下から選択できるのですが、僕は「チャコール」を選択しました。 チョーク チャコール コーラル（Google ストア限定） 製造国は中国です。 箱の蓋を開けると、以下のように収納されています。 箱の中身を取り出すと、同梱物は全部でこれだけです。このシンプルさは、無駄に使い方に迷う必要がなく楽です。 Google Home Mini本体 microUSB電源コード スターターガイド Google Homeの電源は、DC電源だったんですが、Google Home Miniの方は、microUSB電源となっています。 Google Home Mini本体 本体だけを見てみると、「コンビニの肉まんを少し縦に潰したくらい」の大きさです。結構小さい。 サイズは直径9.8cm。高さが4.2cm。
新しくなったWordPressローカル環境、InstantWPのインストール方法と使い方。
InstantWPのセットアップ手順 まずはじめに、InstantWP利用するのに必要な主な手順は以下になります。 InstantWPのダウンロード＆解凍 InstantWPの移動 InstantWPの起動 InstantWPの日本語化 以下では、Windows環境でInstantWPをインストールする方法を、手順を追って紹介したいと思います。 InstantWPのダウンロード＆解凍 まずは、InstantWPからダウンロードを行います。 僕はWindows環境で利用するので「Download InstantWP for Windows」ボタンを選択しました。 「IWP-v5.3.3-Win.zip」といった名前のzipファイルがダウンロードされます。 上記ZIPファイルを「InstantWPを設置したいフォルダ」で解凍（展開）します。 解凍したあと、移動してもOK。 InstantWPの
【iPhone】YouTubeをバックグラウンドで再生する方法 iOS 10.3.1以降対応版
iOS 10.3.1でYouTubeのバックグラウンド再生が不可能に これまでもSafariでYouTubeの音楽（音源）をバックグラウンドで再生することは出来たのですが、iOS 10.3.1では、Safariを最小化してコントロールセンターから再生中の動画を再生しようとすると、強制的にミュージックアプリに切り替わるようになりました。 iOS 10.3.1以降でも出来るYouTubeのバックグラウンド再生方法 iOS 10.3.1以降は次の方法を使うことで、ミュージックアプリに切り替わらずに、YouTubeの動画をバックグラウンドで再生することができます。 Safariでバックグラウンド再生したいYouTubeページを開き、右上の更新ボタンを長押ししてデスクトップ用サイトを表示をタップ。 プレイヤーの再生ボタンをタップすると、Safari内蔵のプレイヤーで動画が再生されます。 ※ もしスピ
【iPhone】"動画の音だけ再生" による省電力＆省パケット効果を検証してみた
nt8500💉💉💉💉 @kz8500 唐突ですが、auのiPhone5cにて、ニコ動とYouTubeそれぞれ「同一タイトルの映像ソース」を「フツーに再生」「音のみ再生」した場合の比較（バッテリ消費とデータ量）をしてみた。 2014-06-05 20:44:15 nt8500💉💉💉💉 @kz8500 通信量消費の関係から、１回しか計測していないけどデータを書いてみる。 その前に想定とか条件（その１） ・YouTube／ニコニコ 純正アプリ使用 ・純正ヘッドホンでのラジオ聴取を想定 ・4G（LTE）回線使用 ・Wi-Fi／Bluetooth／不要なプッシュ通知はOFF 2014-06-05 20:49:40
HDD容量をやたら圧迫するファイルを手軽に見つけて削除するWindowsファイル整理術
先日、WindowsのCドライブの空き容量がなくなってきたので、中身を整理しました。 僕は、いつも空き容量が少なくなってきたら、「不要でサイズの大きなファイル」を見つけて削除しています。 今回はその方法の紹介です。 photo by C_osett Windowsでのファイル整理 ドライブの空き容量不足で、よくWindowsから勧められる方法に「ディスクのクリーンアップ」なんかがあります。 ただこの機能、無駄なファイルをお掃除できるといってもせいぜい以下のようなファイルです。 ダウンロードされたプログラムファイル インターネット一時ファイル オフラインWEBページ 必要なくなった各種システムファイル こういったファイルを削除したからといって、たいして空き容量が増えるわけではありません。 やっぱり、空き容量分けるには、「不要なサイズの大きいファイルをどんどん削除していく」のが一番ではないかと
大阪のホームページ制作会社プラスデザインカンパニーのブログ Vol.1
プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
日本のWebサイトの404ページデザインいろいろ+α
気になって探したのですが、ググッても 9割は海外のデザインだったので、日本 の素敵な404ページを探してみました。 時間の関係でさほど数を揃える事が出来 ませんでしたが、少しでも参考になれば 幸いです。 404は、誰でも訪れる可能性のあるページです。ある意味、用意したコンテンツよりも見られる可能性がありますのでほんの少しでも手を入れておくといいかも知れませんね。 どこかで「404は古い。無条件でトップページリダイレクトが最適」なんて意見も見かけましたが、個人的にはユーザーを混乱させる要因になるのでリダイレクトは避けたほうがいいと思います。 では、個人的に気になった404ページをご紹介していきます。順不同で、ややサイトの属性がWeb関係に偏っていますがご了承ください。尚、リンクは404ページではなく、TOPページにしてあります。 株式会社サクラクレパス デザインも好評のサクラパレスの404ペ
オリジナルな404（Not Found）ページの正しい作り方 | 株式会社グランフェアズ
404ページが出るのはこんなとき 削除されたページにアクセスしたとき 間違ったURLを入力したとき 制作段階で何も設定をしていないとき、多くの場合は冒頭の画像のように「エラーが出た」ということしか伝わらないシンプルな画面表示になります。これはユーザが本来見たかったページにたどり着けないまま、諦めて離脱してしまう可能性がとても高い状態です…。 そこで有効になるのがオリジナルな404ページの作成です。 今回は、404ページの作成のポイントや設定方法を見ていきましょう！ オリジナルの404ページを作ってみよう オリジナル404ページ作成に必要なのは、大まかに下記の2ステップです。 404ページを作成 HTTPステータスコードが404のときに作成したページを表示させるよう設定 まずは404ページを静的な1枚のページとして作成するところから始まります。 ちなみに当サイトの404ページはこんな感じ。こ
机に大量紙切れ、高２自殺未遂 第三者委「いじめ」認定：朝日新聞デジタル
神戸市内の私立高校に通う女子生徒（１８）が今年２月に自殺未遂をし、学校が設けた第三者委員会が「いじめが日常的にあった」とする調査報告書をまとめたことがわかった。いじめと自殺未遂との因果関係も認定し、学校側の対応について問題があったと指摘した。学校側は報告書の内容を精査したうえで、兵庫県に提出するとしている。 女子生徒は２月２４日、兵庫県南部の公園にある石垣（高さ約１３メートル）から飛び降りて頭などを打ち、３カ月以上にわたって入院した。学校は重大事態と判断し、いじめ防止対策推進法に基づいて第三者委員会を設置した。 報告書によると、女子生徒は２年生だった昨年秋以降、同級生のグループから、机や椅子に大量の紙切れを貼りつけられたり、聞こえるように「（高校を）さっさとやめろや、ブス」などと悪口を言われたりするいじめを受けた。 こうした実態を踏まえ、報告書は「いじめがなければ、自死（自殺）行為に至らな
「Steamオータムセール（2017）」インディークリエイターらが選ぶオススメゲーム13選 - AUTOMATON
今月11月23日より、Steamオータムセールが開催中だ。大型タイトルから小粒のインディータイトルまでお安く買える絶好の機会となっている。こうしたシーズンに胸躍るのはユーザーだけではない。普段ゲームを作る、発売する業界人たちもまた一端のゲーマーなのだ。そこで、デベロッパー・パブリッシャーの両方を含む業界で活躍するインディークリエイターたちに選んでもらった、Steamでのオススメゲームをピックアップする。なお、今回のアンケートでは自社タイトル以外のものをおすすめしてもらうようにお願いしているので、その点は留意してほしい。なお、一部Steamセールの対象にはなっていないタイトルもあるが、そこはウィンターセールでの値下げに期待するということでご理解いただきたい。 Drool 『Thumper』 Droolは韓国に暮らすMarc Flury氏と、アメリカに暮らすBrian Gibson氏のインディ
英語版Windows 7を日本語化する - Engineer's Notebook
英語版Windows 7を日本語化して使う方法について解説します。 Windows 7 Ultimateもしくは、Enterpriseの場合、UIも含めて日本語化が可能です。それ以外のエディションの場合は、UIは英語のままで、表示や入力を日本語対応させる事が可能です。 下の画面は、英語版Windows 7 Enterprise上で＋Lhacaを起動した時のものです。見事に文字化けしてますね。 ※クリックで拡大します。他の図も同様です。 これを日本語化してみます。 UIを日本語化する（Ultimate、Enterpriseエディションのみ） まず、Japanese Language PackをインストールしてUIを日本語化します。 Ultimate、Enterprise以外の場合Japanese Language PackをインストールできるのはUltimate、Enterpriseエディシ
MMORPG『キャラバンストーリーズ』配信日が11月28日に決定！
Aimingは、スマホ向けMMORPG『キャラバンストーリーズ』の配信日が2017年11月28日（火）に決定したことを発表した。 これに伴い公式サイトおよび SNS ではカウントダウンが開始している。 ◆『CARAVAN STORIES』とは 『CARAVAN STORIES』は 6 種族と多様なビーストが共存するイアルを舞台に描かれるファンタジーRPG です。 本作では選択した種族毎に異なるストーリーが展開され、また登場するキャラクターにも固有の物語が用意されています。 プレイヤーは旅のパートナーである魔動要塞「キャラバン」と共に、待ち受ける強敵や突如現れた世界の敵「エニグマ」の謎に挑みます。 各地で出会うキャラクターやビーストは仲間になることがあり、育成や相手に合わせたパーティー編成を通して冒険を手助けしてくれます。 オート操作とマニュアル操作の両方に対応しており、簡単操作で手軽に遊び
「VA-11 Hall-A」は、南米文学史に加えられるべき傑作である
（ヴァルキューレたちは）戦死者たちの魂を集めて、それをオーディンの雄大なる楽園へと運んでいく。天井が黄金でできていて、たいまつではなく抜き放たれた剣の数々に照り映えるそこの「戦死者の大広間」、ヴァルハラで、戦士たちは夜明けから日暮れまで戦った。そのなかで斃れてしまった者たちもふたたび生き返り、そこで一同は神の宴を共にし、不死の猪の肉や角の盃に盛った尽きない蜂蜜酒をふるまわれた。 ――J.L.ボルヘス、M.ゲレロ著『幻獣辞典』、項目「ヴァルキューレ」より ゲームのなかに展開される虚構世界は、いつもヴァルハラめいている。RPGでも、FPSでも、STGでも、私たちはあらゆる魂をはじめからやりなおし、あらたな戦いに向かうことができる。先日、日本語版がリリースされた名作「VA-11 Hall-A」も、この類型の例外ではない。しかしその手段は、こんにちのビデオゲームにおいて、もっとも先進的なものだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
窓の杜
お知らせ | カウントフリーオプションに「リネージュ2 レボリューション」追加決定！ | リンクスメイト -LinksMate-
映画業界の人に「なぜ実写化で改変するのか」と聞いたら「例えば桃太郎なら誰も見たことがないものを作りたいでしょ」と言われたお話「メシマズの理論だ！」
Redirecting
キーボードにこぼしたことある物