Webサイトを分析してサイトを高速化させ、AA評価を目指す（お手軽版） - Qiita
GTmetrixやPageSpeed Insightsのスコアを上げを上げるための方法です。 細かい分析は専門家に丸投げしたいところですが、フロント寄りの人でも対応出来そうな、お手軽な項目をまとめてみました。 この記事に関連のあるキーワード： Nginx、Sass（Scss）、JavaScript、HTML5、CSS3、UI 元記事 下記エントリの転載になります。 Webサイトを分析してサイトを高速化させ、AA評価を目指す（お手軽版）- rokuro Fire 目次 GTmetrix、PageSpeed Insightsとは？ フロントエンドの対策 document.writeを一匹残らず駆逐 外部JavaScriptファイルの非同期読み込みと、読み込ませるタイミングの変更 ソーシャルボタン系スクリプトの対策 CSSのファイル数を減らし、@importを駆逐 CSSの圧縮（Compassを
ポーラの美白エステ(・∀・)お安いキャンペーン価格
ポーラの美白エステを受けるなら、こちらをどうぞ(・∀・)安くてお得なキャンペーン実施中です！お近くのポーラへどうぞ！ 顔の「ツヤ・ハリ・透明感」が気になる方へ ポーラへお気軽に相談ください http://www.pola.co.jp/ ポーラのトライアル体験 肌の調子が悪いならPOLAのフェイシャルエステがおすすめ 現代の女性は仕事や家事で顔がつかれています。 そのような女性は、様々なお肌の悩みをお持ちの方がとても多いです。 たとえば以下のような悩みを持っているケースが多いようです。 季節の変わり目で乾燥している 化粧のノリが悪い ざらつきが気になる シミが気になる 気温の変化や紫外線の影響で肌が荒れやすい くすみが気になる お肌のお悩み、ポーラにおまかせ！ ポーラでは、こういった悩みをクリアにできるようなコースがたくさんあります。 日本人の女性の肌のデータは１６００万件ありますので、デー
Paletta - HSV Color Palette for Every Programmer
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
文系プログラマによるTIPSブログ
2020-12-31 2020年の振り返り ゲーム 仕事 2020年を振り返りますよ ブログ・SEO 仕事 個人開発 GitHub リングフィットアドベンチャーを買った 辛いスキルランキング 1位 マウンテンクライマー 2位 プランク 3位 スクワット 4位 バンザイスクワット 5位 バンザイプッシュ 思ったより辛いスキル ベント… 2020-05-09 TSLintからESLintに雑に移行する react typescript redux 雑の極みです 2020-02-28 Ionic React+CapacitorでElectron利用時にstaticがずれる件に対応する react 初見殺しなのでメモです 2019-12-21 PostmanでGlobalsの環境変数をリクエスト結果で更新する API postman 毎回手作業で更新しなくていいのです 2019-12-14 REA
Enterprise Software Delivery Platform | CloudBees
Frictionless developmentMinimize developer toil with self-service access to fast, secure workflows and GitHub-style actions running on Tekton. Faster and saferDeliver software faster with built-in security and compliance checks at every stage of development and deployment. Continuously improvedBe your best with constant feedback loops across the entire software delivery value stream - no more inte
もし『よくわかるPHPの教科書』の著者が徳丸浩の『安全なWebアプリケーションの作り方』を読んだら - ockeghem's blog
たにぐちまことさんの書かれた『よくわかるPHPの教科書（以下、「よくわかる」）』を購入してパラパラと見ていたら、セキュリティ上の問題がかなりあることに気がつきました。そこで、拙著「体系的に学ぶ 安全なWebアプリケーションの作り方（以下、徳丸本）」の章・節毎に照らし合わせて、「よくわかる」の脆弱性について報告します。主に、徳丸本の4章と5章を参照します。 4.2 入力処理とセキュリティ 「よくわかる」のサンプルや解説では、入力値検証はほとんどしていません。しかし、入力値検証をしていないからといって即脆弱かというとそうではありません。徳丸本でも強調しているように、入力値検証はアプリケーション要件（仕様）に沿っていることを確認するもので、セキュリティ対策が目的ではないからです。 「よくわかる」の中で、私が見た範囲で唯一の入力値検証は、郵便番号のチェックをするものです。以下に引用します（「よくわ
枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！ みよう！ みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング
商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
冨田マリー Official Site
Flat Rounded Square UI Kit
新着記事
吹き出し素材専門サイト「フキダシデザイン」
WEBディレクターがスケジュールを引いてはいけない理由｜designaholic -Creative Column-
http://iphone-diary.com/?p=8374
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
https://vk.com/away.php?to=http%3a%2f%2fcollibeathy.eklablog.com%2fface-a143182542
http://e0166nt.com/blog-entry-817.html
