CSS3 :target 選擇器

定義和用法

URL 後面帶有錨名稱#(錨點),指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。

imglightbox

:target 選擇器可用於選取當前活動的目標元素。

:target CSS 代表一個唯一的元素(目標元件用)id匹配的URL的片段。

/ *選擇一個ID與當前URL片段匹配的元素* / 
:target  { 
  border : 2px solid black ; 
}

Comment

5個最好的庫,用於在React中進行AJAX調用

api-img

以下React為例,如其他javascript框架與庫也是適用於其中,如vue.js。

在過去的兩年裡一直和React合作。許多React初學者提出的問題之一是:“從服務器獲取數據的React方式是什麼?”或“我應該如何在React中進行AJAX調用”?要回答你的問題,盡可能多的開發者會告訴你,React只是一個視圖庫,你可以隨意使用任何你喜歡的東西。然而,這並沒有多大幫助 - 特別是當JavaScript格局變化如此之快時。因此,在本文中,我將嘗試回答這個基本問題,並列出5個簡單的庫,用於在React中進行AJAX調用。

Comment

jquery

jQuery選取元素時,時常會使用到parent(),父親層級這個函數來選取本身元素的父親層級,但往往需要在選取在外層如父親的父親,如範例li的爸爸ul,ul的爸爸nav,要對nav做些事情時,要如何處理,這時候其實恨簡單,只要在下一次相同的parent(),如下範例展示對nav插入一個hello文字。

Comment

Procreate》比之於其他繪圖軟體出色的地方之一就是豐富且強大的筆刷工具,搭配Apple Pencil可說上是ipad pro創作的最佳的工具,有畫筆和手指塗抹兩種作畫方式,墨水、馬克筆、繪畫筆、圖形等不同的筆刷工具可選。

Procreate影片操作教學

影片內容展示如何操作使用Procreate繪圖軟體,有些小細節的操作,如上色使用顏色拖曳直接上色,與複製的方法使用套選後三隻手指如何操作,與快速的合併圖層方式。(影片內都有展示)

Procreate影片操作基本應用複製、上色、貼上

複製功能(影片4:35)時,有較詳細動作解說。

Procreate影片操作完整手勢及進階手勢設定

Procreate 10大特色功能

在這個視頻中,談論了鮮為人知的功能和工具。以下涵蓋:Procreate的油漆桶特徵,如何延長滴管出現的時間長度,如何使用刷子製作乾淨的漸變,在90度90度處繪製直線和線條,更改視頻導出質量,使用透視網格播放此視頻中的某些鏈接等等...

自訂彈性大的筆刷

另外還能添加自定義筆刷效果,自己調整筆刷內部的粒子大小、位置、聚散、旋轉等等很高級的功能。不同的透明度能變化筆刷前後端的粗細度和局部透明度,讓筆刷更有層次感,還有流量(硬度)、密度(填充)和散落位置等等細微的調節設定,大家自己去嘗試吧。

Procreate如何製作自定義筆刷

Procreate常用筆刷介紹

Procreate導入和備份筆刷

Procreate + Apple Pencil 給你專業的繪圖表現

Procreate軟體會自動保存當前的工作進度,如果途中 iPad 不小心沒電了或者軟體退出了,下一次打開軟體會看到之前的畫作已經自動保存在作品集裡,用戶可以接著上一次未完成的步驟繼續作畫。

Alt text |@desc | center | 300x0

Procreate繪圖軟體app在設計相當直覺的操作,加上搭配Apple Pencil,通過真實的筆刷可以實現很好的繪圖表現,多圖層支持完全適應專業繪畫。

Comment

HTML

<ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

css

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul li{
    background-color: gray;
    padding: 10px;
}
ul li:hover{
    background-color: rgb(138, 138, 138);
}
@media screen and (min-width:768px) {
    ul{
        display: flex;
    }
    ul li{
        flex:1;
    }
}

(可縮放視窗測試效果。)

Comment

Copyright © 2018 ucamc