タグ

webに関するyosshy22のブックマーク (4)

  • CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ

    海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ

    CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ
  • ウェブサイトの情報を調べたいときに便利なオンラインサービス14 | ライフハッカー・ジャパン

    Digital Inspiration:ウェブサイトのオーナーとコンタクトするには? このウェブサイトはどこでホストされている? 同じサーバーで運営されているその他のサイトは? このサイトはWordPressやDrupalを使っている? このサイトがマネタイズに使っている広告ネットワークはどれ? このサイトは中国からアクセスできる? 今回は、こうした疑問を解決できるオンラインサービスを紹介します。ウェブサイトについてのさまざまな情報を調べられますよ。 just-ping.com Just Pingは、そのウェブサイトが諸外国からアクセス可能かを調べてくれます。ほかのPing送信サービスがせいぜい2~3カ国からしかPingを送ってくれないのに対して、このサービスはトルコ、エジプト、中国などを含む、30カ国以上の国からPingを送信します。ある国からのPingの結果が「100% Packet

    ウェブサイトの情報を調べたいときに便利なオンラインサービス14 | ライフハッカー・ジャパン
  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

    皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

    2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • 1