### working Dir (QCdata parent dir : "output_" + Project_id)
workdir = "/data"
### RamDA-QC-pipeline Dir
scriptdir = "/accessory/"
setwd(workdir)
getwd()
source(paste0(scriptdir, "/00_sampleQC_function_nbconvert.R"))
outdir = ""
If the 'sample blacklist' is provided, samples (cells) in the list are excluded from QC results.
exclude_samplelist_path = paste0(workdir, "/exclude_samplelist.txt")
if (file.exists(exclude_samplelist_path)){
exclude_samplename = scan(exclude_samplelist_path, what=character(), sep="\n", blank.lines.skip = F)
exclude_samplename = exclude_samplename[exclude_samplename != ""]
exclude_samplename
} else {
cat("exclude samplelist not found.")
exclude_samplename = ""
}
fastqc_SE_001 = read.table(paste0(workdir, "/summary_fastQC_result.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
fastqc_SE_001 = trim_dataset(fastqc_SE_001)
head(fastqc_SE_001)
### unstranded
readDist_SE_001 = read.table(paste0(workdir, "/summary_RSeQC_ReadDist_results_SE_sort.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
readDist_SE_001 = trim_dataset(readDist_SE_001)
head(readDist_SE_001)
### unstranded
geneBC_SE_001 = read.table(paste0(workdir, "/summary_RSeQC_geneBC_results_SE_sort.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
geneBC_SE_001 = trim_dataset(geneBC_SE_001)
head(geneBC_SE_001)
infer_SE_001 = read.table(paste0(workdir, "/summary_RSeQC_inferexperiment_results_SE_sort.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
infer_SE_001 = trim_dataset(infer_SE_001)
head(infer_SE_001)
highsensitivity_rrna_result_path = paste0(workdir, "/highsensitivity_rrnaQC_summary/featureCounts.hisat2_G.T.R_loose_mapped.summary_simple.txt")
if (file.exists(highsensitivity_rrna_result_path)){
highsenst_rrna_SE_001 = read.table(highsensitivity_rrna_result_path, sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
highsenst_rrna_SE_001 = trim_dataset(highsenst_rrna_SE_001)
head(highsenst_rrna_SE_001)
} else {
cat("highsensitivity rrnaQC results not found.")
}
fcount_SE_mrna_Ts_001 = read.table(paste0(workdir, "/summary_featurecounts_results_gencode_mrna_transcript.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
fcount_SE_mrna_Ts_001 = trim_dataset(fcount_SE_mrna_Ts_001)
head(fcount_SE_mrna_Ts_001)
fcount_SE_mt_Ts_001 = read.table(paste0(workdir, "/summary_featurecounts_results_gencode_mt_transcript.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
fcount_SE_mt_Ts_001 = trim_dataset(fcount_SE_mt_Ts_001)
head(fcount_SE_mt_Ts_001)
fcount_SE_rrna_Ts_001 = read.table(paste0(workdir, "/summary_featurecounts_results_gencode_rrna_transcript.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
fcount_SE_rrna_Ts_001 = trim_dataset(fcount_SE_rrna_Ts_001)
head(fcount_SE_rrna_Ts_001)
fcount_SE_mrna_gene_001 = read.table(paste0(workdir, "/summary_featurecounts_results_gencode_mrna_gene.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
### edit data table
fcount_SE_mrna_gene_001 = trim_dataset(fcount_SE_mrna_gene_001)
head(fcount_SE_mrna_gene_001)
fcount_SE_merge_001 = read.table(paste0(workdir, "/mergefcounts_gencode_mrna_gene.txt"), sep="\t", comment.char = "", header=T, stringsAsFactors=F)
dim(fcount_SE_merge_001)
gene_length = data.frame(Geneid=fcount_SE_merge_001$Geneid, length=fcount_SE_merge_001$Length, stringsAsFactors=F)
head(gene_length)
### check "ERCC lengh" contains
dim(subset(gene_length, grepl("ERCC", Geneid)))
fcount_SE_merge_001_rpkm_set = calc_rpkm_counts(fcount_SE_merge_001, gene_length, exclude_name=exclude_samplename)
dim(fcount_SE_merge_001_rpkm_set$rpkm)
dim(fcount_SE_merge_001_rpkm_set$rpkm_log)
fcount_SE_merge_001_rpkm_gene = fcount_SE_merge_001_rpkm_set$rpkm[!grepl("ERCC", rownames(fcount_SE_merge_001_rpkm_set$rpkm)),]
fcount_SE_merge_001_rpkm_gene_log = log10(fcount_SE_merge_001_rpkm_gene+1)
dim(fcount_SE_merge_001_rpkm_gene)
dim(fcount_SE_merge_001_rpkm_gene_log)
In this section, we will make plots of QC results.
g1 = plot_totalseq(fastqc_SE_001, "fastq_totalseq", outdir)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
g1 = plot_perGC(fastqc_SE_001, "fastq_perGC", outdir)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
g1 = plot_assignedgene_rate(fastqc_SE_001, readDist_SE_001, "fastq_genome_assigned_rate", outdir, 100, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
For RamDA-seq, in addition to the CDS, 5UTR, and 3UTR fractions, intron fractions shows relatively high proportion. This is a feature of total RNA-seq methods.
g1 = plot_readDist_summary(readDist_SE_001, "bam_readDistribution", outdir, nonplot=exclude_samplename)
options(repr.plot.width=6, repr.plot.height=7)
plot_grid(g1)
This figure shows mean read coverage over transcripts.
If the values from 5′ to 3′ are high and constant, it indicates the samples (cells) show full-length transcript coverage.
g1 = plot_geneBodyCov_heatmap(geneBC_SE_001, "bam_geneBodyCoverage", "", outdir, nonplot=exclude_samplename)
options(repr.plot.width=5, repr.plot.height=4)
plot_grid(g1)
This figure shows the proportion of reads classified as 'sense', 'antisense', or 'undetermined' acoording to the gene annotation.
The QC result varies depending on whether the experimental protocol is unstranded or stranded ones.
g1 = plot_bar_inferexp(infer_SE_001, "bam_inferexperiment", outdir, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
This figure shows the proportion of reads mapped to rRNA genes.
if (file.exists(highsensitivity_rrna_result_path)){
g1 = plot_bar_highsenst_rrna(highsenst_rrna_SE_001, "bam_highsensitivity_rrnaQC", outdir, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
} else {
cat("highsensitivity rrnaQC results not found.")
}
The below figures show the percentage of reads assigned to genes based on featureCounts results.
g1 = plot_assigned_rate(fcount_SE_mrna_gene_001, "featurecounts_mRNA_gene", outdir, ylim=100, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
g1 = plot_assigned_rate(fcount_SE_mrna_Ts_001, "featurecounts_mRNA_Ts", outdir, ylim=100, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
g1 = plot_assigned_rate(fcount_SE_mt_Ts_001, "featurecounts_mitocondria_Ts", outdir, ylim=100, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
g1 = plot_assigned_rate(fcount_SE_rrna_Ts_001, "featurecounts_rRNA_Ts", outdir, ylim=100, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid (g1)
Some samples (cells) are randomly chosen, and expression levels between cells are plotted.
### plot detgenes num
options(repr.plot.width=6, repr.plot.height=6)
bar_detgene_001 = plot_detgene_bar(fcount_SE_merge_001_rpkm_gene, fcount_SE_merge_001_rpkm_gene_log, nonplot=exclude_samplename)
options(repr.plot.width=10, repr.plot.height=4)
plot_grid(bar_detgene_001)
The below figures show the results of PCA, tSNE, umap.
### dimentional reduction
fcount_SE_dimentrd_set = create_pca_tsne_umap(fcount_SE_merge_001_rpkm_gene_log, perplexity=10, local_connectivity=1.0, n_neighbors=15)
plot_pca = ggplot_2D(fcount_SE_dimentrd_set[["pca_df"]], "PC1", "PC2", "pca plot", "", outdir)
plot_tsne = ggplot_2D(fcount_SE_dimentrd_set[["tsne_df"]], "V1", "V2", "tsne plot", "", outdir)
plot_umap = ggplot_2D(fcount_SE_dimentrd_set[["umap_df"]], "V1", "V2", "umap plot", "", outdir)
options(repr.plot.width=4, repr.plot.height=10)
plot_grid (plot_pca, plot_tsne, plot_umap, nrow = 3)


|
||||||||||
| PREV LETTER NEXT LETTER | FRAMES NO FRAMES |
DATE
.
DATE
value for a primary
key.
BigDecimal
.
BigDecimal
value for a
primary key.
String
.
String
value for a primary
key.
String
value for a given
primary key column.
ResultSet
object as an Array
object of
BigDecimal
.
ResultSet
object as an Array
object of
BigDecimal
.
Column
object.
ResultSet
object as an Object
.
ResultSet
object as an Object
.
Map
object containing the values of all
columns of the database row.
Connection
object.
Map
containing the relevant columns of the
requested database instance.
java.sql.Types
.
ForeignKeys
object of this database table.
Configurator
class.
Configurator
class.
null
.
Calibration
object.
PrimaryKey
object of this database table.
ResultSet
object.
|
||||||||||
| PREV LETTER NEXT LETTER | FRAMES NO FRAMES |


Before Change
elif self.method == "median":
dist = np.median(dist_arr, axis=1)
self.threshold_ = scoreatpercentile(dist,
100 * (1 - self.contamination))
self.decision_scores = dist.ravel()
self.y_pred = (self.decision_scores > self.threshold_).astype("int")
self._mu = np.mean(self.decision_scores)
self._sigma = np.std(self.decision_scores)
return self
After Change
self.n_neighbors_ = n_neighbors
self.method = method
def fit(self, X):
if not (0. < self.contamination <= .5):
raise ValueError("contamination must be in (0, 0.5], "
"got: %f" % self.contamination)
X = check_array(X)
self.tree_ = KDTree(X)
neigh = NearestNeighbors(n_neighbors=self.n_neighbors_)
neigh.fit(X)
result = neigh.kneighbors(n_neighbors=self.n_neighbors_,
return_distance=True)
dist_arr = result[0]
if self.method == "largest":
dist = dist_arr[:, -1]
elif self.method == "mean":
dist = np.mean(dist_arr, axis=1)
elif self.method == "median":
dist = np.median(dist_arr, axis=1)
self.decision_scores = dist.ravel()
self._process_decision_scores()
return self
def decision_function(self, X):


ngx-lighttable
is an Angular component built with TypeScript, CSS3, HTML5 and Angular >= 4. It is an Angular component for presenting complex data in a light package with no external dependencies. The table just consume your data and doesn't make any assumptions about your datastructure or how you handle it (filtering, sorting or pagination).
All you need to do is to run the following command:
$ npm install ngx-lighttable --save
Import ngx-lighttable directives into your component:
import {NgModule} from '(angular/core';
...
import {NgXLightTableModule} from 'ngx-lighttable';
Register it by adding to the list of directives of your module:
(NgModule({
imports: [
...
NgXLightTableModule
],
...
})
export class AppModule {
}
Configure the table and add it into the template by registering settings property.
import {NgXLightTableSettings} from 'ngx-lighttable/types/ngx-lighttable-settings.type';
import {NgXLightTableSortableDirectionEnum} from 'ngx-lighttable';
settings: NgXLightTableSettings = { // exported type
headers:
[
{
title: '#',
field: 'tag',
sortable: {
enabled: false,
direction: NgXLightTableSortableDirectionEnum.neutral // exported enum
}
},
{
title: 'Name',
field: 'name',
sortable: {
enabled: true,
direction: NgXLightTableSortableDirectionEnum.asc
}
},
{
title: 'Position',
field: 'position',
sortable: {
enabled: true,
direction: NgXLightTableSortableDirectionEnum.neutral
}
},
{
title: 'Since',
field: 'since',
sortable: {
enabled: false,
direction: NgXLightTableSortableDirectionEnum.neutral
}
},
{
title: 'Salary',
field: 'salary',
sortable: {
enabled: false,
direction: NgXLightTableSortableDirectionEnum.neutral
}
},
{
title: 'Actions',
field: 'actions',
sortable: {
enabled: true,
direction: NgXLightTableSortableDirectionEnum.neutral
}
}
],
messages: {
empty: 'No records found', // Optional
loading: 'Loading records...' // Optional
},
allowMultipleSort: false, // Optional
allowNeutralSort: true // Optional
};
Add ngx-lighttable component inside to the template:
// ...
(Component({
template: `<ngx-lighttable [settings]="settings"></ngx-lighttable>`
})
// ...
Now you need records in your table. Create an array property with a list of objects in the component.
records: any[] = [
{
tag: 1,
name: 'Paul',
position: 'iOS Developer',
since: 2011,
salary: '405k',
actions: 'Delete'
},
{
tag: 2,
name: 'John',
position: 'DevOps',
since: 2006,
salary: '205k',
actions: 'Delete'
},
{
tag: 3,
name: 'Mike',
position: 'Android Developer',
since: 2014,
salary: '305k',
actions: 'Delete'
},
{
tag: 4,
name: 'Andrew',
position: 'Android Developer',
since: 2011,
salary: '105k',
actions: 'Delete'
},
{
tag: 5,
name: 'Doe',
position: 'Backend Developer',
since: 2009,
salary: '505k',
actions: 'Delete'
},
{
tag: 6,
name: 'Alice',
position: 'UX/UI Designer',
since: 2012,
salary: '370k',
actions: 'Delete'
},
{
tag: 7,
name: 'Dickens',
position: 'Communication',
since: 2008,
salary: '205k',
actions: 'Delete'
},
{
tag: 8,
name: 'Dani',
position: 'Full-stack Developer',
since: 2013,
salary: '605k',
actions: 'Delete'
}
];
Add it to your table component as records and configure every cell. Note that some of them are templates. You can have have how many templates as you wish.
...
(Component({
template: `
<ngx-lighttable [settings]="settings" [records]="records">
<ngx-lighttable-cell [field]="'tag'"></ngx-lighttable-cell>
<ngx-lighttable-cell [field]="'name'"></ngx-lighttable-cell>
<ngx-lighttable-cell [field]="'position'"></ngx-lighttable-cell>
<ngx-lighttable-cell [field]="'since'"></ngx-lighttable-cell>
<ngx-lighttable-cell [field]="'salary'">
<ng-template let-salary>
<strong>{{salary}}</strong>
</ng-template>
</ngx-lighttable-cell>
<ngx-lighttable-cell [field]="'actions'">
<ng-template let-actions>
<button>{{actions}}</button>
</ng-template>
</ngx-lighttable-cell>
</ngx-lighttable>
`
})
...
Now you have some data in the table.
The events available with this component are:
Add them as outputs to listen the events.
(Component({
template: `
<ngx-lighttable
[settings]="settings"
[records]="records"
(onSort)="onSortTable($event)"
(onClickRow)="...($event)"
(onClickCell)="...($event)">
...
</ngx-lighttable>
`
})
MIT © jcunhafonte
Built with :heart: by jcunhafonte


## Mako can find this base file because it's in the settings.py -> MAKO_TEMPLATES_DIRS list <%inherit file="base.htm" /> <%block name="content"> <% %>
| ID | Item | Date Received | Est. Completion | Status |
|---|---|---|---|---|
| ${s.id} | ${s.itemName} | ${s.dateStart} | ${s.dateComplete} | ${s.status} |
It looks like you don't have any active repairs at this time. If you have any questions contact our repairs department at 1-800-555-5555
%endif %block>


1.
Setup
1.1.
Hardware
2.
Install
3.
Usage
Clear History
Built with
from
Grav
and
Hugo
>
Setup
> Usage
Chapter 3
Some Chapter title
Lorem Ipsum.


A group of homologous proteins which form the intermembrane channels of GAP JUNCTIONS. The connexins are the products of an identified gene family which has both highly conserved and highly divergent regions. The variety contributes to the wide range of functional properties of gap junctions. (mesh:D017630)
| Synonym | Reference | Specificity |
| connexins | Exact | |
| connexin | Exact | |
| Connexin | Exact | |
| Connexins | Exact |
| Identifier | Name | Relation |
| HGNC:19155 | GJA9 | isa |
| HGNC:23296 | GJD4 | isa |
| HGNC:4288 | GJB6 | isa |
| HGNC:4281 | GJA8 | isa |
| HGNC:4278 | GJA4 | isa |
| HGNC:19154 | GJD2 | isa |
| HGNC:4285 | GJB3 | isa |
| HGNC:4283 | GJB1 | isa |
| HGNC:4287 | GJB5 | isa |
| HGNC:4279 | GJA5 | isa |
| HGNC:19147 | GJD3 | isa |
| HGNC:33251 | GJE1 | isa |
| HGNC:16690 | GJB7 | isa |
| HGNC:16995 | GJA10 | isa |
| HGNC:4274 | GJA1 | isa |
| HGNC:4280 | GJC1 | isa |
| HGNC:17495 | GJC3 | isa |
| HGNC:17494 | GJC2 | isa |
| HGNC:4286 | GJB4 | isa |
| HGNC:4284 | GJB2 | isa |
| HGNC:4277 | GJA3 | isa |


--- layout: page title: "About Us" pagetitle: "The Team" description: "" group: navigation --- {% include JB/setup %}
Role: Timer, Translator, Typesetter, Encoding
From: USA
Favorite Member: Yoojung
Favorite Artists: IOI, Shinhwa, OMG, Dreamcatcher, Momoland, Lovelyz
Role: Timer, Typesetter, Encoding
From: USA
Favorite Member: Chaeyeon
Favorite Artists: IOI, CLC, WJSN, VIXX, After School, Jay Park
Role: Timer, Typesetter, Encoding
From: Canada
Favorite Member: OT11
Favorite Artists: IOI, SNSD, BTS, EXO, RV, Twice, iTeen Girls
Role: Timer, Typesetter, Encoding
From: Belgium
Favorite Member: Sejeong
Favorite Artists: IOI, Gugudan, Nine Muses, Dreamcatcher, IU
Role: Timer, Typesetter, Encoding
Role: Encoding, Developer
From: Germany
Favorite Member: Nayoung
Favorite Artists: IOI, Pristin, GFriend, Kim Juna, Twice
Role: Timer, Typesetter
From: Singapore
Favorite Member: Yoojung
Favorite Artists: IOI, Big Bang, Akdong Musician, Davichi, Ailee
Role: Translator, Timer
From: Australia
Favorite Member: Doyeon
Favorite Artists: SNSD, IOI, Mamamoo, Pristin, Apink, RV, Twice
Role: Translator
From: New Zealand
Favorite Member: Chungha
Favorite Artists: IOI, RV, SNSD, DIA, WJSN, Gugudan
Role: Translator
From: Scotland
Favorite Member: Chaeyeon
Favorite Artists: IOI, Thornapple, Mot, Nell, OMG
Role: Timer, Typesetter
From: USA
Favorite Member: Yeonjung
Favorite Artists: IOI, Cheeze, 10cm, Standing Egg, Bolbbalgan4, DIA


In this article I referenced: [1] Neural prosthetic work from Brown University, [2] Neural prosthetic work from Stanford University, [3] Neural interface work from CTRL -labs, [4] Neuroprosthetic work for the neuropixel probe, [5] Optogenetics work from Stanford University, [6] Neuromorphic computing work from Stanford University, [7] Work from 3blue1brown, and [8] work from DeepMind.
If you like my content let me know, by tweeting or subscribing below!


| Instrucciones:
- Input the password into the password field.
- Optionally, input the signature into the signature field:
- Input the plain text into the plain text field.
- Press the SECURE button and observe the encrypted text.
- Press the UNSECURE button and look at the decrypted text.
- Check the 'new lines used' if you used new lines in the plain text
|


In many ways, the Apple II was both the start and the symbol of the personal computer revolution of the early 1980s. Although there were many competing personal computers on the market — such as the Commodore PET or Radio Schack’s TRS-80 — the Apple II clearly set itself apart very early on, and soon embodied the personal computer in the public consciousness. It was all over the media, and its sales skyrocketed throughout 1978, 1979 and 1980.
It was not only about the Apple II’s appealing design, its integrated keyboard, or its ability to plug into any TV to display color graphics or play sounds. Its built-in BASIC interpreter was also critical to its success, as it made the writing of compatible software very easy.


Our final project is about the conflicts that have occurred in southeast asia for the year 2015. At a high level, our goal is to show users that the conflicts in southeast asia are going up/down. .
* Hover to see the number of conflicts within each category


Genesis 37:36
And the Midianites sold him into Egypt unto Potiphar, an officer of Pharaoh's, and captain of the guard.


CSIS at SVSU
Home
About
News
Contact
Mission Statement
Program Requirements
Course Sequence
Careers
Faculty
Why study CSIS?
Contact us with any questions
Name
Email
Message
Or call us
Call<PHONE_NUMBER>


--- status: ready title: "Blockquote with attribution" text: ---
Think of our brand as our personality. It conveys the values and qualities that we want to be associated with. Our logo is a symbol or sign that helps our audience identify our brand.
And if our brand is our personality, our logo is our unique fingerprint.
The quick brown fox jumps over the lazy dog


{% extends "base.html" %} {% block content %}
File upload succesful
Zippy returned the following files:
Zippy unable to design primers that satisfy the design limits set for the following intervals:
{% for interval in missedIntervals %}{{interval}}
{% endfor %} {% endif %} {% endblock %}


Reading
Computer Science
- Out of the Tar Pit
Mosely, B & Marks P 2006
- Why Functional Programming Matters
Hughes, John 1984
- A Tutorial on (Co)Algebras and (Co)Induction
Jacobs, B & Rutten, J 1997
- Entropy, Information, and Computation
Machta, J 1999
- Design Concepts in Programming Languages
Turbak, F & Gifford, D 2008
- A Brief History of Generative Models for Power Law and Lognormal Distributions
Mitzenmacher, Mitch 2004
- Category Theory for Computer Scientists
Barr, M & Wells, C 1998
- J for C Programmers
Rich, Henry 2007
- How Non-Member Functions Improve Encapsulation
Meyers, Scott 2000
- Singletons are Pathological Liars
Hevery Miško 2008
Math
Machine Learning, Statistics, Data Science
- Information Theory, Inference, and Learning Algorithms
MacKay, David 2003
- Gaussian Process Basics
Mackay, David 2006
- Bayesian Data Analysis, 3rd Edition
Gelman, A, Carlin, J. B., Stern, H. S., and Rubin D. B. 2013
- Bayesian Kernel Methods
Smola, A & Sch¨olkopf B 2003
- The Elements of Statistical Learning
Hastie, T, Tibshirani, R & Friedman, J 2001
- Lecture Notes on Bayesian Nonparametrics
Orbanz, Peter 2014
- Understanding the Bias-Variance Tradeoff
Fortmann-Roe, Scott 2012
- Accurately Measuring Model Prediction Error
Fortmann-Roe, Scott 2012
- Present Position and Potential Developments: Some Personal Views. Statistical Theory. The Prequential Approach
Dawid AP 1984
Sports Analytics
Misc


Who Am I?
Howdy! My name is William Isengard and I am a fullstack web developer.
In my previous life I received a Bachelor's of Arts degree and 2/3 of an MBA and held positions ranging from tech consultant, account manager, energy consultant, business development manager, and CEO before making the leap to pursue a life-long goal of being a coder.
I attended Deep Dive Coding's Fullstack Web Development Bootcamp and built a foundation for my new career. I am passionate about coding and excited to help your business grow through an innovative and effective web presence.
What Do I Do?
My focus is programming modern, in-demand software, websites, and apps. I am experienced in the LAMP stack, PHP, HTML, CSS, JavaScript, Git, Object Oriented Programming, etc.
I specialize in leveraging my "soft skills" in marketing, business management, finance, project management, sales, and customer service to enhance my technical expertise to produce deliverables that wow a client.
Can I Help You?
I am excited for opportunities to help grow your business and continue to expand my developer skillset.
Please don't hesitate to reach out to me and we can discuss ways I can help.
Thanks so much!


Jan Kubik, UCL SSEES
What to do with area studies and cross- (multi) disciplinarity in the 21st century?
- Why area? Why not country or locality?
- Area studies
- Ontological placement: Locality <—> Region <-> Nation/State <-> Area <-> globe
Trouble in the West
- relic of the Cold War
- Obsolete approach based on arbitrary taxonomies
Inspirations
Mieczyslaw Porebski
Polishness is a situation.
Bronislaw Malinowski
- Florian Znaniecki
Holistic approaches
- Relationism
- internal networks that create and maintain area situations
- external networks (in-betweenness)
- in the case of democratization, Russia is a “black knight”
- Historicism
- objective - legacies that define and legitimize area situations
- Contructivism
- Common interpretation(s) of the area studies
- critical junctures (conflict of interpretations), e.g. the “in-betweenness” of “Central Europe” and South Korea
- Formal/informal hybrids
- Hybridity typical for the area situations
- Distribution of resources to certain classes: “Nomenklatura capitalism” - corruption/informality
- Hybridity typical for the area situations
- Attention to scale
Mark Beissinger: The Social Sciences and the Plurality of Area Studies
- Why Eastern Europe?
- internal “others”
- “Century Europe” - kidnapped West (Kundera)
- Westocentricm
Rethinking/Mapping?
- Problem first, not ‘area’
- Comparisons and connections
- Area/discipline?
- Disciplines started to evolve in the 19th century - they take elements elsewhere as well
- Interdisciplinary
- post-colonialism vs. asymmetrical knowledge
- How is knowledge produced?
- Dialogues and differences
- Inter-penetration/confusion - how to foster it?
Social Sciences do not equal Humanities
- Area Studies have multiple objectives and purposes
- Deep knowledge
- Place
- Multi-disciplinary
- Most disciplinary departments ignore areas
- narrowed interests
- this is not true for Humanities because it recruits around knowledge
- narrowed interests
- Dealing with departmental bureaucracy
- the need to intervene and place area studies in the disciplines
- think outside of the box
- traditional interdisciplinary conversations have become increasingly difficult
- How to foster interdisciplinary conversations
- Have deep understanding of a culture - traditional
- Idiosyncratic-disciplinary conversation
- Problem-driven strategies
- To sum up:
- Deep area knowledge
- Robust training
- Specialization (niche)
Status Quo
- The number of area studies specialists in Social Sciences have dropped from 2008-2014; courses have dropped 38%; mostly offered in history
- Humanities does not recruit full-time instructors/lecturers
- Drawbacks:
- The lack of deep knowledge of cultures for policy making
- Shortage of specialists
- Students don’t get the opportunities to think outside of their cultures
- Global economy
- Reproduction of academic hierarchies
- Production of social scientific knowledge
- empirical information: results, testing
- scholars cater to neoliberalism and publish in disciplinary journals
- Past successful cases: Benedict Anderson, Jim Scott
- There’s the need to compare specific cases with the global phenomena to find theories and exceptions.
- Solution
- Be fluent in methodologies
- Critique from within
- Pay attention to:
- specification error
- measurement error
- level of analysis (ecological fallacy)
- careful interpretation of quantitative analysis
The Future for Area Specialists in Social Sciences
- Study a SS PhD with area studies skills in place
- Departments can nominate people (based on other departments’ curriculum needs)
- Multi-disciplinary
- For what purpose?
- Whom?
- Why
- Participate in problem-driven projects
- various areas
- common issues
- Reinvent the relationships between SS and AS
- University intervention
- In the perspectives of SSEES
- island studies
- urban studies
- convenience of organizing funding
- asking the right questions


--- imgsrc: "Jewish_art_will_deutsch_Jews_eating_chinese_food_on_christmas.jpg" buylink: "http://store.notesfromthetribe.com/product/jewish-art-8-5-x11-chinese-food-on-christmas-print" postDate: "07.24.12" layout: post ---
Some stereotypes are true…there’s really not a whole lot going on for us that day…..


back
operation: transferFrom
contract address: 0x
chain ID: 100
Quest Name
from (address)
to (address)
token ID (unit)
initiate transaction


A brief explanation on what to do and what not to,
when writing HTML and CSS.
Created by Alessandro Vioni for Objectway.com
BEM slides by Giacomo Zinetti
Made with Reveal.js
We are from a place where every coder has been sometime in its life:
The house of unmaintainable and badly written code.
hopefully :)
Modern web development is complicated, projects are huge, complexity is increasing day by day.
Just think at the number of languages, libraries and technologies for the front-end development: Nodejs, Angular, React, Jade ...
On a side note, 4 kittens died while I was writing that code
Use of placeholders and variables can help to keep the front-end structure clean
// -----------
// DATE PICKER
// -----------
%DatePicker {
background: $white;
border-radius: 0.187em;
width: em-calc(280);
}
.HeaderDateSelector {
@extend %DatePicker;
// overrides
...
}
For example, two similar input field, two buttons...
An input field usable everywhere, same structure for every similar elements on the page
Keyword: simplification
The bread and butter of modern web development
Most of the Front-end development nowadays is made with the use of CLI's, and most of our work involves, at some degree, the use of at least one compilator (SASS).
There are more than a few task runners, some used more than others, the choice we made is based on speed, scripting language and reliability.
Gulp is written in Nodejs, it's probably the fastest of the group, it is extremely solid and widely used.
npm install gulp-sass --save-dev
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('./sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
});
gulp.task('sass:watch', function () {
gulp.watch('./sass/**/*.scss', ['sass']);
});
.
├── gulpfile.babel.js
└── tasks
├── gulp.autoreload.js
├── gulp.browsersync.js
├── gulp.clean.js
├── gulp.copy.js
├── gulp.jade.js
├── gulp.minify.js
├── gulp.sass-lint.js
├── gulp.sass.js
├── gulp.script.js
├── gulp.stylestats.js
├── gulp.svgsprite.js
├── gulp.vendor.js
└── gulp.watch.js
We can modify what we already have, we can build a custom Gulp structure we can keep it simple and we can enforce the linting of SASS files and therefore our style guides.
Most importantly: we can and we have to write better code.
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Sass is completely compatible with all versions of CSS. They take this compatibility seriously, so that we can seamlessly use any available CSS libraries.
Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has worked endlessly to not only keep up, but stay ahead.
Sass has been actively supported for over 9 years by its loving Core Team.
Over and over again, the industry is choosing Sass as the premier CSS extension language.
Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers.
There are endless number of frameworks built with Sass. Compass, Bourbon, and Susy just to name a few.
You can create partial Sass files that contain little snippets of CSS that you can include in other Sass files. This is a great way to modularize your CSS and help keep things easier to maintain.
// _reset.scss
html,
body {
margin: 0;
padding: 0;
}
// main.scss
@import 'reset';
.class {
.class {
...
}
}
$variable = red;
%GenericButton {
...
}
.MyButton {
@extend %GenericButton;
}
@mixin border-radius($radius) {
border-radius: $radius;
}
.box { @include border-radius(10px); }
.message {
border: 1px solid #ccc;
padding: 10px;
color: #333;
}
.success {
@extend .message;
border-color: green;
}
.error {
@extend .message;
border-color: red;
}
$type: monster;
p {
@if $type == ocean {
color: blue;
} @else if $type == matador {
color: red;
} @else if $type == monster {
color: green;
} @else {
color: black;
}
}
p {
color: green; }
@for $i from 1 through 3 {
.item-#{$i} { width: 2em * $i; }
}
.item-1 {
width: 2em; }
.item-2 {
width: 4em; }
.item-3 {
width: 6em; }
@each $animal in puma, sea-slug, egret, salamander {
.#{$animal}-icon {
background-image: url('/images/#{$animal}.png');
}
}
.puma-icon {
background-image: url('/images/puma.png'); }
.sea-slug-icon {
background-image: url('/images/sea-slug.png'); }
.egret-icon {
background-image: url('/images/egret.png'); }
.salamander-icon {
background-image: url('/images/salamander.png'); }
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
.item-6 {
width: 12em; }
.item-4 {
width: 8em; }
.item-2 {
width: 4em; }
In computer programming, lint is a Unix utility that flags some suspicious and non-portable constructs (likely to be bugs) in C language source code;
generically, lint or a linter is any tool that flags suspicious usage in software written in any computer language.
The term lint-like behavior is sometimes applied to the process of flagging suspicious language usage.
Lint-like tools generally perform static analysis of source code.
Every linter has a configuration file that can be used to personalize many aspect of the syntax.
SCSS-LINT default configuration file it is more than 250 lines settings to help you obtain styling uniformity between team members and to prevent errors.
You can lint your SCSS files using scss-lint which can be configured to bring same code consistence and cleanness across the board.
It can be configured on Gulp or on many major editors (Vim, Emacs, Atom, Sublime).
At this link there is a short description on how we are using BEM at Objectway.
ITCSS is a set of conventions for creating your css architecture. CSS definitions are grouped together in categories (layers) that reflect the different levels of specificity.
# EditorConfig is awesome: http://EditorConfig.org
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
insert_final_newline = true
# Matches multiple files with brace expansion notation
# Set default charset
[*.{js,py}]
charset = utf-8
# 4 space indentation
[*.py]
indent_style = space
indent_size = 4
# Tab indentation (no size specified)
[Makefile]
indent_style = tab
# Indentation override for all JS under lib directory
[lib/**.js]
indent_style = space
indent_size = 2
# Matches the exact files either package.json or .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2
# http://editorconfig.org
root = true
[*]
end_of_line = lf
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
max_line_length = 80
[*.md]
trim_trailing_whitespace = false
[*.{html,jade}]
max_line_length = false
To create an .editorconfig
file within Windows Explorer, you need to create a file named .editorconfig.
,
which Windows Explorer will automatically rename to .editorconfig
BEM, ITCSS and whatever you like, but the most important thing is... FOLLOW THEM.
Microsoft is adding the Linux command line to windows 10
CLI is the foundation of modern front-end development.
Using graphical tools is counter productive - most of the time - you have to use the real deal.
Designers create elements, front-end create a KitchenSink, back end is using those elements as they are.
Avoid at all costs code and element duplication: where an element is graphically equal to another one, but the code is different. This is, in the short term, the mother of all problems of maintainability.
Keep an eye to performances, remove JS where is too much, do not use libraries for the sake of doing it, check network requests, image size.
An application doesn't just need to work, it needs to be functional, graphically appeasing, it needs to be designed with UX principles and it needs to be maintainable.
Learn again how to code, follow rules, use tools made to write better code. Write readable code.
Kittens will thank you.
A list of tutorials and documentation on almost ... everything, from C++ to text editing.


Join the big Roomie family and find the perfect place to move in with your new great roommate
Addressing things that bug you while they're still little can help your roommate be aware of something she may not otherwise know.
Don't borrow, use, or take anything without getting permission first.
{{slide.text}}
Your roommate is a person, so you should take an interest in each other's lives.
Treat your roommate like you'd like to be treated.


Spero Digital - Notification |
|
Hi {{ user.first_name }} {{ user.last_name }}. A new reminder has been created on {{ account_name }} by {{ created_by_name }} {{ reminder.title }} |
|
Do not reply to this email © Spero Digital 2019 |


The advanced expression that was executed.
Only sent if IQuery.debug is true
The search api version that was used for this query.
The basic expression that was executed.
Only sent if IQuery.debug is true
Category facet results of the query
The duration of the query for the client.
The constant expression that was executed.
Only sent if IQuery.debug is true
The total query duration, which is the sum of the indexDuration
and searchAPIDuration
, including any latency incurred through the necessary network hops.
When an error occurs, and the errorsAsSuccess flag is passed, the error will be returned in the body of the response
A detailed execution report sent by the Search API
The error message
The type of error
The exception that can be returned by the index if the query triggered an error
A detailed execution report sent by the Search API.
Only sent if IQuery.debug is true
Facet results of the query
The group by results of the query
The part of the total query duration
that was spent in the index.
Phrases to highlight (with stemming) in the results
The pipeline that was used for this query.
The duration of the query on the proxy (not always applicable, can be optional)
Possible query corrections (eg : DidYouMean)
A list of ranking expression that were used to tweak the relevance.
Only sent if IQuery.debug is true
The keywords selected by Coveo Machine Learning Refined Query feature
The results of the query
The part of the total query duration
that was spent in the Coveo Search API.
A unique identifier for this query, used mainly for the Analytics service.
The split test run that was used for this query. (A/B tests feature of the Coveo Query Pipeline)
Terms to highlight (with stemming) in the results
The total number of results that matched the query in the index.
The total number of results that matched the query in the index, but with the duplicate filtered.
The Coveo Query Pipeline triggers, if any were configured.
A list of user identities that were used to perform this query.
Only sent if IQuery.debug is true
Describe a set a results returned by the Search API


2. TypeScript Intro
Created Saturday 10 July 2021
TypeScript is an extension of JavaScript.
[Typed JavaScript at Any Scale.](https://www.typescriptlang.org/)
- It allows more robust development at scale
- It can be considered a "superset" meaning it has all the features of JS, but adds some killer features to it.
- Static Typing
- Strict Checks
function add(a,b) { var c= a + b return c; } console.log(add(1,2)); console.log(add(1,'2'));
JS is not untyped, it is dynamically typed: no types expected, but type is determined at runtime.
Issues:
- Will accept and try to compute any input
function addTwoNumbers (num1: number, num2: number) : number { let sum : number = num1 + num2; return sum; } console.log(addTwoNumbers(1,2)); console.log(addTwoNumbers(1,'2')); let arrayOfStrings : string[]; arrayOfStrings : ['a','b','c']; let employee : { name: string; employeeId: number; }; employee = { name: 'Ron', employeeId: '123' }
Generics and Other Power Features
function insertAtBeginning(array: string[], value:string) { const newArray = [value, ... array]; return newArray; } const demoArray = [1,2,3]; const updatedArray = insertAtBeginning(demoArray, -1); updatedArray[0].split(' ');
The above is valid TypeScript, we define a func to add an element to beginning of an array, no matter what the type of array is.
However, if we then want to do type-specific operations with the array elements, we lose out on TS checking due to the explicit any assignment.
Even if our array has numbers, the line where we call split (valid only on Strings) is not flagged by TSC because at compile time TSC does not know what the type of the element will be. We get a runtime error instead, which is exactly what TS is expected to avoid.
To deal with this, we have the concept of generics.
function insertAtBeginning<T>(array: T[], value:T) { const newArray = [value, ... array]; return newArray; } const demoArray = [1,2,3]; const addedElement = -1; const updatedArray = insertAtBeginning(demoArray, addedElement); updatedArray[0].split('');
There are other features TS uses that are in line with languages like Java like:
- Proper classes with typed attributes, constructors etc.
- Interfaces to define custom types that can then be implemented by classes to enforce a consistent structure.
- Access and scope control (private etc.)
Browsers do not run TypeScript by default. As a result, we need to change all our TS code to JS before running it. TS provides a "transpilation" mechanism using the TypeScript compiler tsc to do this.
The TypeScript compiler will always flag issues at compile-time, but to make the development process even more convenient, we can use a code editor that compiles everything as you type, flagging any errors the moment they come up.
NOTE: The strict checks that TS enforces are not part of the JavaScript output. This is why you write in safe TS to ensure any mistakes are handled well before the output JS is generated.
Recommendation: Visual Studio Code
[Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)
Backlinks: Angular


org.icefaces.ace.component.tree
public abstract class TreeBase extends javax.faces.component.UIData implements ITree, IceClientBehaviorHolder
For more information, see the Tree Wiki Documentation.
| Modifier and Type | Class and Description |
|---|---|
protected static class |
TreeBase.PropertyKeys |
| Modifier and Type | Field and Description |
|---|---|
static java.lang.String |
COMPONENT_TYPE |
static java.lang.String |
RENDERER_TYPE |
| Constructor and Description |
|---|
TreeBase() |
| Modifier and Type | Method and Description |
|---|---|
void |
addClientBehavior(java.lang.String eventName,
javax.faces.component.behavior.ClientBehavior behavior) |
java.lang.String |
getDefaultEventName() |
java.lang.String |
getDefaultExecute(java.lang.String event) |
java.lang.String |
getDefaultRender(java.lang.String event) |
java.lang.String |
getDragHandle()
Return the value of the
dragHandle property. |
java.util.Collection<java.lang.String> |
getEventNames() |
TreeExpansionMode |
getExpansionMode()
Return the value of the
expansionMode property. |
java.lang.String |
getFamily() |
KeySegmentConverter |
getKeyConverter()
Return the value of the
keyConverter property. |
java.lang.String |
getListenerArgument(java.lang.String event) |
TreeSelectionMode |
getSelectionMode()
Return the value of the
selectionMode property. |
NodeStateCreationCallback |
getStateCreationCallback()
Return the value of the
stateCreationCallback property. |
NodeStateMap |
getStateMap()
Return the value of the
stateMap property. |
java.lang.String |
getStateVar()
Return the value of the
stateVar property. |
java.lang.String |
getType()
Return the value of the
type property. |
java.lang.Boolean |
isExpansion()
Return the value of the
expansion property. |
protected boolean |
isPropertySet(java.lang.String finder) |
java.lang.Boolean |
isReordering()
Return the value of the
reordering property. |
java.lang.Boolean |
isSelection()
Return the value of the
selection property. |
java.lang.Boolean |
isSelectMultiple()
Return the value of the
selectMultiple property. |
void |
setDragHandle(java.lang.String dragHandle)
Set the value of the
dragHandle property. |
void |
setExpansion(java.lang.Boolean expansion)
Set the value of the
expansion property. |
void |
setExpansionMode(TreeExpansionMode expansionMode)
Set the value of the
expansionMode property. |
void |
setKeyConverter(KeySegmentConverter keyConverter)
Set the value of the
keyConverter property. |
void |
setReordering(java.lang.Boolean reordering)
Set the value of the
reordering property. |
void |
setSelection(java.lang.Boolean selection)
Set the value of the
selection property. |
void |
setSelectionMode(TreeSelectionMode selectionMode)
Set the value of the
selectionMode property. |
void |
setSelectMultiple(java.lang.Boolean selectMultiple)
Set the value of the
selectMultiple property. |
void |
setStateCreationCallback(NodeStateCreationCallback stateCreationCallback)
Set the value of the
stateCreationCallback property. |
void |
setStateMap(NodeStateMap stateMap)
Set the value of the
stateMap property. |
void |
setStateVar(java.lang.String stateVar)
Set the value of the
stateVar property. |
void |
setType(java.lang.String type)
Set the value of the
type property. |
void |
setValueExpression(java.lang.String name,
javax.el.ValueExpression binding) |
broadcast, createUniqueId, encodeBegin, getClientId, getDataModel, getFirst, getFooter, getHeader, getRowCount, getRowData, getRowIndex, getRows, getValue, getVar, invokeOnComponent, isRowAvailable, isRowStatePreserved, markInitialState, processDecodes, processUpdates, processValidators, queueEvent, restoreState, saveState, setDataModel, setFirst, setFooter, setHeader, setRowIndex, setRows, setRowStatePreserved, setValue, setValueBinding, setVar, visitTree
addFacesListener, clearInitialState, decode, encodeChildren, encodeEnd, findComponent, getAttributes, getChildCount, getChildren, getClientBehaviors, getFacesContext, getFacesListeners, getFacet, getFacetCount, getFacets, getFacetsAndChildren, getId, getListenersForEventClass, getParent, getPassThroughAttributes, getRenderer, getRendererType, getRendersChildren, getValueBinding, isRendered, isTransient, processRestoreState, processSaveState, removeFacesListener, restoreAttachedState, saveAttachedState, setId, setParent, setRendered, setRendererType, setTransient, subscribeToEvent, unsubscribeFromEvent
encodeAll, getClientId, getCompositeComponentParent, getContainerClientId, getCurrentComponent, getCurrentCompositeComponent, getNamingContainer, getPassThroughAttributes, getResourceBundleMap, getStateHelper, getStateHelper, getTransientStateHelper, getTransientStateHelper, getValueExpression, initialStateMarked, isCompositeComponent, isInView, isVisitable, popComponentFromEL, processEvent, pushComponentToEL, restoreTransientState, saveTransientState, setInView
public static final java.lang.String COMPONENT_TYPE
public static final java.lang.String RENDERER_TYPE
public java.lang.String getFamily()
getFamily
in class javax.faces.component.UIData
public void setDragHandle(java.lang.String dragHandle)
Set the value of the dragHandle
property.
Contents: Specifies the jQuery selector(s) of the elements inside the node container that will be used as the drag handle(s). If this attribute isn't specified, any point of the node container can initiate the dragging action. The selectors are relative to the node's root element. When using multiple selectors, separate them by commas. The handles apply to all nodes defined in the tree.
setDragHandle
in interface ITree
public java.lang.String getDragHandle()
Return the value of the dragHandle
property.
Contents: Specifies the jQuery selector(s) of the elements inside the node container that will be used as the drag handle(s). If this attribute isn't specified, any point of the node container can initiate the dragging action. The selectors are relative to the node's root element. When using multiple selectors, separate them by commas. The handles apply to all nodes defined in the tree.
getDragHandle
in interface ITree
public void setExpansion(java.lang.Boolean expansion)
Set the value of the expansion
property.
Contents: Enable expansion feature of this tree component. This toggles this feature for the entire tree, per-node configuration of this feature available via the NodeState.
setExpansion
in interface ITree
public java.lang.Boolean isExpansion()
Return the value of the expansion
property.
Contents: Enable expansion feature of this tree component. This toggles this feature for the entire tree, per-node configuration of this feature available via the NodeState. Default = 'false'.
isExpansion
in interface ITree
public void setExpansionMode(TreeExpansionMode expansionMode)
Set the value of the expansionMode
property.
Contents: Select the request behaviour of the expansion feature. When 'client', the children of every node are pre-rendered in the DOM and exposed by JavaScript when nodes are expanded. In the default 'server' mode, only visible nodes are inthe DOM and expansion and contraction are caused by ajax page updates.
setExpansionMode
in interface ITree
public TreeExpansionMode getExpansionMode()
Return the value of the expansionMode
property.
Contents: Select the request behaviour of the expansion feature. When 'client', the children of every node are pre-rendered in the DOM and exposed by JavaScript when nodes are expanded. In the default 'server' mode, only visible nodes are inthe DOM and expansion and contraction are caused by ajax page updates. Default = 'org.icefaces.ace.component.tree.TreeExpansionMode.server'.
getExpansionMode
in interface ITree
public void setKeyConverter(KeySegmentConverter keyConverter)
Set the value of the keyConverter
property.
Contents: Optionally define a custom KeySegmentConverter object to produce segmented identifier keys for nodes based on something other than indexes.
setKeyConverter
in interface ITree
public KeySegmentConverter getKeyConverter()
Return the value of the keyConverter
property.
Contents: Optionally define a custom KeySegmentConverter object to produce segmented identifier keys for nodes based on something other than indexes.
getKeyConverter
in interface ITree
public void setReordering(java.lang.Boolean reordering)
Set the value of the reordering
property.
Contents: Enable reordering of the nodes of this tree.
setReordering
in interface ITree
public java.lang.Boolean isReordering()
Return the value of the reordering
property.
Contents: Enable reordering of the nodes of this tree. Default = 'false'.
isReordering
in interface ITree
public void setSelectMultiple(java.lang.Boolean selectMultiple)
Set the value of the selectMultiple
property.
Contents: Disable the selection of multiple nodes simultaneously.
setSelectMultiple
in interface ITree
public java.lang.Boolean isSelectMultiple()
Return the value of the selectMultiple
property.
Contents: Disable the selection of multiple nodes simultaneously. Default = 'true'.
isSelectMultiple
in interface ITree
public void setSelection(java.lang.Boolean selection)
Set the value of the selection
property.
Contents: Enable selection feature of this tree component. This toggles this feature for the entire tree, per-node configuration of this feature available via the NodeState.
setSelection
in interface ITree
public java.lang.Boolean isSelection()
Return the value of the selection
property.
Contents: Enable selection feature of this tree component. This toggles this feature for the entire tree, per-node configuration of this feature available via the NodeState. Default = 'false'.
isSelection
in interface ITree
public void setSelectionMode(TreeSelectionMode selectionMode)
Set the value of the selectionMode
property.
Contents: Select the request behaviour of the selection feature. When 'client', the (de)selection of a node is recorded on the client, and communicated to the server on the next request executing this component. In the default 'server' mode, when a node is (de)selected, the component communicates the change the server immediately with an ajax update.
setSelectionMode
in interface ITree
public TreeSelectionMode getSelectionMode()
Return the value of the selectionMode
property.
Contents: Select the request behaviour of the selection feature. When 'client', the (de)selection of a node is recorded on the client, and communicated to the server on the next request executing this component. In the default 'server' mode, when a node is (de)selected, the component communicates the change the server immediately with an ajax update. Default = 'org.icefaces.ace.component.tree.TreeSelectionMode.server'.
getSelectionMode
in interface ITree
public void setStateCreationCallback(NodeStateCreationCallback stateCreationCallback)
Set the value of the stateCreationCallback
property.
Contents: Bind an implementer of the NodeStateCreationCallback interface to take as input, a node object and a default NodeState and return a NodeState configured with the state appropriatefor the given node object.
setStateCreationCallback
in interface ITree
public NodeStateCreationCallback getStateCreationCallback()
Return the value of the stateCreationCallback
property.
Contents: Bind an implementer of the NodeStateCreationCallback interface to take as input, a node object and a default NodeState and return a NodeState configured with the state appropriatefor the given node object.
getStateCreationCallback
in interface ITree
public void setStateMap(NodeStateMap stateMap)
Set the value of the stateMap
property.
Contents: Define a NodeStateMap ValueExpression to access the store of Tree node object state information. The state map provides an API for looking up the state of a particular node object, as well as reverse look-ups to get node objects with a particular state.
setStateMap
in interface ITree
public NodeStateMap getStateMap()
Return the value of the stateMap
property.
Contents: Define a NodeStateMap ValueExpression to access the store of Tree node object state information. The state map provides an API for looking up the state of a particular node object, as well as reverse look-ups to get node objects with a particular state.
getStateMap
in interface ITree
public void setStateVar(java.lang.String stateVar)
Set the value of the stateVar
property.
Contents: The request-scope attribute exposing the state object for the currentnode when iterating.
setStateVar
in interface ITree
public java.lang.String getStateVar()
Return the value of the stateVar
property.
Contents: The request-scope attribute exposing the state object for the currentnode when iterating. Default = 'nodeState'.
getStateVar
in interface ITree
public void setType(java.lang.String type)
Set the value of the type
property.
Contents: Define a ValueExpression that returns a String representation of the 'rendering type' of this node. The rendering type is matched against the String 'type' attribute of ace:node tag instances to determine which node template should be used to render a given node object.
public java.lang.String getType()
Return the value of the type
property.
Contents: Define a ValueExpression that returns a String representation of the 'rendering type' of this node. The rendering type is matched against the String 'type' attribute of ace:node tag instances to determine which node template should be used to render a given node object.
protected boolean isPropertySet(java.lang.String finder)
public void setValueExpression(java.lang.String name, javax.el.ValueExpression binding)
setValueExpression
in class javax.faces.component.UIData
public java.util.Collection<java.lang.String> getEventNames()
getEventNames
in interface javax.faces.component.behavior.ClientBehaviorHolder
getEventNames
in class javax.faces.component.UIComponentBase
public java.lang.String getDefaultEventName()
getDefaultEventName
in interface javax.faces.component.behavior.ClientBehaviorHolder
getDefaultEventName
in class javax.faces.component.UIComponentBase
public java.lang.String getDefaultRender(java.lang.String event)
getDefaultRender
in interface IceClientBehaviorHolder
public java.lang.String getDefaultExecute(java.lang.String event)
getDefaultExecute
in interface IceClientBehaviorHolder
public java.lang.String getListenerArgument(java.lang.String event)
getListenerArgument
in interface IceClientBehaviorHolder
public void addClientBehavior(java.lang.String eventName, javax.faces.component.behavior.ClientBehavior behavior)
addClientBehavior
in interface javax.faces.component.behavior.ClientBehaviorHolder
addClientBehavior
in class javax.faces.component.UIComponentBase
Copyright 2014 ICEsoft Technologies Canada Corp., All Rights Reserved.


This page is about variables
Link to pages with good information about computer
programming Variables:
https://www.w3schools.com/cpp/cpp_variables.asp
int - stores integers (whole numbers), without decimals, such as 123 or -123
double - stores floating point numbes, with decimals, such as 19.99 or -19.99
char - stores single characters such as 'a' or'B'. Char values are surrounded by single quotes
string - stores text, such as "Hello World". String values are surround by double quotes
bool - stores values with two states: true or false


Archives
- September 07, 2022
- Vim Quick References
- March 21, 2021
- Flutter Live Booklet: Flutter component recipes
- March 20, 2021
- Flavoring Flutter Applications (Android & iOS)
- November 11, 2020
- Disabled Buttons in Flutter
- October 15, 2020
- Responsive Flutter layout with Expanded widget
- October 01, 2020
- Responsive Flutter layout with FittedBox widget
- August 16, 2020
- Saving Image in Finger Painting Flutter App
- August 16, 2020
- Uploading Image to Firebase Storage in Flutter App (Android & iOS)
- July 14, 2020
- Lottie Animation in the Flutter Application
- June 17, 2020
- Navigation and Routing in Flutter App
- June 14, 2020
- Dart's Callable Classes
- June 07, 2020
- Dart Generators
- May 22, 2020
- A Dart/Flutter Vocabulary Series
- May 22, 2020
- Types of Streams: Asynchronous Programming with Dart
- May 21, 2020
- Streams: Asynchronous Programming with Dart
- May 20, 2020
- Futures: Asynchronous Programming with Dart
- May 10, 2020
- Dart Libraries (Part2)
- May 09, 2020
- Dart Libraries (Part1)
- May 06, 2020
- Persisting Data in Local DB for Flutter (Android & iOS)
- April 30, 2020
- Dart Generics
- April 22, 2020
- Dart `static` keyword
- April 20, 2020
- Dart Mixins
- April 14, 2020
- Dart Enums
- April 07, 2020
- Dart Extensions
- April 05, 2020
- The `runes` Property
- April 02, 2020
- The `runtimeType` Property
- March 31, 2020
- Building Cross-Platform Finger Painting App in Flutter
- February 06, 2020
- Adding Syntax Highlighting in Flutter Cookbook App
- February 03, 2020
- Loading PDF file from Firebase Storage in Flutter App (Android, iOS & Web)
- December 31, 2019
- Persisting theme in LocalDatabase (Moor plugin)
- December 30, 2019
- Persisting theme using SharedPreferences (Android, iOS, and Web)
- December 02, 2019
- Text-to-Speech Flutter Plugin (Android & iOS)
- November 22, 2019
- Loading image from Firebase Storage in Flutter App (Android, iOS & Web)
- November 15, 2019
- Animating using AnimatedPadding Flutter widget
- November 14, 2019
- Animating using AnimatedPositioned Flutter widget
- November 13, 2019
- Animating using AnimatedContainer Flutter widget
- November 09, 2019
- Implementing Slider & RangeSlider Flutter Widgets
- October 10, 2019
- Implementing Voice input for Search action in AppBar
- September 23, 2019
- Migrating to Flutter 1.9: Implementing Cross-platform Firebase Login in Flutter Apps
- September 17, 2019
- Using ColorFiltered widget in Flutter Apps
- September 16, 2019
- Dart cheat-sheet for Kotlin (Android) developers
- September 12, 2019
- Implement Flutter themes using Provider
- September 10, 2019
- Implementing Login in Flutter Web (Hummingbird)
- August 30, 2019
- Custom switch widget for accepting Privacy Policy in Flutter Apps
- August 20, 2019
- Flutter FactsBot using DialogFlow
- August 07, 2019
- Using ColorTween in Flutter app
- July 19, 2019
- Understanding Flutter PopupMenuButton Widget
- July 18, 2019
- How to fix Material Icons for Flutter Web (Hummingbird)
- June 27, 2019
- Using Flutter Themes for Cross-platform Landing Page (Web-Hummingbird, Android, iOS)
- June 11, 2019
- Making Cross-platform Flutter Landing Page Responsive (Web-Hummingbird, Android, iOS)
- June 03, 2019
- Designing Cross platform Flutter prototype for Landing Page (Web-Hummingbird, Android, iOS)
- February 06, 2019
- Implementing Search action in AppBar
- February 05, 2019
- BottomNavigationBar with menu, search and overflow action items
- February 02, 2019
- Flutter code recipe for AppBar widget
- January 30, 2019
- Flutter code recipe for AnimatedOpacity widget
- January 30, 2019
- Flutter code recipe for Hero animation
- August 12, 2017
- Managing App's Lifecycle using "Lifecycle Aware components" (Part 1)
- July 26, 2017
- How to start using custom fonts in an Android App under 5 minutes
- July 18, 2017
- How did I set up multiple flavors for an Android App under 5 minutes
- July 13, 2017
- Android Model-View-Presenter (MVP) Design Pattern
- June 20, 2017
- Requesting Audio permission at Runtime
- June 18, 2017
- Getting started with developing Android apps in Kotlin
- June 16, 2017
- How did I integrated a launcher screen in an Android App under 5 minutes
- April 19, 2017
- Adding Menu Items in Navigation Drawer Dynamically
- April 18, 2017
- Scheduling Repeating Local Notifications using Alarm Manager
- April 13, 2017
- Android Studio Tips & Tricks Series
- April 13, 2017
- How to get SHA1 fingerprint for digitally signed APK
- April 13, 2017
- Accessing Pictures using FileProvider
- February 23, 2017
- Automating Android App publishing to Play Store using Jenkins
- February 15, 2017
- Creating Sub MenuItems for FAB (Floating Action Button)
- January 09, 2017
- Android WebViewOverlay Widget
- January 07, 2017
- How did I publish Android Library to JCenter from Android Studio
- December 20, 2016
- Automatic Android APK Signing
- December 16, 2016
- WebViewHelper library
- December 08, 2016
- My take on Pelican and Github pages from a beginner's perspective


The Start of my Outreachy Internship Experience
25 May 2020
Kia ora and kamusta! I'm Andria (she/her). Starting this week until August, I will be joining the fab team at Humanitarian OpenStreetMap to work on a Slackbot Router project utilising serverless architecture.
I'm from the Philippines but you can find me loitering in New Zealand nowadays. I love going out in nature, traveling to find new food and look at ruins, making miniatures, reading, playing video games, and walking aimlessly in my free time.

I'm an incredibly curious person. It's at the core of who I am and drive most of what I do. I love learning and figuring things out. If there's something I don't know, I endeavour to fix that; if there's something that I want to try, I jump in and do it. It's what has driven me to study international relations, to work as a political advocate and as a marketer, to pursue becoming a software developer. It's what drives me to travel, to read, to continue learning, and to continue moving forward.
Being curious and scratching that itch is not enough for me however, I also value competency. In whatever I do, I strive to be competent. Simply being able to do something is not enough, if there's something that I decided I want to do then I make sure I do it well. I'm not competitive with other people, but I try to always be better than who I was before. I try to do things well because I know it will make me proud of myself and above all else, I want to live life so that the younger version of myself will look up to the current me.
With everything in my life, I make sure I do it because it adds to my happiness. I value fun and I find that the things I get curious about and want to do are the things that will bring me joy. I read somewhere that if you had a choice to do something, choose what will make for a better story afterwards. With an additional dash of responsibility and pragmatism, this has definitely been how I've lived my life so far.
I decided to apply to Outreachy because I knew it will be challenging and I appreciated the opportunity. I've always been drawn to working with non-profit organisations and being able to do that while also learning and honing my skills is amazing. Being accepted to work with the Humanitarian OpenStreetMap Team is great as not only am I excited for the project I will be involved in, but I also love the work that the organisation does. To put it simply, I decided to apply because I've always been curious about contributing to free and open-source software, I know it's an opportunity to learn and increase my competency, and I'm sure I'm going to have a lot of fun.


Audi Q8 Concept (2018)
Torque:
Long:
Wheelbase:
Long:
Wheelbase:
700 Nm
5.02 meters
three meters
5.02 meters
three meters
330 kW
System output
The Audi Q8 combines the elegance of a four-door luxury coupè with the practical versatility of a
large SUV. Richly equipped comprehensively connected and lough enough for off-road duty. It is a
confident companion for business and leisure.


- Directives
- atomic
- parallel
Notes
- Expansion on example A.12 from the standards document
- Broke early compilers
- Uses Atomic to avoid race conditions while updating different elements of an array in parallel
- Directives
- parallel
- parallel private
- threadprivate
Notes
- Complex usage of threadprivate
- Threadprivate of common blocks, also in a module
- Shows how to maintain data between parallel regions
- Directives
- parallel
- critical
- threadprivate
Notes
- Shows how to use critical so that only one thread is in a parallel section
- Directives
- parallel
- critical
- parallel private
Notes
- Each thread allocates its own array
- Array data is saved between parallel sections
- Thread private derived type
- Broke early compilers
- Directives
- omp parallel sections
- sections
Notes
- High level parallelizm, not loop level
- Does a collection of independent matrix inversions in parallel
- Very interesting to run with different numbers of threads
- Directives
- omp parallel
- task
Notes
- High level parallelizm, not loop level
- Does a collection of independent matrix inversions in parallel
- Very interesting to run with different numbers of threads
- Directives
- parallel
- critical
- parallel private
Notes
- Each thread allocates its own array
- Array data is saved between parallel sections
- Thread private derived type
- Broke early compilers
- Directives
- parallel
Notes
- Shows what can happen if you don't use a critical directive when you should
- Results are nondeterministic
- Don't do this
- See withcrit.f90
- Directives
- parallel
- critical
Notes
- Corrected version of withoutcrit.f90
- Always returns the expected result
- See withoutcrit.f90
- Directives
- parallel
- private
Notes
- A variation of withoutcrit.f90
- Always returns the expected result
- See withoutcrit.f90
- Directives
- parallel do
- private
- schedule (runtime)
Notes
- Does 2d FFT by parsing out 1d FFT using a parallel do
- Pseudo high level parallelizm
- Can experiment with runtime specification of scheduling
- Directives
- parallel for copyin() schedule()
- private
- threadprivate
- critical
Notes
- A complex test of thread private with a do loop
- We do various manipulations of private pointers and structures
- Can experiment with runtime specification of scheduling
- Directives
- parallel for schedule(static,1)
- parallel for schedule(static,2)
- parallel for schedule(dynamic,1)
- parallel for schedule(dynamic,2)
- barrier
Notes
- Shows the effect of different schule directives
- Threads are given balanced amount of work
- Threads are given different amount of work
- Directives
- parallel for schedule(static,1)
- parallel for schedule(static,2)
- parallel for schedule(dynamic,1)
- parallel for schedule(dynamic,2)
- barrier
Notes
- Shows the effect of different schule directives
- Threads are given balanced amount of work
- Threads are given different amount of work
- Directives
- omp parallel shared() default() private()
- single
- critical
- Notes
- Use single so an array only gets allocated one time
- Shows how to do seudo loop level parallelizm without the for/do directive
- show
- Directives
- section
- sections
- threadprivate
- Notes
- Does a parallel recursive merge sort by handing out sections of the array to threads
openmp.pdf - a somewhat dated guide to OpenMP programming
makefile - Makefile for the Intel compilers
openmp.tar - a tar file with all of these files


|
+
6.1.1 Specified values |
|
cascade-precedence-001 |
|
|
cascade mechanism has precedence over inheritance - font boldness
- When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that b elements are specified in the user agents style sheets to embold their text content.
|
|
cascade-precedence-002 |
|
|
cascade mechanism has precedence over inheritance - font styling
- When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that i elements are specified in the user agents style sheets to italicize their text content.
|
|
list-style-019 |
= |
Bitmaps |
list-style - initial value
- 'list-style' property is a shorthand notation that sets the three properties 'list-style-type', 'list-style-image' and 'list-style-position'. If one of the 3 list-style properties is not specified explicitly, then such 'list-style' property is assigned its initial value as indicated in its property definition.
|
|
non-inherited-value-001 |
|
|
Non-inherited values
- If the cascade results in a value, use it.
|
|
+
6.2.1 The 'inherit' value |
|
dynamic-top-change-001 |
= |
DOM/JS |
Inheriting 'top' changes from relpos grandparent
- The position of a positioned element which inherits its 'top' value from its relatively positioned grandparent changes when the grandparent's 'top' value is changed.
|
|
dynamic-top-change-002 |
= |
DOM/JS |
Inheriting 'top' changes from parent table-row through anonymous table boxes
- The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table-row.
|
|
dynamic-top-change-003 |
= |
DOM/JS |
Inheriting 'top' changes from parent table through anonymous table boxes
- The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table.
|
|
dynamic-top-change-004 |
= |
DOM/JS |
Inheriting 'top' changes from abspos parent
- The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed.
|
|
dynamic-top-change-005 |
|
ComboDOM/JS |
Inheriting 'top' changes from abspos grandparent
- The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.
|
|
dynamic-top-change-005a |
|
DOM/JS |
Inheriting 'top' changes from abspos grandparent (variant: block parent)
- The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.
|
|
dynamic-top-change-005b |
|
DOM/JS |
Inheriting 'top' changes from abspos grandparent (non-dynamic variant)
- The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.
|
|
height-inherit-001 |
= |
|
Inheriting Explicit Heights
- The computed height is inherited, even if the 'height' property does not apply.
|
|
inherit-001 |
|
|
Inherit keyword
- Children elements inherit the parents color given the 'inherit' keyword.
|
|
inherit-002 |
|
|
Inherit on non-inherited properties
- Inherit can be used on properties which are not normally inherited.
|
|
inherit-003 |
|
|
Inherit on the root element
- If the 'inherit' value is set on the root element, the property is assigned its initial value.
|
|
inherit-static-offset-001 |
= |
Bitmaps |
top and left - inherit keyword on element with statically positioned parent
- When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has absolute value lengths for left and top.
|
|
inherit-static-offset-002 |
= |
Bitmaps |
top and left - inherit keyword on element with statically positioned parent
- When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has percentage value lengths for left and top. Box offset specified as a percentage refer to the height (for top and bottom) or to the width (for left and right) of its containing block. If an element's position is 'relative', then its containing block is formed by the content edge of the nearest block container ancestor box.
|
|
inherit-static-offset-003 |
= |
Bitmaps |
top and left - inherit keyword on element with statically positioned parent
- When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has relative value lengths for left and top.
|
|
left-offset-percentage-002 |
= |
|
position absolute - left offset percentage and inherit
- 'left: inherit' makes the left property take the same computed value as the left property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'left: [percentage]' refers to width of containing block.
|
|
margin-em-inherit-001 |
= |
Bitmaps |
inherit applied on margin set with em
- The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent.
|
|
margin-percentage-inherit-001 |
= |
Bitmaps |
margin - inherit applied on margin percentage
- A margin percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent.
|
|
padding-em-inherit-001 |
= |
Bitmaps |
inherit applied on padding set with em
- The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent.
|
|
padding-percentage-inherit-001 |
= |
Bitmaps |
padding - inherit applied on padding percentage
- A padding percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent.
|
|
position-absolute-percentage-inherit-001 |
= |
|
position absolute - dimensions and position given by offset percentages and inherit
- Absolutely positioned boxes can be dimensioned and positioned solely by setting offset 'top', 'right', 'bottom' and 'left' property values with percentage unit and then with inherit keyword. 'inherit' on a offset property makes such offset property take the same computed value as the offset property of the nearest positioned ancestor; in the case of a percentage value - like in this testcase - , the computed value is the specified percentage value of such nearest positioned ancestor.
|
|
style-attr-cascade-006 |
= |
|
CSS: style attribute and 'inherit'
|
|
top-114 |
= |
|
position relative - top offset percentage and inherit
- 'top: inherit' makes the top property take the same computed value as the top property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'top: [percentage]' refers to height of containing block.
|
|
top-offset-percentage-002 |
= |
|
position absolute - top offset percentage and inherit
- 'top: inherit' makes the top property take the same computed value as the top property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'top: [percentage]' refers to height of containing block.
|
|
+
6.4.1 Cascading order |
|
c31-important-000 |
= |
|
important
|
|
c32-cascading-000 |
= |
|
Cascading Order
|
|
cascade-import-002 |
|
HTTP |
Cascade: Ordering test with various import techniques
|
|
cascade-import-003 |
|
|
Cascade: Controlled delays with persistent sheets
|
|
cascade-import-004 |
|
|
Cascade: Controlled delays with persistent sheets (reversed)
|
|
cascade-import-005 |
|
|
Cascade: Controlled delays with two alternate sets
|
|
cascade-import-006 |
|
|
Cascade: Controlled delays with two alternate sets (reversed)
|
|
cascade-import-007 |
|
|
Cascade: Controlled delays with two alternate sets (link and meta)
|
|
cascade-import-008 |
|
|
Cascade: Controlled delays with two alternate sets (link and meta; reversed)
|
|
cascade-import-009 |
|
|
Cascade: Controlled delays with one alternate set
|
|
cascade-import-010 |
|
|
Cascade: Controlled delays with one alternate set (reversed)
|
|
cascade-import-011 |
|
|
Cascade: Controlled delays with one alternate set (link and meta)
|
|
cascade-import-012 |
|
|
Cascade: Controlled delays with one alternate set (link and meta; reversed)
|
|
list-style-021 |
= |
Bitmaps |
list-style: none - followed by a list-style-image reset
- A value of 'none' for the 'list-style' property sets both 'list-style-type' and 'list-style-image' to 'none'. If two declarations have the same weight, origin and specificity, then the latter specified wins.
|
|
sort-by-order-001 |
= |
|
Casdading order - sort by order specified
- If 2 declarations have the same media, the same importance (normal or !important), the same origin (author, user or user agent) and the same specificity, then the latter specified wins.
|
|
style-01 |
= |
|
The style attribute
|
|
style-attr-cascade-001 |
= |
|
CSS: style attributes vs. important tag selector
|
|
style-attr-cascade-003 |
= |
|
CSS: style attribute vs. tag selector
|
|
style-attr-cascade-004 |
= |
|
CSS: style attribute vs. important tag selectors
|
|
style-attr-cascade-005 |
= |
|
CSS: style attribute vs. tag selectors (interleaved importance)
|
|
style-attr-cascade-006 |
= |
|
CSS: style attribute and 'inherit'
|
|
+
6.4.3 Calculating a selector's specificity |
|
c21-pseu-cls-000 |
|
Interact |
anchor
|
|
c21-pseu-id-000 |
|
Interact |
anchor
|
|
c32-cascading-000 |
= |
|
Cascading Order
|
|
specificity-001 |
= |
|
Calculating specificity - Specificity 0010 vs. 0001
- The attribute selector has an higher specificity over the element selector - specificity 0010 takes precedence over 0001.
|
|
specificity-002 |
= |
|
Calculating specificity - Inline Style
- Specificity of the inline style trumps all other selectors.
|
|
specificity-003 |
= |
|
Calculating specificity - Specificity 0100 vs. 0011
- The ID attribute in a selector has the higher specificity than the combined pseudo-class and element selectors - specificity 0100 takes precedence over 0011.
|
|
specificity-004 |
= |
|
Calculating specificity - Specificity 0011 vs. 0010
- The combined pseudo-class and element selectors have a higher specificity than the attribute selector - specificity 0011 takes precedence over 0010.
|
|
specificity-005 |
= |
|
Calculating specificity - Specificity 0002 vs. 0001
- An element selector with a pseudo-element selector wins over a pseudo-element selector - specificity 0002 takes precedence over 0001.
|
|
specificity-006 |
= |
|
Calculating specificity - Pseudo-element vs. simple element
- The combination of a pseudo-element selector with an element selector takes takes precedence over simple and single element selector - specificity 0002 takes precedence over 0001.
|
|
specificity-007 |
= |
|
Calculating specificity - Specificity 0001 vs. 0000
- The element selector has a higher specificity over the universal selector - specificity 0001 takes precedence over 0000.
|
|
specificity-008 |
= |
|
Calculating specificity - specificity 0012 vs. 0002
- The combined specificity of an element selector, with a pseudo-class selector and a pseudo-element selector achieves an higher specificity than the combined specificity of an element selector with a pseudo-element selector.
|
|
specificity-009 |
|
|
Calculating specificity - specificity 0003 vs. 0002
- First-line selector with highest specificity wins - specificity 0003 take precedence over 0002.
|
|
specificity-011 |
= |
|
Generated Content via Universal Selectors
|
|
specificity-012 |
|
HistoryInteract |
Pseudo-class Specificity
|
|
specificity-013 |
= |
|
Specificity with universal selector
|
|
style-01 |
= |
|
The style attribute
|
|
style-attr-specificity-001 |
= |
|
Style attribute and specificity of selectors
- The style attribute has a higher specificity than any other selector.
|
|
style-attr-specificity-002 |
= |
|
Inline styles vs. 101 ID selectors
- The style attribute has a higher specificity than all selectors, including ID selectors no matter how many.
|
|
+
6.4.4 Precedence of non-CSS presentational hints |
|
html-attribute-001 |
|
|
Attribute 'align' vs. CSS 'caption-side' specificity
- Attribute 'align' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-002 |
|
Interact |
Attribute 'alink' vs. CSS active specificity
- Attribute 'alink' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-003 |
|
Bitmaps |
Attribute 'background' vs. CSS 'background' specificity
- Attribute 'background' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-004 |
|
|
Attribute 'bgcolor' vs. CSS 'background-color' specificity
- Attribute 'bgcolor' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-005 |
|
|
Attribute 'border' vs. CSS border specificity
- Attribute 'border' has 0 specificity and is overridden by CSS.
|
|
html-attribute-006 |
|
|
Attribute 'cellpadding' vs. CSS 'padding' specificity
- Attribute 'cellpadding' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-007 |
|
|
Attribute 'cellspacing' vs. CSS border-spacing specificity
- Attribute 'cellspacing' has 0 specificity and is overridden by CSS.
|
|
html-attribute-008 |
|
|
Attribute 'clear' vs. CSS 'clear' specificity
- Attribute 'clear' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-009 |
= |
|
Attribute 'color' vs. CSS 'color' specificity
- Attribute 'color' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-010 |
|
|
Attribute 'cols' vs CSS 'width' specificity
- Attribute 'cols' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-011 |
|
|
Attribute 'width' vs. CSS 'width' specificity
- Attribute 'width' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-012 |
|
Ahem |
Attribute 'face' vs. CSS 'font-family' specificity
- Attribute 'face' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-013 |
|
|
Attribute 'valign' vs. CSS 'vertical-align' specificity
- Attribute 'valign' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-014 |
|
|
Attribute 'frame' vs. CSS 'border' specificity
- Attribute 'frame' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-015 |
|
|
Attribute 'rules' vs. CSS border specificity
- Attribute 'rules' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-017 |
|
|
Attribute 'height' vs. CSS 'height' specificity
- Attribute 'height' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-018 |
|
Bitmaps |
Attribute 'hspace' vs. CSS 'margin' specificity
- Attribute 'hspace' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-019 |
|
Bitmaps |
Attribute 'vspace' vs. CSS 'margin' specificity
- Attribute 'vspace' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-020 |
|
|
Attribute 'link' vs. CSS ':link' specificity
- Attribute 'link' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-021 |
|
|
Attribute 'marginheight' vs. CSS 'margin' specificity
- Attribute 'marginheight' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-022 |
|
|
Attribute 'marginwidth' vs. CSS 'margin' specificity
- Attribute 'marginwidth' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-023 |
|
|
HTML 'noshade' attribute vs CSS color specificity
- Attribute 'noshade' has 0 specificity and is overridden by CSS.
|
|
html-attribute-024 |
|
|
Attribute 'nowrap' vs. CSS 'white-space' specificity
- Attribute 'nowrap' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-025 |
|
|
Attribute 'rows' vs CSS 'height' specificity
- Attribute 'rows' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-027 |
|
|
Attribute 'size' vs CSS 'height' specificity
- Attribute 'size' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-028 |
= |
|
Attribute 'text' vs. CSS 'color' specificity
- Attribute 'text' has a specificity of zero and is overridden by CSS.
|
|
html-attribute-029 |
|
HistoryInteract |
Attribute 'vlink' vs. CSS ':visited' specificity
- Attribute 'vlink' has a specificity of zero and is overridden by CSS.
|
|
html-precedence-001 |
= |
|
Element selector precedence
- The 'color' attribute has a specificity equal to 0 which be overridden by subsequent style sheet rules.
|


Junior Web Developer with hands-on experience building websites from back-end to front-end. Interested in Web Design.
Fast learner, hard worker and team player who is proficient in HTML, CSS, JavaScript, C#, ASP.NET and SQL.
Extreme patience and eye for details.


--- layout: page title: Charity 404 description: "Links have been updated, click tags" permalink: 404.html ---


You have installed the package
${package.name.set.testing.vars.win}
As a result of the Windows registry changes it is recommended to
reboot your system!


empty the table
Shuffle data and:
recreate element one bye one
recreate elements at once
replace value
set table-layout value with fixed
Script Time:
ms
No.
Name
Avatar


Playback control
Play/Pause
Stop
Previous song
Next song
Current song
Favorite
Vote up :)
Vote down :(
Reset vote
Sound control
Mute
Volume Up
Volume Down
External control (expermental)
Start with Google Chrome
With great power comes great responsibility. Read before do.


Survivor star Rudy Boesch dies of Alzheimer's Disease aged 91
Rudy was best known for being one of the original contestants on the first seasons of Survivor, which aired in 2000
by Molly Pike, https://www.mirror.co.uk/authors/molly-pike/Rudy Boesch has died at the age of 91 of complications of Alexheimer's Disease.
He was best known for being one of the original contestants on the first seasons of Survivor, which aired in 2000.
Aged 72 at the time, he was the oldest contestant in the show's history and ended up finishing in third place.
Rudy later returned to TV screens at aged 75 to take part in a special All Stars edition of Survivor, which is in its 38th season, in 2004.
The retired Navy SEAL's family confirmed that he died of the condition on Friday night, according to TMZ .
Rudy joined the navy in 1945 and in 1962 became one of the first 50 officers of the original SEAL Team Two.
He served in the Vietnam War and was awarded the Bronze Star Medal for heroic action.
The reality TV star retired from the military in 1990, ten years before he would appear on Survivor.
He reportedly needed around the clock care before he died.
Rudy died exactly eleven years after his wife Marge.
He is survived by his three children.


here are few interesting things about me
2007-2014 I started and finished my primary education respectively in kajiado in a school called Bluesky Academy
2015-2018 joined and finished my highschool education respectively in Compit highschool
I developed a passion for programming after watching a tech show on instagram hosted by a somali girl called Naima.I became curious and after research a wanted to learn it more and get into the tech world
tel:075523411


日本の歴史
History
Japanese architecture is very different in story and composition to that of other country's historical architecture. The history of it, much like Japan's other art forms, is very well documented. Long influenced by Chinese architecture, it still has diverged far enough to be distinctly and richly its own.
Before the 1st century B.C., Japanese homes were very similar to homes all around the world at that time, constructed with wood frames, dirt floors, and thatched roofs. Around 57 B.C., a distinct Japanese architectural style began to emerge.
From this point in time to around the 7th century A.D., the Japanese took much influence from Korea. During the Chinese Han dynasty, the Japanese people began to interact more with the Chinese populace, where their technology and styles influenced them.
During this period, the Japanese people adopted the use of wood as the preferred building material. Stone was used sparingly due to the lack of suitable stones for construction because of the volcanic nature of the island country.
"Traditional" Japanese architecture usually refers to structures built during the Edo period, from the 1600s to the mid-1800s. After came the Meiji Restoration, which is marked by the rise of Western influences introduced to the architecture and a more modern style.
— Periods
・Yayoi Period (弥生時代) — 1,000 BC to 300 AD
This period of Ancient Japan was when a distinct Japanese architectural style emerged from the universal styles of that time. The Japanese people began to interact with the Chinese people of the Han dynasty, leading to them adopting and intigrating many of their architectural styles.
・Kofun Period (古墳時代) — 300 to 538
Although general architectural styles didn't change drastically around this time, this period was host to the notable "key-shaped" tomb mounds called Kofun (古墳). Towards the end of this period, kofun were fazed out and replaced as Buddhist influence began to take over.
・Asuka Period (飛鳥時代) — 538 to 710
The Asuka period was the beginning of Classical Japan. Around this time, Buddhism was introduced to the country, leading to drastic changes in architecture. Many temples were built, and Shinto architecture began to rise along side the Buddhist architecture.
・Nara Period (奈良時代) — 710 to 794
The city of Nara became the nation's first permenant capital during this period. The city was heavily influenced by the Chinese capital of that time, and the city became an important hub for Buddhism.
・Heian Period (平安時代) — 794 to 1185
The Emperor Kanmu wanted to escape the Buddhist and Chinese influences that took hold of Nara, so he moved the nation's captial to modern day Kyoto. Although Kyoto took quite a bit of influence from Nara, a very distinct Japanese architectural style began to rise. During this time as well, Buddhist temple's began to influence the designs of Shinto shrines and architecture. The famous vernacular minka homes began to appear during the late Heian period.
・Kamakura and Muromachi Periods ((鎌倉時代 & 室町時代) — 1185 to 1573
These periods marked the rise of Medieval Japan. Many technological advances were made that began to diverse from the Chinese influences. Advances were made to make structures more resistant to earthquakes as well as heavy rainfall and the heat of the summer sun. During the Kamakura period, power was transfered from the imperial court to the Kamakura Shogunate and civil war broke out. Due to the wars, many traditional buildings in cities such as Nara and Kyoto were destroyed. Architecture of this time began to become more simplistic due to wars, so defence was prioritised over beauty.
When the Kamakura Shogunate fell and the Ashikaha Shogunate took power, those in the upper levels of society began a "war" on luxurious styles. The imperial court and the shogunate fought with trying to have the most luxurious lifestyles. Due to this rivalry, Zen styles began to take over as well to combat it with its smaller and more simple details and materials. Many important cultural architectural items and places were created during this time, such as chashitsu, fusuma, shoji, and tatami.
・Azuchi-Momoyama Period (安土桃山時代) — 1573 to 1600
Although there were still several wars taking place during this period, a few powerful rulers attempted to unify the country under one rule. With these man trying to take control, leaders built magnificent castles to show their power and influence. This was the rise of Japanese castle architecture.
・Edo Period (江戸時代) — 1603 to 1868
The Edo period began when the Tokugawa Shogunate took over the city of Edo, marking the early stages of modern Japan. The county took on an isolationist policy along with the desire to end all wars. Due to the country closing its borders to the outside world, a rich period of purely Japanese architecture began.
・Meiji Period (明治) — 1868 to 1912
This period marked the beginning of Modern Japan. During this time, Japan changed from being an isolated feudal society to opening up its borders to the Western nations of the world. Western influences began to take hold in everyday Japanese life and culture, not to mention its architecture.


Graph is the natural abstraction of relationship. Relational database has been adapted to represent relation due to the lack of better technology. Relational database is a synthetic way to represent relationship and makes it extremely hard/impossible to figure out deeper relationship between information beyond a few levels.
Lack of mature graph databases and industry standards were the main reasons hindering the growth of graph-based software products. This limitation is getting addressed by the successes of graph databases like Neo4j and OrientDB.
 Web Portal, Web Content Management System, Academic interests in Graph Theory, Wiki, Mind Map, any information of hierarchical nature, Information organizer etc., to name a few..
Advanced features of Graph Portal includes Visual Editing, Custom Queries, built-in Graph Algorithms, extensible by custom programming, REST API, Complex Relationships, Security
Graph Portal Web Application is distributed as open source and is Free! for any use including commercial use