タグ

2017年7月10日のブックマーク (5件)

  • GmailをWindowsの標準メールアプリにする - 週刊アスキー

    Gmailをメインの登録先や連絡手段として使っているユーザーは多いかと思いますが、ちょっと設定を加えるだけでさらに便利になります。ライターの島徹さんが日常生活でも役立つGmailのTipsをご紹介。 メールアドレスのリンクをクリックすると ブラウザー版Gmailが起動するように設定 WindowsでふだんはブラウザーのGmailを使っているが、ウェブサイトやオフィス文書に記載されたメールアドレスからメールを送信するために、WindowsメールなどのメールアプリでもGmailを使えるようにしているという二重環境のユーザーも多いかと思います。 そこで今回は、Windowsの規定のメールアプリとしてブラウザーのGmailを使えるようにする方法をご紹介します。 ChromeブラウザーをインストールしてGmailにアクセスすると、アドレス欄の右側にひし形が2つ重なったマークが表示されています。これを

    GmailをWindowsの標準メールアプリにする - 週刊アスキー
  • フロントエンド開発が捗る JSON Serverについて

    このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 今回は、新規プロダクトの開発の際に、非常に重宝する「JSON Server」についてのご紹介できればと。 真新しいものでもないのですが、よく利用してせっかくなのでまとめさせていただきます。 何か参考になればと。 とある事業で、新規プロダクト制作が立ち上がって、フロントエンド開発を行っていくにも「サーバー側が出来てないよぉ。」 と、言って制作できないところが発生する場面は多々あるかと思います。 そもそも、新規プロダクトで、サーバー側が出来上がっている状態というのは、なかなかない状態かと思います。 そんなときに非常に便利なのが「JSON Server」となります。 「JSON Server」で、仮にAPIを作成しておけばサーバー開発が終えてなくてもガツガツ、フロン

    フロントエンド開発が捗る JSON Serverについて
    n2s
    n2s 2017/07/10
  • [CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ

    レスポンシブ対応のレイアウトはどのように拡大・縮小させるのか、また縦・横に積み重ねるのかに大別されます。 ブラウザいっぱいに表示する1カラム、サイドバーを備えた2カラム、2カラムを均等に分割したスプリットスクリーン、カードやパネルを使ったレイアウトなど、最近のレスポンシブ対応サイトで使われているレイアウトのアイデアと実装方法を紹介します。 ひと昔前まではJavaScriptを使用しないと実装できなかったレイアウトも、flexboxなどを使うことでスタイルシートのみで実装できるようになりました。 Split Screen Split Screenは、デスクトップでは左右に分割されたレイアウト、スマホでは上下に積み重なったレイアウトです。去年くらいから国内でもこのレイアウトは増えてきました。 Pure CSS Masonry Layout Masonryは、カードやパネルをレンガ状に敷き詰めて

    [CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ
  • リンクのURLを欄外に配置して印刷する

    印刷向けCSSの手法のひとつに、擬似要素とattr()関数を使ってリンクテキストの後ろにURLを挿入する、というものがあります。Boot­strapやHTML5 Boiler­plateなどでも取り入れられているものです。 a[href]::after { content: " (" attr(href) ")"; } 簡単かつ効果的ではありますが、挿入されるURLによってテキストが分断されてしまうので、どうしても文が読みにくくなりがちです。URLが長い場合はとくに。 そこで、URLをページの欄外に配置し、番号を振ってリンクテキストと結び付ける、という「傍注」形式にすれば、文が読みやすく、かつURLも必要に応じて参照できて良いのではないかと思います。 これはカウンターとフロートを利用した簡単なCSSで実現が可能です。main要素内のリンクを対象にする場合のコードのうち、必要最低限の部分

    リンクのURLを欄外に配置して印刷する
    n2s
    n2s 2017/07/10
  • 【コードで一発】ブログ最適化/SEO対策で面倒なことは全てPythonにやらせよう - プロクラシスト

    こんにちは、ほけきよです。 ここ数回に分けて書いた『面倒がすぎる内容をpythonにさせよう』シリーズの集大成。 ブログ最適化のために必要なものを『全て』『一気に』抜き出すプログラム、作りました! この記事を読めば、下記の情報がゲットできます ※ 現在ははてなブログのみ対応となっています。WordPress用にも作成中なので、少々お待ちを。 *1 ・記事とURLとブックマークの情報 ・記事内画像を全て抜きとったもの ・自サイトの内部リンクがどうなっているかを可視化したもの ・リンク切れリスト ・はてなブックマークがどのような伸び方でついたかを可視化したもの 使い方(情報技術に明るい人) 使い方(一般向け) 環境構築 実行するコード コマンド一発!実行する 中身がどうなっているか 注意 出力結果 pythonを勉強したい方に まとめ 使い方(情報技術に明るい人) 情報技術に明るい人と、そうで

    【コードで一発】ブログ最適化/SEO対策で面倒なことは全てPythonにやらせよう - プロクラシスト