網頁設計
有在利用Google Maps的人，多幾多少一定都有利用到Google地圖找四周景點餐廳。

 

(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top

比來電腦重灌WIN10
arduino重新安裝及設定
發現輸入開辟辦理員網址時會泛起毛病

網頁設計
  1. https://dl.espressif.com/dl/package_esp32_index.json
(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top
很多人架好網站後卻發現YAHOO或GOOGLE搜索不到自己網站
卻不知道哪裡出了問題？實際上是因為新建置的網站並沒有被各大搜尋引擎收錄
(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top

學會Arduino根基操控後
必然會想學會無線遙控，如藍芽Bluetooth, Wifi
這篇申明藍芽Bluetooth操控
結果圖
1.png


影片


代碼：

  1. // Include necessary libraries
  2. #include <BLEDevice.h>
  3. #include <BLEServer.h>
  4. #include <BLEUtils.h>
  5. //#include <BLE2902.h>
  6. //#include <Wire.h>
  7.  
  8. // 定義 UUIDs （注意要與App Inventor內容對應）
  9. #define SERVICE_UUID            "C6FBDD3C-7123-4C9E-86AB-005F1A7EDA01"
  10. #define CHARACTERISTIC_UUID_RX  "B88E098B-E464-4B54-B827-79EB2B150A9F"
  11. #define CHARACTERISTIC_UUID_TX  "D769FACF-A4DA-47BA-9253-65359EE480FB"
  12.  
  13. // 界說LM35 ESP32 GPIO接腳
  14. const int analogIn = A0;
  15.   
  16. int RawValue= 0;
  17. double Voltage = 0;
  18. double tempC = 0;
  19. double tempF = 0;
  20. String BLE_Code;
  21. BLECharacteristic *pCharacteristic;
  22. bool deviceConnected = false;
  23. // Handle received and sent messages
  24. boolean ledState=false;
  25. String message = "";
  26. char incomingChar;
  27.  
  28. // Temperature Sensor 與led接腳變數
  29. float temperature = 0;
  30. const int ledPin = 2;
  31.  
  32. // 設定 callbacks onConnect & onDisconnect函數
  33. class MyServerCallbacks: public BLEServerCallbacks {
  34.   void onConnect(BLEServer* pServer) {
  35.     deviceConnected = true;
  36.   };
  37.   void onDisconnect(BLEServer* pServer) {
  38.     deviceConnected = false;
  39.   }
  40. };
  41.  
  42. // 設定 callback function 當收到新的資訊 (from the Android application)
  43. class MyCallbacks: public BLECharacteristicCallbacks {
  44.   void onWrite(BLECharacteristic *pCharacteristic) {
  45.     std::string rxValue = pCharacteristic->getValue();
  46.     BLE_Code="";
  47.     if(rxValue.length() > 0) {
  48.       Serial.print("領受資料為 : ");
  49.       for(int i = 0; i < rxValue.length(); i++) {
  50.         BLE_Code+=rxValue[i];
  51.         Serial.print(rxValue[i]);
  52.       }
  53.       Serial.println();
  54.       BLE_Code.toUpperCase();
  55.       Serial.println(BLE_Code);
  56.       if(BLE_Code.indexOf("LED")==0)
  57.       {
  58.         ledState=!ledState;
  59.       Serial.println(ledState);
  60.       }
  61.       if(BLE_Code.indexOf("ON")==0)
  62.       {
  63.         Serial.println("LED 點亮!");
  64.         ledState=true;
  65.       }
  66.       else if(BLE_Code.indexOf("OFF")==0) {
  67.         Serial.println("LED 熄滅!");
  68.         ledState=false;
  69.       }
  70.     }
  71.   }
  72. };
  73.  
  74. void setup() {
  75.   Serial.begin(115200);
  76.   pinMode(ledPin, OUTPUT);
  77.    
  78.   // 豎立BLE Device
  79.   BLEDevice::init("ESP32_WeMos1");
  80.  
  81.   // 成立BLE Server
  82.   BLEServer *pServer = BLEDevice::createServer();
  83.   pServer->setCallbacks(new MyServerCallbacks());
  84.  
  85.   // 建立BLE Service
  86.   BLEService *pService = pServer->createService(SERVICE_UUID);
  87.  
  88.   // 建立BLE Characteristic
  89.   pCharacteristic = pService->createCharacteristic(
  90.                       CHARACTERISTIC_UUID_TX,
  91.                       BLECharacteristic::PROPERTY_NOTIFY);                     
  92. //  pCharacteristic->addDescriptor(new BLE2902());
  93.   BLECharacteristic *pCharacteristic = pService->createCharacteristic(
  94.                                          CHARACTERISTIC_UUID_RX,
  95.                                          BLECharacteristic::PROPERTY_WRITE);
  96. pCharacteristic->setCallbacks(new MyCallbacks());
  97.  
  98.   // 最先（起）service
  99.   pService->start();
  100.  
  101.   // 入手下手（起）advertising
  102.   pServer->getAdvertising()->start();
  103.   Serial.println("守候BLE手機連線....");
  104.   
  105.   digitalWrite(ledPin,LOW);
  106.   delay(500);
  107.   digitalWrite(ledPin,HIGH);
  108.   delay(500);
  109.   digitalWrite(ledPin,LOW);
  110. }
  111.  
  112. void loop() {
  113.   // Check received message and control output accordingly
  114.     if (ledState)
  115.         digitalWrite(ledPin, HIGH);
  116.       else
  117.         digitalWrite(ledPin, LOW);
  118.   delay(20);
  119. }
(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top

完成圖

142728gxel6z1qeqe1o1qp.jpg


首先先下載幾個JS及CSS
jquery-1.9.1.js         jquery 主檔
jquery-ui.js              UI JS檔
js.cookie.js              Cookies JS檔
jquery-ui.dialog.css   CSS設定檔

(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top

良多人用BootStrap 圖片因寬度縮小視起來很高興

但是縮得太小的時刻，高度會到達最小高度因此無法往下縮

會造成圖片變形，如圖

1.png

(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top

不管是利用無名、Pixnet、Xuite或Wordpress...等平台，在經管後台新增文章，城市有一個很像Word的編纂器，透過此編纂器就可輕鬆撰寫文章，而且還可以加粗體、變換字體色彩、超連結....與圖片上傳等功能，即使完全不懂任何的HTML語法，也可編纂出一個時興的文章頁面出來，而且邊製作還會邊顯示結果，這是個相當利便的功能，而這麼棒的功能難不成要自已寫，寫完不只天黑可能都爆肝了，所以要多加善用資源，今天梅干就來分享一個好用的即見即所得HTML文章編纂器CKeditor，與CKfinder上傳元件讓編纂器不只單單可編輯，同時還可上傳檔案甚至直瀏覽伺器服中的檔案，且完全不用寫任何的程式碼，只要設定一下，立刻就打造自已專屬的文章編纂器囉！
 

CKeditor(編纂器)/CKfinder(上傳元件)下載：
編纂器：CKeditor
支援語法：PHP、ASP、ASP.NET、CF
元件版本：4.4.5
官方展現：http://ckeditor.com/demo
官方下載：http://ckeditor.com/download

上傳元件：CKfinder
支援語法：PHP、ASP、ASP.NET、CF
元件版本：2.4
官方展現：http://ckfinder.com/demo
官方下載：http://ckfinder.com/download
(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top
下載安裝請看此篇


本篇文在申明如何讓 Arduino IDE 可使用 ESP32 開發板。

我手上今朝的這兩塊 ESP32 開發板，都同時具有 WiFi 和藍芽功能，個人覺得大塊的這片(ESP32 Wemos D1) 比較好用，因為它可以合用 Arduino UNO 擴大板。

 

1.jpg

2.jpg
(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top
網頁設計

1.jpg

今天我們要跟人人分享幾個製作滿版背景圖的方式。

如今先來肯定一下我們的需求：

圖片必須恰好填滿瀏覽器不克不及留有縫細，也不克不及因為圖片太大而呈現捲軸。
圖片可以隨著瀏覽器尺寸主動縮放。
圖片必須連結長寬比，不克不及變形。
要告竣上面的需求，我們有以下的方式可以使用


利用CSS3 background-size 屬性

background-size 是css3 的屬性，用來定義佈景圖片的尺寸。利用上可以直接指定長寬的數值或是縮放的比例；指定"contain"可讓配景圖片主動縮放到填滿內容區域內的最大尺寸；指定"cover"可讓配景圖片主動縮放到籠蓋內容區域的最小尺寸。可以參考w3c background-size的資訊

因為我們目前要做的是完全籠蓋瀏覽器的靠山圖片，所以要利用”background-size:cover;”這個設定。利用方法如下：
 

(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top
網頁設計

cxSelect 是基於jQuery 的多級聯動菜單插件，合用於省市、商品分類等聯動菜單。
列表數據通過AJAX 獲得，也能夠自界說，數據內容使用JSON 格式。
同時兼容Zepto，方便在移動端使用。
國內省市縣數據來曆：basecss/cityData Date: 2014.03.31
全球首要城市數據來源：整頓國內經常使用網站和軟件Date: 2014.07.29

版本：jQuery的V1.7 +的Zepto V1.0 +jQuery的cxSelect V1.4.0


使用方法载入 JavaScript 文件

(繼續閱讀...)
文章標籤
網頁設計

zahinjtsog256 發表在 痞客邦 留言(0) 人氣()

▲top
«1...678 9