星期日, 3月 17, 2024

mac m3 安裝 php 8


#安裝 php
brew install php@8.2

#安裝後要新增path
echo 'export PATH="/usr/local/opt/php@8.2/bin:$PATH"' >> /Users/bigd/.bash_profile

#source才有辦法在cmd視窗直接呼叫
source ~/.bash_profile

#確認有沒有安裝 
php -v

(base) MacBook-Pro-Ken-2:8.2 bigd$ php -v

PHP 8.2.17 (cli) (built: Mar 12 2024 14:26:30) (NTS)

Copyright (c) The PHP Group

Zend Engine v4.2.17, Copyright (c) Zend Technologies

    with Zend OPcache v8.2.17, Copyright (c), by Zend Technologies


星期三, 2月 14, 2024

angularJS - GTM抓不到表單的廣告轉換

早期沒在埋GTM導致有些表單沒用ng-submit,

會導致只有抓到form_start,

但無法正常擷取的form id 與 form classes變數。






修正完後就正常了










星期五, 12月 29, 2023

[切版工具] Clippy 好用的clip-path maker

在網頁設計上常常會遇到不同多邊形的網頁效果,

可以使用clip-path屬性來達到,

如果對於空間概念比較不好或跟我一樣懶的話,

就可以使用Clippy這個工具~

如下圖所示,你可以透過快速的圖形效果,

產生語法,這個範例我們是要拉一個算梯形的效果mask



clip-path: polygon(50% 100%, 100% 75%, 100% 100%, 0 100%, 0 75%);

可以從圖上可以看到有五個點(可自行再刪減)

應用到專案上

專案上我們使用一個白底去產生此梯形效果

但發現會讓底色跑出來~所以最後把尺寸加到就藍底完全蓋掉

/* 讓第三個點超出空間讓底色藍可以完整不會出現 */

    clip-path: polygon(50% 100%, 100% 75%, 100% 101%, 0 100%, 0 75%);




網站:艾爾恩影片製作公司

   





星期一, 12月 18, 2023

踩雷啦!! jquery滑動到指定區塊後,手機畫面會鎖住無法滑動

最近因新客戶反應手機按滑動選單後,

手機會卡死畫面(無法滾動!!)

jq代碼如下:

//選單跳段落
$('.header a').click(function (evt) {

console.log('click menu link:' + this.hash);
// evt.preventDefault();
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
jumpSection(this.hash,jumpOffset,500);
}

});

問了chatgpt給點建議xd

檢查 CSS 樣式:有時 CSS 屬性可能會影響滾動條的行為。檢查是否有任何 overflow 相關的樣式設定在包含滾動內容的元素上,這可能會限制滾動。

/* 會造成手動跳動anchor異常 */

/* body.active {

    overflow: hidden;

}

.index {

    overflow: hidden;

} */ 

感動解掉~

星期日, 11月 26, 2023

在mac os安裝penpot 原型設計工具(免費的開源figma軟體)



Penpot是一個開源的設計和協作平台,它可以讓團隊共同協作設計項目。

本文測試chtgpt教學說明如何安裝Penpot,使用Docker來運行Penpot容器。


1. 安裝Docker Desktop for Mac:

首先,你需要在macOS上安裝Docker Desktop,這是運行Docker容器的工具。

你可以從Docker官方網站下載並安裝Docker Desktop for Mac:https://www.docker.com/products/docker-desktop

ps:結果裝完也是去console跑~

2. 從github上抓爬penpot至本機,我是裝到downloads

3. 進入安裝目錄,啟動Penpot容器

cd bigd/Downloads/penpot/docker/images


進到目錄才會有docker-compose.yaml才有辦法執行啟動容器的指令

docker-compose up

接著就跑啟動的指令



4. 連線Penpot Web界面

chtgpt會講是連3000的port,但查了一下port是啟動在localhost:9001

可以以下指令確認容器的運行狀況

docker ps





其他你感興趣的文章

Related Posts with Thumbnails