Site
- ite.tokyo
- ite.tokyo/tl.ite.tokyo
- tl.ite.tokyo
- ite.tokyo/b.ite.tokyo
- b.ite.tokyo
- xfree - est.html
└ Portfolio - 19.11.18up - xfree - est.php
└ *tl for PF - 19.11.18up - xfree - est.wp
└ EC .B for PF - onamae.com
└*domain - star server
└*server link - mega print
└*sticker
*nemu - 2019.11.13 - est
DO NOT UPDATE
Only PEC - 2019.11.29
Partner companies
Design
- color sample
- color hunt
- https://colorfulgradients.tumblr.com/
- font-family-how-to
- http://webcolourdata.com/
- https://blender-cg.net/
- color hunt
- https://www.choicely.jp/webdesign/
- https://www.ikesai.com/
- css center
- HTML5から意味の変わる要素 bタグ、iタグ、emタグ、strongタグ、smallタグ、hrタグ
- ランディングページ集めました。
- http://localhost/
- https://qiita.com/hinataysi29734/items/
- https://www.xfree.ne.jp/
- https://www.hiroyukisuzuki.com/
entry/wordpress-free-rental-server/ - https://template-party.com/manual/server1.html
- webliker / tag 入れ子
- webliker / インデントについて
- html → wordpress / haniwaman
- HTMLサイトをWordPressに移行する手順のまとめーその1
- HTMLサイトをWordPressに移行する手順のまとめーその2
- wordpressで独自のページテンプレートを作成して固定ページに適用するための手順
- URLの正規化とは?正規化が必要な理由と実践方法
- URL正規化とは?www有り無しhtaccessリダイレクト設定方法まとめ
- .htaccessとは?
- .htaccessの使い方・設定方法
- .htaccess生成ツール
- classの命名規則
- paddingとmarginの違いをできる限り難しい言葉を使わず説明してみた
- 今更ながら、フレックスボックスの使い方をまとめてみた。
- font-familyの書き方まとめ:CSSでフォント種類を指定しよう
- 游ゴシックのfont-family指定方法2018年度版
- 意外と知らないフォント設定の仕方
- 「nth-child」と「nth-of-type」の違いをわかりやすくまとめてみた
- positionについての解説が詳しく書いてあるサイト
- overflowの使い方
- css3のグラデーションが簡単に作れちゃうサイト
- ファビコンの作成方法
- 様々なファビコンを一括生成。favicon generator
- 今さら聞けない!Webデザインの定番とも呼べるレイアウト方法「グリッドレイアウト」の基本
- レイアウトを構築するための新しい仕様 CSS Grid Layout!
- CSS3のアニメーション機能が書かれているサイト1
- CSS3のアニメーション機能が書かれているサイト2
- WebサイトのWidth(横幅)について ~業界毎の主要webサイト調査結果~
- can i use 使用したいcssのプロパティが各ブラウザで対応しているか確認出来るサイト
- リッチ表示(OGP)の設定が詳しく書かれているサイト
- コピペで使えるリストデザイン34選
- CSSのみで実装するボタンデザインやホバーエフェクト 20+α
- コピペ実装!CSSだけで作れるお洒落で使いやすいボタン
- おしゃれなボックスデザイン(囲み枠)のサンプル30
- CSSのみで実装するキャプションエフェクト 20
- CSSのみで実装するボタンデザインやホバーエフェクト 20+α
- CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
- beforeとafterの使い方を基本からマスターするためのチュートリアル
- サルワカbeforeとafterの使い方まとめ
- パンくずリスト-作り方とCSSデザインサンプル12選
- パンくずリスト-SEOに有効な理由と関係性を解説
- 最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ
- パンくずリストを作る際の構造化マークアップする時のschema.orgについての説明
- 意外と知らない!?CSSセレクタ20個のおさらい
- 疑似要素:beforeや:afterのcontentで記号(特殊文字)などを表示する方法。コード表やシミュレーター有り
- CSSの圧縮されたコードを改行してくれるツール
- CSSのコードを圧縮してくれるツール(jsも)
- SCSSの基本的な書き方
- Sassの基本的な書き方
- Sass/ScssをリアルタイムでCSSに変換してくれるツール sassmeister
- イメージマップのコードを生成するツール
- イメージマップのコードを生成するツール(参考Webサイト)
- Font Awesome5の基本的な使い方
- ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験
- 一目で分かる、Internet Explorer(IE)のサポート終了時期
- mainタグがIEでは動作しない件について
- IEでsvgタグ内のimageが表示されない
- HTML5から意味の変わる要素 bタグ、iタグ、emタグ、strongタグ、smallタグ、hrタグ
- ランディングページ集めました。
- column(段組レイアウト)の使用
- カラムを使って2段組みレイアウト
- URLの正規化とは?正規化が必要な理由と実践方法
- URL正規化とは?www有り無しhtaccessリダイレクト設定方法まとめ
- .htaccessとは?
- .htaccessの使い方・設定方法
- .htaccess生成ツール
- 色見本と配色サイト
- サイトで使用されている色をゲット出来る
- イソラボ Web カラー 配色パターン
- 毎日センスある配色パターンを提供してくれるサイト
- イケサイ
- ウェブセレクション
- Webデザインの見本帳
- Webデザインギャラリー
- bookma! v3
- 最強ポートフォリオの簡単な作り方
- ポートフォリオのまとめ1
- ポートフォリオのまとめ2
- ポートフォリオのまとめ3
- アイコンのフリー素材(iconfinder)
- アイコンのフリー素材(icooon-mono)
- 写真素材 足成【フリーフォト、無料写真素材サイト】
- 写真素材 ぱくたそ【フリーフォト、無料写真素材サイト】
- 写真素材 Unsplash
- 写真素材 Pixabay
- 写真素材 写真AC
- 写真素材 食材の素材【フリーフォト、無料写真素材サイト】
- サイトの色んな技術なんかがまとまってます。nxworld.net
- Google Fonts
- Google Fonts早期アクセス
- webfont fontawesome 色々なアイコンが使える
- Facebookページの埋め込み方法
- twitterの埋め込み方法
- instagramの埋め込み方法
- LINEで送るボタンの設置コード
- CSS3で色んな図形
- jQuery+CSSで実装するナビゲーションメニュー総集編
- Web サイトや Blog に Google カレンダーを表示する
- GoogleMapのカスタマイズ
- Facebook・Twitterのリッチ表示設定方法
- backgroundで動画が動くアニメーション設定がされているサイト
- jQuery 背景に画像や動画を全面に表示するプラグイン10選抜
- Webデザイントレンド
- デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ
- 2019年新卒採用サイトのトレンドは?おしゃれなデザインまとめ16選
- 2019年に注目したい!グラフィックデザインの最新トレンド10個まとめ
- 2019年のWEBデザイン7つのトレンド【2019年はこれが来る!】
- 2018年・2019年のWebデザイン最新トレンド
- 2019年の予測。Webデザインの最新トレンドとは?
- 2018年のトレンドになるかも?今年登場したWebデザインのアイデア7選
- 2018年のデザイントレンド先読み!押さえておきたいUX上の17の予測
- 2018年に流行しそうな、注目Webデザイントレンド20個を大予想
- 2018年はこれで決まり!Webデザインの最新トレンドまとめ
- 2018年突入!流行の兆し!最新Webデザイントレンドご紹介
- HTMLサイトをWordPressに移行する手順のまとめーその1
- HTMLサイトをWordPressに移行する手順のまとめーその2
- 静的HTMLサイトをWordPress化するときの具体的な移行手順
- wordpressで独自のページテンプレートを作成して固定ページに適用するための手順
- 各固定ページのページデザインをテンプレート選択で可能にする方法
- 練習用サンプルデータ(この中のphpも見てもらえるとどこに何を入れたらいいか分かる部分あると思います。)
*color
*font
*movie
*web design
*build
*link
参考にしてみて!
サイトの色見本の参考
イケてるサイトを集めたサイト
素材(基本的にフリー)
何かの参考になるかもしれないサイト
Webサイトのトレンド
静的htmlをwpに移行する手法(ここは自分で作成したサイトをWPに移行する方法で、wpで作られているテーマをカスタマイズする方法ではありません)
Investment
- www.nikkei.com
- nikkei*marketcalendar
- info.finance.yahoo.co.jp
- shikiho.jp
- kabutan.jp
- minkabu.jp
- diamond.jp/zai
- yahoo*code=usdjpy
- www.gaitame.com
*stock
*fx
note : nikkei,shikiho,yahoo