Friday, 30 November 2018
Thursday, 29 November 2018
Photoshop Select Only Black
short way: Ctrl+Alt+2 and then Ctrl+Shift+i
the long way: ctrl+click the RGB channel in the Channels panel and then go to Select->Inverse
and there are a ton of other ways as well including using the magic wand tool, quick select tool, Select->Color Range(with localized off), etc
Tuesday, 13 November 2018
JQUERY : Lets play with variation + Object
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Famous discoveries</title>
</head>
<body>
<h1>Famous discoveries</h1>
<h2 id="math-heading">Math discoveries</h2>
<ul>
<li>323–283 BC – Euclid: wrote a series of 13 books on geometry called The Elements</li>
<li>Al-Khawarizmi (780-850): wrote the first major treatise on Algebra titled "Al-jabr wal-muqabaleh"</li>
</ul>
<h2 id="science-heading">Science discoveries</h2>
<ul>
<li>1543 – Copernicus: discovered the heliocentric model of the solar system.
</li>
<li>1672 – Sir Isaac Newton: discovers that white light is a spectrum of a mixture of distinct coloured rays.</li>
</ul>
<a href="https://en.wikipedia.org/wiki/Timeline_of_scientific_discoveries">Read about more discoveries on Wikipedia.</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var math = $("#math-heading");
math.text(math.text() + "!! WOW!");
var science = $("#science-heading");
science.text(science.text() + " Walla!")
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Famous discoveries</title>
</head>
<body>
<h1>Famous discoveries</h1>
<h2 id="math-heading">Math discoveries</h2>
<ul>
<li>323–283 BC – Euclid: wrote a series of 13 books on geometry called The Elements</li>
<li>Al-Khawarizmi (780-850): wrote the first major treatise on Algebra titled "Al-jabr wal-muqabaleh"</li>
</ul>
<h2 id="science-heading">Science discoveries</h2>
<ul>
<li>1543 – Copernicus: discovered the heliocentric model of the solar system.
</li>
<li>1672 – Sir Isaac Newton: discovers that white light is a spectrum of a mixture of distinct coloured rays.</li>
</ul>
<a href="https://en.wikipedia.org/wiki/Timeline_of_scientific_discoveries">Read about more discoveries on Wikipedia.</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var math = $("#math-heading");
math.text(math.text() + "!! WOW!");
var science = $("#science-heading");
science.text(science.text() + " Walla!")
</script>
</body>
</html>
Sunday, 11 November 2018
DIVI : Search Placeholder
Tukar divi search Placeholder. Letak code ni di bahagian Integration > Head di divi option
<script>
jQuery(function($){
$('.et-search-field').attr('placeholder', 'RECHERCHE').css('opacity','1');
});
</script>
<style>
.et-search-field { opacity: 0; }
</style>
Saturday, 10 November 2018
CSS : Center Everything (Image) In Center Of Pages
.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
Monday, 5 November 2018
Media query
/* for Big PC & Display */
@media only screen and (min-width: 1900px) {
.tps-section {
height: 1080px;
}
}
/* for Laptop and PC */
@media only screen and (min-width: 1366px) and (max-width: 1900px) {
.tps-section {
height: 786px;
}
}
/* for Tablet & Small Laptop */
@media only screen and (min-width: 991px) and (max-width: 1366px) {
}
/* for mobile & tablet */
@media only screen and (min-device-width : 360px) and (max-width: 991px) {
.tps-section .tps-wrapper h1 a{
padding-top: 25%;
padding-left:8px;
padding-right:8px;
line-height: 16px;
}
.tps-section {
height: 300px;
}
}
/* End Mobile Query */
Subscribe to:
Posts (Atom)
-
Looking at vue-cli repository I see two different ways of scaffolding vue projects. The v3 (beta) version, installed as npm install ...
-
component need at least this 3 component file 1. customers.component.ts import { Component , OnInit } from '@angular/core...