フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ
レスポンシブ・イメージがもうすぐネイティブ実装！いまから使える？ポリフィル「Picturefill 2.x」を検証
レスポンシブ・イメージがもうすぐネイティブ実装！いまから使える？ポリフィル「Picturefill 2.x」を検証 レスポンシブ・デザインの画像の扱いの課題を解決するのが「レスポンシブ・イメージ」です。この「レスポンシブ・イメージ」には紆余曲折あったわけですが、熱心な開発者の方々のおかげでようやく仕様がまとまり、ブラウザでのネイティブ実装も進んでいます。 結論から言うと、ブラウザのネイティブ実装はまだこれからですし、ポリフィルのPicturefill 2.xには大きな欠陥があり、プロダクションサイトでの使用は待ったほうが良いと思います。しかし、多くの開発者が多大な時間を費やして実現しようとしているレスポンシブ・イメージです。この存在が日本でもより多くの人に広まればと思い、いまの状況をまとめてみました。 目次 レスポンシブ・イメージのいま レスポンシブ・イメージで解決できる3つの課題 Pic
レンタルサーバーナレッジ
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
Googleアナリティクスの分析はスプレッドシートのアドオンで全自動化しよう
今回はgoogleアナリティクスの分析をgoogleスプレッドシートのアドオンで取り込み、スプレッドシートならではの関数も組み合わせて自由に数値設定しながら、かつ自動更新までできる設定を紹介します。 googleアナリティクスによる分析 超初心者向けにgoogleアナリティクスとは何ぞや？という話ですので有識者は未読スルーしてください。 googleアナリティクスとは、googleが公式に提供している分析ツールで、googleのアカウントがあれば無料で誰でも利用する事が可能です。googleアナリティクスのタグをサイトに設置すると自動的にトラッキングされ、「PV」「流入経路別の流入数」「ユーザの地域や属性」「サイト内の滞在時間」などのデータを閲覧・分析することができます。定点観測によるトレンドの確認や、トラフィックの拡大や会員登録などのコンバージョン改善施策の分析等に役立ちます。ウェブマス
Google先生の言うとおりWordPressを高速化して元に戻した。
圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース（HTML、CSS、JavaScript）を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース（HTML、CSS、JavaScript）を縮小しろ CSSやjs、HTMLを圧縮して最適化（Minify）します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを
【商用可】高解像度の無料写真素材が900枚！大きいサイズは「kaboompics」で決まり
どうも、やなぎさわです。何かに特化した写真素材サイトってけっこう多いと思いますが、今回ご紹介する「kaboompics」は、個人・商用での利用が可能で、様々なカテゴリが用意してありきっとこれ使えるなという写真素材に出会えるはずです。 それに、なんといっても解像度がでかいのがポイントです。Web系の写真素材は、僕の知っている限りで大体2400pxくらいが多い感じがします。 でも、この「kaboompics」は、5000px以上ある画像が集約されているのです。 ポーランドのWebデザイナーさんが運営しているだけあって写真のクオリティも高いです。資料やイメージ写真、ブログのアイキャッチに使用できると思います！ 必ず使える写真素材がある「kaboompics」 「kaboompics」 カテゴリ分けしているので、とても探しやすいです。 それでは、実際にどんな写真があるのかカテゴリ別に一部ご紹介いた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
