並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 9 件 / 9件

新着順 人気順

"free style"の検索結果1 - 9 件 / 9件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

"free style"に関するエントリは9件あります。 cssフォントwordpress などが関連タグです。 人気エントリには 『出張や海外旅行など、必要なときだけチャージして使えるモバイルWi-Fi「Free-Style Wi-Fi」 』などがあります。
  • 出張や海外旅行など、必要なときだけチャージして使えるモバイルWi-Fi「Free-Style Wi-Fi」

      出張や海外旅行など、必要なときだけチャージして使えるモバイルWi-Fi「Free-Style Wi-Fi」 
    • Googleが提供してくれる無料ブログ「blogger」の始め方。-3104writerのFree Styleブログ

      今回はGoogleが提供してくれている無料ブログサービス「blogger」について解説します。こちらのブログも、商用利用可能なので、我々アフィリエイターも使いやすいですね。 この記事では、bloggerについての解説と、アカウントの登録~ブログ開設までのやり方をお伝えします。是非、最後まで読んでくださいね。 Googleが提供してくれているbloggerとはGoogleが提供してくれている「無料ブログ」サービスです。こちらのブログの特徴は、無料ブログなのに、広告が全く入らない所ですね。 無料ブログの場合、通常はこちらが意図しない広告が勝手に入ってきます。無料ブログサイトによっては、広告を表示させなくする設定があります。 でも、bloggerだと、最初から勝手に入る広告を気にすることなくブログを運営することが出来ます。 bloggerにはこんな魅力があるんです。 ・無料で使える ・Googl

        Googleが提供してくれる無料ブログ「blogger」の始め方。-3104writerのFree Styleブログ
      • CSSの@font-faceでGoogle FontsのWebフォントを利用する方法 | Free Style

        WebデザインでWebフォントを利用してデザインを構築していくことがよくあります。 そこで使えるのがCSSの@font-face規則です。 @font-face規則はWebフォントを利用するために用意された規則です。Webフォントで有名なのがGoogle Fontsではないでしょうか。 他にもたくさん提供されているフォントや自作のフォントなどのデータを、CSSで読み込んで利用することができます。 Webサイトのデザインでこだわりのあるフォントを利用すると、PhotoshopやIllustrator等で作成したデザインカンプから、Webで表現できない場合があるので、こだわりのあるフォントの部分だけ画像で書き出すしかありません。 もちろん画像として扱っていくのは問題ないのですが、レスポンシブWebデザインに対応しようとすると、画像よりもできるだけHTMLのマークアップとCSSで表現したいところ

          CSSの@font-faceでGoogle FontsのWebフォントを利用する方法 | Free Style
        • サイトURLから.htmlや.phpなどの拡張子を非表示にする方法 | Free Style

          Webサイトの各ページのURLの末尾にある拡張子。表示があったり表示がないWebページがあったり気になったことはあるでしょう。 Webに詳しい方は、どの言語でどのように作られているかがだいたい想像できますが、この拡張子は特に表示させる必要がないのであれば、表示させなくてもいいでしょう。 拡張子の表示をなくすことで、WebページのURLを短くスッキリさせることができます。 また、Webページがどのように作られたのかが閲覧者にわかってしまうので、気になる方は非表示にすると良いでしょう。 他、拡張子を判別して処理をするようなプログラムがないのであれば。。。 WordPressなどのCMSでは、すでに拡張子が表示されないように設定がされていることが多いですが、別でWeb制作を行う場合は設定が必要となります。 ランディングページなどで特に頻繁に更新するコンテンツがなければ、WordPressで構築す

            サイトURLから.htmlや.phpなどの拡張子を非表示にする方法 | Free Style
          • Gmailで特定のメールを複数のアドレスに自動転送する方法 | Free Style

            Gmailを利用していてメールの自動転送が必要になる時、それも特定のメールを複数のアドレスに転送したい場合があります。 何かのWebサービスを利用していて、通知メールを複数のアドレスで確認したい時などはとても便利です。 メールは受信したら、後から手動で転送することはできます。 でも、その手動も何度も作業が必要であれば手間です。そうした場合は、自動転送の設定をしておくと手間もかからず楽です。特定のメールをとなるとなおさら便利です。 ここでは、Gmailで特定のメールを複数のアドレスに自動転送する方法をご紹介します。 特定のメールを自動転送する Gmailの設定に転送設定がありますので、見ていきましょう。 画面右上の歯車アイコンから、「設定」を選択します。

              Gmailで特定のメールを複数のアドレスに自動転送する方法 | Free Style
            • Visual Studio CodeでSassを自動でコンパイルする | Free Style

              CSSコーディングの作業効率を上げることができるSassは、コンパイルするのにGUIツールやコマンド操作といろんな方法があります。 Visual Studio Codeでは手軽にターミナルやコマンドプロンプトが利用できて、コマンド操作を慣れている方であればコンパイルしてCSSファイルを生成する作業もそれほど苦ではないですが、それでもその少しの手間も省きたいところです。 そこで便利なのが「Live Sass Compiler」という拡張機能です。 Live Sass Compilerは、Sassファイルを監視して自動でコンパイルしてくれます。 コマンド操作が苦手という方にはとても便利な拡張機能です。 Live Sass Compilerのインストール 拡張機能のメニューから、「Live Sass Compiler」を検索して選択し、「Install」ボタンをクリックします。 インストールが完

                Visual Studio CodeでSassを自動でコンパイルする | Free Style
              • Sassファイルの管理方法。ディレクトリ構造(フォルダ・ファイル構成) | Free Style

                Web制作でSassを導入してCSSを生成していく中、ディレクトリ構造(フォルダ・ファイル構成)をしっかり作っておくと、Sass(scss)ファイルの管理がしやすくなります。 Sassを複数ファイルとして分割管理することで、編集する箇所へのアクセスがスムーズに行えるので、プロジェクトの大きさによっては、作業効率を上げることもできます。 ここでは、Sassファイルを分割管理する方法について見ていきます。 Sassの記法はいくつかありますが、公式も推奨しているDart Sass(ダートサス)の記法で、記述方法も含めてご紹介していきます。 今後は、Dart Sassベースで新機能が追加されていきますので、覚えておくと良いでしょう。 また後半には、Dart Sassの自動コンパイルについても少し触れていきます。 Sassファイルの分割管理 Sass(scss)ファイルの分割管理を、サンプルを交

                  Sassファイルの管理方法。ディレクトリ構造(フォルダ・ファイル構成) | Free Style
                • 「Microsoft Edge Tools for VS Code」拡張機能で快適なWeb開発 | Free Style

                  高機能で人気のMicrosoft製のコードエディタのVisual Studio Code。無料で提供されていますので、多くのデベロッパーが利用していることでしょう。 デフォルトの機能のみで利用してもいいですし、かゆい所に手が届く拡張機能も使って、作業効率を高めてWeb開発を進めることもできます。 ここでご紹介するのは、Visual Studio Codeエディタの拡張機能「Microsoft Edge Tools for VS Code」です。 Edgeブラウザの開発ツールを、エディタに統合して開発が行えるとても便利な拡張機能です。 WebサイトやWebアプリケーションの開発の際には、コードエディタとWebブラウザを行き来しながら作業する手間が省けるので、とてもスムーズに開発ができるでしょう。 また、XAMPPやMAMPなどのローカル開発環境でのWeb開発も、デバッグしながら作業を行えます

                    「Microsoft Edge Tools for VS Code」拡張機能で快適なWeb開発 | Free Style
                  • CSSのaspect-ratioプロパティで手軽にアスペクト比を設定する | Free Style

                    Webサイトやブログで画像や動画を使う際、コンテンツの中で綺麗に見せていくには、素材の品質もそうですがアスペクト比も重要な要素になります。 Web制作では画像や動画コンテンツを多くのデバイスに対応していくため、特に動画ですが、アスペクト比の調整に慣れていない方は、意外と大変だったりします。 こうした少し面倒な調整手軽に行えるよう、CSSの新機能としてアスペクト比を設定するaspect-ratioプロパティが追加されました。 気になる対応ブラウザですが、 主要ブラウザでは、最新バージョンですべてサポートされています。 (IEは未対応) Can I use (aspect-ratio) https://caniuse.com/?search=aspect-ratio ここでは、サンプルをもとにaspect-ratioプロパティの使い方をご紹介します。 WebブラウザのGoogle Chrome

                      CSSのaspect-ratioプロパティで手軽にアスペクト比を設定する | Free Style
                    1

                    新着記事