2017年7月25日火曜日
Font Awesome
Font Awesome
The iconic font and CSS toolkit
Download
Version 4.7.0 · GitHub Project ·
Old 3.2.1 Docs · Created by Dave Gandy
Font Awesome
http://fontawesome.io
One Font, 675 Icons
In a single collection, Font Awesome is a pictographic language of web-related actions.
No JavaScript Required
Fewer compatibility concerns because Font Awesome doesn't require JavaScript.
Infinite Scalability
Scalable vector graphics means every icon looks awesome at any size.
Free, as in Speech
Font Awesome is completely free for commercial use. Check out the license.
CSS Control
Easily style icon color, size, shadow, and anything that's possible with CSS.
Perfect on Retina Displays
Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
Plays Well with Others
Originally designed for Bootstrap, Font Awesome works great with all frameworks.
Desktop Friendly
To use on the desktop or for a complete set of vectors, check out the cheatsheet.
Accessibility-minded
Font Awesome loves screen readers and helps make your icons accessible on the web.
Font Awesome
http://fontawesome.io
..........................
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
..............................
fgdf pc
ラベル:
?ClarisWorks,
?jQuery,
#doc css,
#doc html,
#doc javascript,
#doc php,
#web ajax,
#web api
Google Fonts
Viewing 821 of 821 font families
Google Fonts
https://fonts.google.com/
//code
Abril+Fatface|Vidaloka
" rel="stylesheet">
Google Fonts
https://fonts.google.com/
ラベル:
#doc css,
#doc html,
#doc javascript,
#doc jQuery,
#doc php,
#web ajax,
#web api
2017年7月20日木曜日
2017年7月19日水曜日
[code] css,styleタグ記述
<style type="text/css">
#databear2278 {
background-color: #ffffff;
font-size: 8pt;
color: #222222;
border: solid 2px #888888;
width: 170px;
margin-left: 5px;
text-align: left; vertical-align: top;
border-radius: 8px;
}
#databear2278 img {
width: 80px;
height: 80px;
}
</style>
<div id="databear2278">
..............................
</div>
#databear2278 {
background-color: #ffffff;
font-size: 8pt;
color: #222222;
border: solid 2px #888888;
width: 170px;
margin-left: 5px;
text-align: left; vertical-align: top;
border-radius: 8px;
}
#databear2278 img {
width: 80px;
height: 80px;
}
</style>
<div id="databear2278">
..............................
</div>
2017年7月18日火曜日
WordPress 4.8
WordPress 4.8 をダウンロード
.zip — 9.0 MB
.tar.gz 形式をダウンロード — 8.3 MB
WordPress
https://ja.wordpress.org/
WordPress 日本語ローカルサイトへようこそ。
WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。
セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、無料でダウンロードして使うことができます。
WordPress を使って、思い通りにカスタマイズしたブログサイトを作り上げてみませんか。
WordPress イベントカレンダー @jawordpressorg をTwitterでフォロー
最新の WordPress 日本語版 は右のダウンロードボタン、または直リンク(latest-ja.zip / latest-ja.tar.gz)よりどうぞ。
安全にご利用いただけるのは最新版のみです。
過去バージョンはメンテナンスされておりませんのでご注意ください。
日本語リソースファイル (ja.mo など) のみのダウンロードとインストールについては、説明ページをお読みください。
当サイト配布の日本語版 と 本家英語版の違いについては WordPress 日本語版について を参照してください。
日本公式キャラクター「わぷー」の画像ファイルは以下からダウンロード可能です。
WordPress 4.8 をダウンロード
.zip — 9.0 MB
.tar.gz 形式をダウンロード — 8.3 MB
WordPress
https://ja.wordpress.org/
本記事では4つの項目に分けてインストールの手順をご紹介します。
事前に用意するもの
WordPressのダウンロード
サーバーへのアップロード
ブラウザからログイン
事前に用意するもの
WordPressのインストールには、レンタルサーバーとFTPクライアントが必要です。
レンタルサーバー
WordPressを利用できるサーバーには条件があります。
対応状況は、レンタルサーバーのサイトで確認することができます。
以前に、レンタルサーバーを紹介する記事を公開しているので、この中から選んでみてください。
今回はミニバードというレンタルサーバーを使用して説明していきます。
FTPクライアント
サーバーへファイルを転送するためにFTPクライアントを用意します。
こちらも以前に、無料のFTPクライアントソフトを紹介する記事を公開しているので、使っているOSにあったソフトを使ってください。
今回はFileZillaを使って説明します。
WordPressのダウンロード
事前の準備ができたら、WordPress日本語ローカルサイトからWordPressをダウンロードします。
WordPressをダウンロードというボタンをクリックすると、すぐにダウンロードが始まります。
ダウンロードしたファイルを解凍して保存しておいてください。
サーバーへのアップロード
続いて、ダウンロードしたファイルをサーバーへアップロードします。ここからはFTPクライアントを使います。
今回はFileZillaを使って説明しますが、基本的に他のソフトでも同じような操作が可能です。
ファイルのアップロードとパーミッションの設定
左上のアイコンをクリックして「サイトマネージャ」を開きます。
「新しいサイト」をクリックします。
ログオンの種類を「通常」にし、ホスト名・ユーザー名・パスワードの3つを入力します。
入力したら「接続」をクリックします。
※ホスト名・ユーザー名・パスワードはサーバーによって確認の方法が違います。
(ミニバードの場合は契約時のメールに設定項目が記載されています)
TechAcademyマガジン
https://techacademy.jp/magazine/1354
phpショッピングカート
LEMON-S PHP フリースクリプト配布
掲示板やショッピングカートなどシンプルなPHPフリースクリプト配布。
シンプルショッピングカート
PHPショッピングカートです!
本体兼設定ファイルがひとつだけという、
超シンプル設計ながら、必要最低限の機能を備えています!
主な機能
超簡単設置
簡単カスタマイズ
簡単商品登録
簡単在庫管理
在庫自動調整可能
商品オプションを設定可能
画像自動サムネイル作成(要GD)
お客様とオーナーに自動メール送信
注文ボタン二度押し防止
注文二重処理防止
都道府県別送料自動計算
全国一律料金可能
指定金額以上で送料無料可能
代金引換、銀行振込、郵便振替対応
受注メールを元に別途手作業ならクレジットカード決済サービス(クロネコ@ペイメントなど)も併用可能
代金引換手数料自動計算
消費税自動計算
消費税率変更にも対応可能
商品ランダム表示
商品検索
ロゴ表示
特定商取引に関する法律に基づく表示
クッキー使用
禁止ホスト設定
不正投稿防止
iPhone対応
設置方法
スクリプト本体、index.phpを開き設定をします。
全てのファイルをアップロードします。
保存用ディレクトリimgを777(707)にします。
空のログファイルimg/log.csvを666(606)にします。
サーバーによっては画像アプロードできません。
サンプル
ダウンロード ※利用規定に同意されたものとします
LEMON-S PHP
http://php.lemon-s.com/simpleshop.html
リンクを利用する方法
文字、もしくはボタンなどの画像をクリックするとカートへ商品が入ります。
■文字リンクを利用する記述
独自ドメイン
カゴへ
ショップ ID
カゴへ
shopserve.jp
https://help.shopserve.jp/manual/176/
掲示板やショッピングカートなどシンプルなPHPフリースクリプト配布。
シンプルショッピングカート
PHPショッピングカートです!
本体兼設定ファイルがひとつだけという、
超シンプル設計ながら、必要最低限の機能を備えています!
主な機能
超簡単設置
簡単カスタマイズ
簡単商品登録
簡単在庫管理
在庫自動調整可能
商品オプションを設定可能
画像自動サムネイル作成(要GD)
お客様とオーナーに自動メール送信
注文ボタン二度押し防止
注文二重処理防止
都道府県別送料自動計算
全国一律料金可能
指定金額以上で送料無料可能
代金引換、銀行振込、郵便振替対応
受注メールを元に別途手作業ならクレジットカード決済サービス(クロネコ@ペイメントなど)も併用可能
代金引換手数料自動計算
消費税自動計算
消費税率変更にも対応可能
商品ランダム表示
商品検索
ロゴ表示
特定商取引に関する法律に基づく表示
クッキー使用
禁止ホスト設定
不正投稿防止
iPhone対応
設置方法
スクリプト本体、index.phpを開き設定をします。
全てのファイルをアップロードします。
保存用ディレクトリimgを777(707)にします。
空のログファイルimg/log.csvを666(606)にします。
サーバーによっては画像アプロードできません。
サンプル
ダウンロード ※利用規定に同意されたものとします
LEMON-S PHP
http://php.lemon-s.com/simpleshop.html
リンクを利用する方法
文字、もしくはボタンなどの画像をクリックするとカートへ商品が入ります。
■文字リンクを利用する記述
独自ドメイン
カゴへ
ショップ ID
カゴへ
shopserve.jp
https://help.shopserve.jp/manual/176/
2017年7月17日月曜日
順位チェック 300 | SEOチェックのためのSEOツール集 ohotuku.jp
ohotuku.jp
http://ohotuku.jp/rank_checker/
SEOラボ
http://seolaboratory.jp/other/2016082342011.php#p01
ohotuku.jp
http://ohotuku.jp/rank_checker/
SEOラボ
http://seolaboratory.jp/other/2016082342011.php#p01
登録:
投稿 (Atom)