Google-Fonts-の使い方05

Google Fonts の使い方

    今回は、このモックアップのキービジュアルの部分の「SMILE」のフォント、Raleway を、Google Fonts を使います。

w3c とは?

W3C とは?

  W3C とは? Web標準技術を策定する団体。 HTMLやCSSのほか、XML、HTTPプロトコルなどの標準化を行う。    

Chromeのデベロッパーツールでデヴァイス毎の表示を確認する方法03

Chromeのデベロッパーツールでデヴァイス毎の表示を確認する方法

  Google Chrome で、各デヴァイスでの表示を確認していきましょう。 1. Google Chrome で、ページを開く。

WordPressのファイル構成

WordPressのファイル構成

  WordPressに最小限必要なファイル index.php style.css その他、個々のテーマに必要なファイルは、変わってくる。 WordPressテーマを構成するファイルの種類 1.メインテンプレ…

Jobs-For-Freelancer

The Best Website For Freelancer to Find Jobs

  海外のフリーランスのための仕事のサイトを特集しました。 日本のサイトは、以前、特集しました。 各サイトの特徴などは、おいおい自身が参加しながら、追記していきたいと思います。 フリーランスの仕事というのは、時…

14-Best-Free-HTML-Website-Templates-まとめ-アイキャッチ

14 Best Free HTML Website Templates まとめ

  ダウンロードする際は、ご自身の責任において、ご利用の際は、サイトもしくは添付されたライセンス条項をよく読んでから、ご利用下さい。

Best-9-Free-Web-Material-Market

Best 9 Free Web Material Market

 

スライス機能を使った書き出しの2種類のスライスの作成方法

     

Photoshop CCの画像を書き出す2通りの方法

  Photoshop から、画像を切り出す方法には、2つの方法がある。 スライス作業は、ほとんどの場合、複数回にわけて行う。  

ランディングページ、テンプレートリンク集サイトまとめ

ランディングページ、テンプレートリンク集サイトまとめ11選

  ランディングページを制作する際に、参考になるように、有料、無料のランディングページのリンク集の海外サイトと日本サイトを紹介します。

海外ホスティングサービスの選び方

海外ホスティングサービスの選び方

  ホスティングを選ぶポイントは、沢山、ありますが、海外のホスティングを簡単に選ぶポイントをここでは紹介します。

モックアップから画像を切り出す方法

モックアップから画像を最適化、切り出す2つの方法

モックアップから画像を最適化、切り出す2つの方法 従来の方法 レイヤーの書き出し機能を使った画像を書き出す方法 1.[ファイル]→[書き出し]→[Web用に保存(従来)]

8 Best Mockups Market Site

8 Best Mockups Market Site

 

Web素材サイトまとめ

Web素材提供サイトまとめ10 選

  著作権など、使用条件は、各サイトで、ご確認してから、ご利用下さい。    

スライスする前に考えておくべきこと

  Webデザインからコーディングへ移る工程の前に、モックアップから、サイトに利用する画像を書きだす工程をスライスと呼ぶ。

IT勉強会スケジュールまとめリンク集

IT勉強会スケジュールカレンダーまとめリンク集

 

[HTML,CSSコーディング] 文法チェック

[HTML,CSSコーディング] 文法チェックの方法

  CSSのコーディングを始める前に、文法チェックを行いましょう。 W3C HTML Validator Service 使い方は、とてもシンプル。

アイキャッチ:ボックスモデル

[CSS] ボックスモデル

  ボックスモデル 全てのHTML要素は、CSSで「ボックス」と呼ばれる「四角い領域」として扱われる。 content (コンテンツ領域)に、テキストや画像などの要素の内容が表示される。   ボックス…

CSS セレクタ

主なセレクタの指定方法

  CSSの記述法 例 p {color:red;} セレクタ 具体的に、どの箇所にCSSを適応させるのかを明確に指示させるもの。

CSS記述の基本、基礎

  CSSの基本書式

HTMLタグ記述の基礎、基本

  HTMLとは? HTMLとは、情報構造を定義するためのマークアップ言語である。 マークアップ(印を付ける。)ことによって、コンピューターに、「ここから、ここまでは、○○だよ。」と伝えることにより、サイトの構…

絶対パスと相対パス

絶対パスと相対パス

  パス ファイルを置いている場所。 パスの指定方法には、絶対パスと相対パスがある。

Webで扱う画像の形式

形式 GIF JPEG PNG−8 PNGー24/32 色数 最大256色 フルカラー 最大256色 フルカラー 圧縮方法 可逆圧縮 非可逆圧縮 可逆圧縮 可逆圧縮 圧縮率 中 高 高 低 透過機能 ○ × ○ ○ アル…

[ jQuery ] 基本、基礎知識

jQueryとは? jQueryとは、John Resig(ジョン・レッシグ)氏によって開発されたJavaScript 軽量ライブラリの一つである。 JavaScript と同様、ブラウザ側で動く、クライアントサイドのプ…

HTML文書の基本構造

  Word などで作成する文書は、GUIを用いて視覚的に文書内の情報を表現する。 インターネットは、様々なOS環境が混在し、プレーンテキストである方が都合がよい。 このプレーンテキストをHTMLで意味づけし、…

Illustrator カラー設定を設定する

  [カラー設定]ダイアログを開く。 [編集] → [カラー設定]から、[カラー設定]ダイアログを開く。

和文書体の分類と特徴

  和文書体の分類 和文書体は、書体が持つ様式から大きく 明朝体 ゴシック体 丸ゴシック体 伝統書体 ディスプレイ体 という5つのカテゴリーに分類される。 明朝体とゴシック体は、汎用性が高く、ファミリーでしっか…

自宅の家賃、光熱費は、どこまで経費として認められるか

  フリーランスで、自宅を仕事場にしている人は多いのではないでしょうか。 その場合、家賃、通信費、水道光熱費は、どの程度まで認められるのでしょうか。 ずばり、結論を言いますと、住宅の面積における仕事場として使っ…

JavaScriptの基本、基礎

  歴史 1995年、Netscape社とSun Microsystems社が共同でLiveScriptというスクリプト言語を開発。 当時、オブジェクト指向言語であるJavaが注目を集めており、それにあやかって…

Photoshop グラデーションの作成方法

    逆方向 グラデーションのかかる色の順番を始点と終点で逆にする。 ディザ チェックを入れると、グラデーションが帯状になるのを防ぐ。 透明部分 不透明度の設定をしたグラデーションを使ってペイントす…