Category Archives: Uncategorized

200124

■スマートフォン用ページが自動縮小されないよう
https://allabout.co.jp/gm/gc/382610/2/

<meta name="viewport" content="width=device-width">

 

■animationのプロパティ
http://www.htmq.com/css3/animation.shtml



div.sample {
animation: anime1 5s ease -2s infinite alternate;
}

 

animation-name、 animation-duration、 animation-timing-function、 animation-delay、 animation-iteration-count、 animation-direction

animation-name、 命名
animation-duration、動画持続時間
animation-timing-function、動画変化の関数
animation-delay、 動画始めるまでの時間
animation-iteration-count、 永遠繰り返し(infinite)か回数
animation-direction、動画の進行方向

■animationを順番に行う
https://memocarilog.info/webdesign/8050


.item:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;
}
.item:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards;
}
.item:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}

 

200124 early morning

■animation+hover 巻き戻し
https://theorthodoxworks.com/web-design/css-animation-property-hover-effects-replay/

■■Transition基礎、なめらかに
https://cgsc.info/programming/20151125_css_transition

■Transitionトランジション探求
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

■■Transition使ってみる
https://cgsc.info/programming/20151125_css_transition

■transform基礎、移動変形回転
https://creive.me/archives/16145/

■display: none からFadeIN、animation
https://qiita.com/youcune/items/b0bb4c5979071d53eb99

■ドロワーメニュー10選、animation
https://webdesignfacts.net/entry/css-drawrmenu/

■■サルワカのハンバーガーメニュー(ドロワーメニュー)
https://saruwakakun.com/html-css/reference/nav-drawer

■■サルワカのアコーディオンメニュー
https://saruwakakun.com/html-css/reference/accordion

■■checkboxのanimation
http://kachibito.net/css/pure-css-delightful-checkbox-animation

■CSSセレクタの種類
http://www.htmq.com/csskihon/005.shtml

■CSSのみで三角と矢印
https://bagelee.com/design/css/css-triangle/

■CSSのみで三角ラベル
https://wand.plus/2016/08/19/css%E3%81%A0%E3%81%91%E3%81%A7%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%83%E3%81%86%EF%BC%81%E3%83%A9%E3%83%99%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%8C%E4%B8%89%E8%A7%92%E5%BD%A2%E7%B7%A8/

■使える無料素材イラスト
http://pictogram2.com/?s=%E6%97%85%E8%A1%8C
http://flat-icon-design.com/?s=%E6%97%85%E8%A1%8C

■CSSのメニュー、古いが堅実そう
https://9-bb.com/%E3%82%B3%E3%83%94%E3%83%9A%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%80%8Dcss%E3%81%A0%E3%81%91%E3%80%81javascript%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%81%AB%E4%BD%9C%E3%82%89%E3%82%8C%E3%81%9F/

200123

http://daihoh.local/wp-login.php

■12種類 CSS3アニメーションで枠線に楽しい動きをつけてみた
https://zxcvbnmnbvcxz.com/12-css3-border-animate/index.html
DEMO
https://zxcvbnmnbvcxz.com/demonstration/border.php.html
https://zxcvbnmnbvcxz.com/demonstration/border-hover.php.html

■■CSSのみでボーダーをアニメーションさせる
https://qiita.com/nekoneko-wanwan/items/7fc1e5b808bbb06668c0
大いに参考になった

■デザンクが参考になる壁紙屋さん
https://www.mu-ro.jp/

■デザインが参考になる法律事務所
https://daikanyamalaw.com/

全国中小事業協同組合
https://www.tcjkk.or.jp/about.html

JCI産業文化協同組合
http://www.jci-union.com/%e7%b5%84%e5%90%88%e6%a6%82%e8%a6%81/

株式会社リーテム
https://www.re-tem.com/access/

200123 morning

https://www.rectus.co.jp/archives/74
https://saruwakakun.com/html-css/reference/nav-drawer
https://thewppress.com/libraries/get-the-content/
https://shufulife.com/res-table/
https://pecopla.net/web-column/table-design
https://qiita.com/us_pk/items/7430cef4dd3542413a68

■テリアルデザインの特徴を解説!フラットデザインとは何が違う?
https://hnavi.co.jp/knowledge/blog/material-design/

■サルワカ 美しいフラットデザインの作り方
https://saruwakakun.com/design/tips/flat
■サルワカ 無料ホームページ作成ツール14選
https://saruwakakun.com/html-css/reference/homepage
■サルワカ 素敵なマテリアルデザインのWebサイトまとめ×15
https://saruwakakun.com/design/gallery/material-website
■サルワカ 商用可で無料!最強のフリーアイコン素材サイト14選
https://saruwakakun.com/design/tips/icon
■サルワカ 最強のブログ運営ツール23選
https://saruwakakun.com/it/seo/blog-tools

■サルワカ ハンバーガーメニューの作り方(スマホ対応)
https://saruwakakun.com/html-css/reference/nav-drawer
■CSSのみでのドロップダウンメニュー
https://www.rectus.co.jp/archives/74
地味だが堅実そう

■コピペで使えるマイクロインタラクション
https://ics.media/entry/15130/
結構複雑な動き

■各端末サイズでの表示チェック
https://material.io/resources/resizer/

■おしゃれな写真素材を探す
https://o-dan.net/ja/

かわさき

川崎重工業株式会社 西神戸工場
兵庫県神戸市西区櫨田谷町松本字下谷234番1 他69筆
■google地図の西神戸工場住所
〒651-2239 兵庫県神戸市西区櫨谷町234番地

用途地域:工業専用地域
地区計画:地区計画、再開発地区計画
防火地域:指定なし
日影規制:なし

都市計画区域 市街化区域
用途地域 工業専用地域
建ぺい率(%) 60
容積率(%) 200
敷地面積最低限度(㎡) 無指定
高度地区 無指定
防火準防火地域 無指定

地区計画:地区計画、再開発地区計画
地区計画(玉津・櫨谷工業地区)

■神戸市情報マップ
https://kobecity.maps.arcgis.com/home/index.html

■12 都市計画情報
https://kobecity.maps.arcgis.com/apps/MapAndAppGallery/index.html?appid=ce128e08251148c3b9215a09eea72969

用途地域
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=ae1720598b3a4920a27b161d68c877a6

地区計画・建築協定
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=f5ffbbca1bf8446380a33cc5951e51bf

都市計画道路の整備
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=8ab7c6873438430c8fe99366d07de57e

土地区画整理
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=6b27ac854e5d47fa968afae5ec9e0a20

防火地域
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=7b14f7a2b71e4274a89208f775ea15dd

白地図
https://kobecity.maps.arcgis.com/apps/View/index.html?appid=826efc2d0c63458099e616fed58635bc

■神戸の風
http://birukaze.blogdehp.ne.jp/category/1876436.html#kobe

■神戸の風、月別、気象庁
https://www.data.jma.go.jp/obd/stats/etrn/view/nml_sfc_ym.php?prec_no=63&block_no=47770&year=&month=&day=&view=a3

■玉津・櫨谷工業地区 地区計画
https://www.city.kobe.lg.jp/a35466/shise/kekaku/jutakutoshikyoku/district/r00089.html

■一団地認定と総合的設計制度とはなにかわかりやすくまとめた
https://iqra-channel.com/comprehensive-design-system

200122 morning

https://web-kanji.com/posts/animation-design
https://tobiasahlin.com/moving-letters/
https://qiita.com/soarflat/items/4a302e0cafa21477707f
https://commte.net/5082
https://www.domore.co.jp/mobilelab/smartphone/web_animation
https://lopan.jp/css-animation/
https://commte.net/5082
https://www.okuni.me/entry/hover-animation-button-matome

https://tips.adrec-dept.com/javascript/1308/
https://digipress.info/demo/page-transition/three.html
https://digipress.info/tech/page-transition-effect-how-to/

http://www.professors.jp/
https://www.pitt.jp/company/mitsumori.php
https://www.ressy-intl.co.jp/blog/

https://muuuuu.org/category/taglist/single

http://c8608b20.ngrok.io

200121

https://vo-metsoffice.jp/virtual-office/make-business-overview/

ーーー
(株)カモメ・トラベル
(株)トラベルプラザインターナショナル
ジェイエッチシー(株)
シーアイティーエス・ジャパン(株)
(株)エムエスツーリスト

(株)インフィニトラベルインフォメーション
(株)アクセス国際ネットワーク

ーーー

(株)カモメ・トラベル
https://www.kamome-travel.jp/company.php
募集型企画旅行など
(株)トラベルプラザインターナショナル
https://www.jtbcorp.jp/jp/jtb_group/tpi/index.asp#about
ジェイエッチシー(株)
https://www.jhctour.com/company/
シーアイティーエス・ジャパン(株)
(株)エムエスツーリスト
http://www.apolloplan.com/company.html

(株)インフィニトラベルインフォメーション
http://www.infini-trvl.co.jp/company/profile/
(株)アクセス国際ネットワーク
https://www.axess.co.jp/company/index.html

ーーー

キッズベースキャンプ
https://www.kidsbasecamp.com/service/charge/index.html
〒216-0006 神奈川県川崎市宮前区宮前平2-15-2 第2マルテイビル3-B

BestBuddy鷺沼
https://www.bestbuddy.co.jp/theme2.html
〒216-0004
神奈川県川崎市宮前区鷺沼3-1-25
富士屋ビル3F

学童保育スキップ鷺沼
https://skip-saginuma.com/guidance/
川崎市宮前区鷺沼3-1-27 ヘロンビル3F
1~3年生:30,000円/月

200116

柏木工株式会社
https://www.kashiwa.gr.jp/

ロンシール工業株式会社
https://www.lonseal.co.jp/
床材、防水

有限会社 ソラ・アソシエイツ
http://www.sola-associates.co.jp/
ランドスケープデザイン、ライティングデザイン

株式会社ムラシマ事務所
http://www.murashima.co.jp/index.html
設計管理、設備設計管理

田島ルーフィング株式会社
https://tajima.jp/index.html
床材、防水

株式会社 住之江工芸
https://www.suminoekogei.co.jp/index.html