LIKE WATER FOR CHOCOLATE A film review by Lons Ponschock Copyright 1995 Lons Ponschock
A film by Alfonso Arau >From the novel by Laura Esquivel Stars Marco Leonardi and Lumi Cavazos
"Weeping was the first symptom of a strange intoxication. A sense of melancholy and frustration overtook all the guests (of the wedding) making them take refuge in the patio and the barns and bathrooms as they yearned for "the love of their lives."
-- from LIKE WATER FOR CHOCOLATE --
Here is a romance which is bittersweet like the chocolate mentioned in the title. The title refers to the emotions one feels during the film.  Like Water for Chocolate.
It is the story of Pedro and Tita and Tita's mother. Tita is the last born so she must care for her mother until her mother no longer lives. She cannot marry Pedro for this reason and therein lies the story of the film.
More and more I see less and less in American releases ... the fineness and rhythm of language are just not there ... there is nothing to learn from the experience and the viewer does not touch *humanity*.
In LIKE WATER FOR CHOCOLATE we *do* touch this humanity and this is why it is a special film. It is in Spanish and subtitled. And in this particular film the English goes by quite quickly. This is the first time I have rerun the film to catch all the dialog. And only in works by such masters as Wim Wenders can the art of language be compared. So take some time with this one. It's worth it.
I was reminded of a previous film which I wrote about more than a year ago. What is said of Babette in BABETTE'S FEAST could apply to Tita in the current film as well:
"...This woman, this head chef had the ability to transform a dinner into a kind of love affair... a love affair that made no distinction between bodily appetite and spiritual appetite."
-- from BABETTE'S FEAST --
(There are so many similarities between BABETTE'S FEAST and LIKE WATER FOR CHOCOLATE that I have reprinted the previous item so that the reader might know more about BABETTE. See the item which follows. It is not written to the same style ... but then again, I rarely write to the same style or the same reference.)
* * * * *
I have seen a number of romances lately: ROBIN AND MARIAN was one such. I did not post a review of that because, well it's an old picture from the 1970s directed by a master. Richard Lester has directed some high comedy such as the early Beatles films and HOW I WON THE WAR starring John Lennon. But ROBIN AND MARIAN, while touching, fell prey to the cliches which have been exposed by John Cleese, Graham Chapman and the rest of Monty Python's Flying Circus.
So I did not comment on ROBIN AND MARIAN. It was unintentionally humorous.
But here in LIKE WATER FOR CHOCOLATE, the proper amount of the willing suspension of disbelief: that quality which one needs to view a work of the imagination to find the truth therein ... with enough of that, this film can be a grand experience indeed.
Perhaps I am getting soft. Perhaps I am getting old. Perhaps I am getting old and soft, but I enjoyed LIKE WATER FOR CHOCOLATE immensely. Maybe it is because I learned that I was still able to cry myself. There is great sadness and great happiness in the film. But to choose which was in greater supply I would have to say sadness even if, in so doing, this skews the idea of what a good romance should be.
We have spoken of good double bills in the past (and I'd like to see some new recommendations too.) So here I would recommend LIKE WATER FOR CHOCOLATE and BABETTE'S FEAST to be viewed as a double bill. Get both of them together and enjoy the rich experience; that satiation which only food and romance can provide. To have one without the other puts me in mind of a closing quote taken from LIKE WATER FOR CHOCOLATE:
"The trouble with crying while chopping onions isn't the crying, it's that sometimes you can't stop."
* * * * *
-- lon
The review above was posted to the
rec.arts.movies.reviews newsgroup (de.rec.film.kritiken for German reviews).
The Internet Movie Database accepts no responsibility for the contents of the
review and has no editorial control. Unless stated otherwise, the copyright
belongs to the author.
Please direct comments/criticisms of the review to relevant newsgroups.
Broken URLs inthe reviews are the responsibility of the author.
The formatting of the review is likely to differ from the original due
to ASCII to HTML conversion.
Related links: index of all rec.arts.movies.reviews reviews


perlstyle - Perl style guide
Each programmer will, of course, have his or her own preferences in regards to
formatting, but there are some general guidelines that will make your programs
easier to read, understand, and maintain.
The most important thing is to run your programs under the
-w flag at all times. You may turn it off explicitly for particular
portions of code via the "no warnings"
pragma or the $^W variable if you must. You should
also always run under "use strict" or know
the reason why not. The "use sigtrap" and
even "use diagnostics" pragmas may also
prove useful.
Regarding aesthetics of code lay out, about the only thing Larry
cares strongly about is that the closing curly bracket of a multi-line BLOCK
should line up with the keyword that started the construct. Beyond that, he
has other preferences that aren't so strong:
- 4-column indent.
- Opening curly on same line as keyword, if possible, otherwise line
up.
- Space before the opening curly of a multi-line BLOCK.
- One-line BLOCK may be put on one line, including curlies.
- No space before the semicolon.
- Semicolon omitted in "short" one-line BLOCK.
- Space around most operators.
- Space around a "complex" subscript (inside brackets).
- Blank lines between chunks that do different things.
- Uncuddled elses.
- No space between function name and its opening parenthesis.
- Space after each comma.
- Long lines broken after an operator (except
"and" and
"or").
- Space after last parenthesis matching on current line.
- Line up corresponding items vertically.
- Omit redundant punctuation as long as clarity doesn't suffer.
Larry has his reasons for each of these things, but he doesn't
claim that everyone else's mind works the same as his does.
Here are some other more substantive style issues to think
about:
- Just because you CAN do something a particular way doesn't mean
that you SHOULD do it that way. Perl is designed to give you
several ways to do anything, so consider picking the most readable one.
 unless open(FOO,$foo);
because the second way hides the main point of the statement
in a modifier. On the other hand
print "Starting analysis\n" if $verbose;
is better than
$verbose && print "Starting analysis\n";
because the main point isn't whether the user typed -v
or not.
Similarly, just because an operator lets you assume default
arguments doesn't mean that you have to make use of the defaults. The
defaults are there for lazy systems programmers writing one-shot
programs. If you want your program to be readable, consider supplying
the argument.
Along the same lines, just because you CAN omit
parentheses in many places doesn't mean that you ought to:
return print reverse sort num values %array;
return print(reverse(sort num (values(%array))));
When in doubt, parenthesize. At the very least it will let
some poor schmuck bounce on the % key in vi.
Even if you aren't in doubt, consider the mental welfare of
the person who has to maintain the code after you, and who will probably
put parentheses in the wrong place.
- Don't go through silly contortions to exit a loop at the top or the
bottom, when Perl provides the "last"
operator so you can exit in the middle. Just "outdent" it a
little to make it more visible:
LINE:
for (;;) {
statements;
last LINE if $foo;
next LINE if /^#/;
statements;
}
- Don't be afraid to use loop labels--they're there to enhance readability
as well as to allow multilevel loop breaks. See the previous example.
- Avoid using "grep()" (or
"map()") or `backticks` in a void
context, that is, when you just throw away their return values. Those
functions all have return values, so use them. Otherwise use a
"foreach()" loop or the
"system()" function instead.
- For portability, when using features that may not be implemented on every
machine, test the construct in an eval to see if it fails. If you know
what version or patchlevel a particular feature was implemented, you can
test $] ($PERL_VERSION in
"English") to see if it will be there.
The "Config" module will also let you
interrogate values determined by the Configure program when Perl
was installed.
- Choose mnemonic identifiers. If you can't remember what mnemonic means,
you've got a problem.
- While short identifiers like $gotit are probably
ok, use underscores to separate words in longer identifiers. It is
generally easier to read $var_names_like_this than
$VarNamesLikeThis, especially for non-native
speakers of English. It's also a simple rule that works consistently with
"VAR_NAMES_LIKE_THIS".
Package names are sometimes an exception to this rule. Perl
informally reserves lowercase module names for "pragma"
modules like "integer" and
"strict". Other modules should begin
with a capital letter and use mixed case, but probably without
underscores due to limitations in primitive file systems'
representations of module names as files that must fit into a few sparse
bytes.
- You may find it helpful to use letter case to indicate the scope or nature
of a variable. For example:
$ALL_CAPS_HERE constants only (beware clashes with perl vars!)
$Some_Caps_Here package-wide global/static
$no_caps_here function scope my() or local() variables
Function and method names seem to work best as all lowercase.
E.g., "$obj->as_string()".
You can use a leading underscore to indicate that a variable
or function should not be used outside the package that defined it.
- If you have a really hairy regular expression, use the
"/x" or
"/xx" modifiers and put in some
whitespace to make it look a little less like line noise. Don't use slash
as a delimiter when your regexp has slashes or backslashes.
- Use the new "and" and
"or" operators to avoid having to
parenthesize list operators so much, and to reduce the incidence of
punctuation operators like "&&"
and "||". Call your subroutines as if
they were functions or list operators to avoid excessive ampersands and
parentheses.
- Use here documents instead of repeated
"print()" statements.

- Always check the return codes of system calls. Good error messages should
go to "STDERR", include which program
caused the problem, what the failed system call and arguments were, and
(VERY IMPORTANT) should contain the standard system error message for what
went wrong.
- Line up your transliterations when it makes sense:
tr [abc]
[xyz];
- Think about reusability. Why waste brainpower on a one-shot when you might
want to do something like it again? Consider generalizing your code.
Consider writing a module or object class. Consider making your code run
cleanly with "use strict" and
"use warnings" (or -w) in effect.
Consider giving away your code. Consider changing your whole world view.
Consider... oh, never mind.
- Try to document your code and use Pod formatting in a consistent way. Here
are commonly expected conventions:
- use "C<>" for function, variable
and module names (and more generally anything that can be considered part
of code, like filehandles or specific values). Note that function names
are considered more readable with parentheses after their name, that is
"function()".
- use "B<>" for commands names like
cat or grep.
- use "F<>" or
"C<>" for file names.
"F<>" should be the only Pod code
for file names, but as most Pod formatters render it as italic, Unix and
Windows paths with their slashes and backslashes may be less readable, and
better rendered with "C<>".


{% extends "layout.html" %} {% set active_page = "policies" %} {% block content %}
<user>'s Policies List
| Name | Plant Type | Humidity | Light | Irregation Frequency | Irregation Amount | Sensors | Date Created | ID | ||
|---|---|---|---|---|---|---|---|---|---|---|
|
|
Policy 1 | Mushrooms | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 134623415 | |
|
|
Policy 2 | Apple Tree | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 123423516 | |
|
|
Policy 3 | Onions | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 546422261 | |
|
|
Policy 4 | Weed | 100% | 100% | 7 (per week) | 3.1 L | 5 | 03.05.2020 | 132634633 | |
Showing 1 to 4 of 27
Community Available Policies
| Name | Author | Plant Type | Humidity | Light | Irregation Frequency | Irregation Amount | Sensors | Date Created | ID | ||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Policy 1 | Avi | Mushrooms | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 134623415 | 89 | |
| Policy 2 | Moshe | Apple Tree | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 123423516 | 151 | |
| Policy 3 | Yosi | Onions | 15% | 73% | 4 (per week) | 0.4 L | 3 | 03.05.2020 | 546422261 | 7 | |
| Policy 4 | Gadi | Weed | 100% | 100% | 7 (per week) | 3.1 L | 5 | 03.05.2020 | 132634633 | 84 | |
Showing 1 to 4 of 27


BOOK DIRECT. GET REWARDED.
GET 3 FREE REWARDS LIKE:
Book Now + Get Free Rewards
Best Rate Guaranteed


|
HEIGHT
${form.height}
|
WEIGHT
${form.weight}
|
SYS
${form.systolic}
|
DIA
${form.diastolic}
|
HR
${form.pulse}
|
RR
${form.respiration}
|
TEMP (C)
${form.temperature}
|


Waiting for a connection with Sciter's view on pipe...
To enable inspector in your application place call of either one of these in the code of your application:
SciterSetOption(NULL, SCITER_SET_DEBUG_MODE, TRUE);
at the beginning of your main function. This will enable Inspector for any Sciter window/view, orSciterCreateWindow(..., ... | SW_ENABLE_DEBUG);
- cretate Sciter window with SW_ENABLE_DEBUG flag.Shortcuts that are active in inspector-enabled view:
CTRL+SHIFT+I
- connect current view to the Inspector;CTRL+SHIFT+{mouse click}
on some DOM element - select the element for the inpection (styles, attributes, etc.).To connect your application to the Inspector either run inspector before launching your application or call this:
import * as sys from "@sys"; import { launch, home, PLATFORM } from "@env"; async function launchInspector() { const SUFFIX = { Windows: ".exe", OSX: ".app" }; const PREFIX = { Windows: "\\", OSX: "/../../../" }; let inspectorPath = home((PREFIX[PLATFORM] || "") + "inspector" + (SUFFIX[PLATFORM] || "")); try { await sys.fs.stat(inspectorPath); launch(inspectorPath); } catch (e) { Window.modal(<alert>Cannot find {inspectorPath}</alert>); } }


API Key
?
Load Forums
Forums
Threads
Refresh
Edit
Load posts
Title
{title}
URL
{url}
Slug
{slug}
{allow_comments}
Allow comments


To construct a geometric figure inside another figure so that the two figures have points in common but do not intersect.
Usually one or other of the figures is a circle.


{% extends 'base.html' %} {% load crispy_forms_tags %} {% block title %}Password Change{% endblock title %} {% block content %}
Please enter your old password then enter your new password twice for verification.


About Me!
Abdul is an astute, life long learner, and an extremely versatile individual with 5 successful of years of experience in agile change/software/web/digital products development where a Kanban approach embedded with feature driven development/scrum was used to deliver many successful features; Extensive experience in carrying out product management, road mapping, requirements elicitation, user acceptance testing, backlog grooming and milestone identification by successfully collaborating with the cross functional team to ultimately streamline product development.
My Work!
Abdul is a certified mortgage agent and has been working in the Mortgage/lending tech space for the best part of the year at Newton Connectivity Systems. Newton automates the workflow of mortgage applications by working on a multitude of features/projects including CRM, client journey, E-sign, Income verification, document generation and management and more to aid and ease the workflow of the mortgage approval process. Day to day activities at Newton involve linking the business team directly to the application development team and developing cool featues involving new technology!
Code Refactor - Project
Abdul has recently started his Full Stack Web developer course at University of Toronto. Click the image on the right to check out his latest projects where he refactored code and demosntrated good practices by organising code in a concise, legiable and coherant manner which is easy to read and follow.
Front End - Group Project
The first group project successfully managed to integrate multiple API's, used local storage for data preservance and further more used various CSS libraries to render a modern UI. Click here to view deployed project Abdul has successfully completed his first full stack project where the team incorporated an entire backend functionality and linked with a modern UI Click here to view deployed project Click here to view deployed project Abdul has completed his mern spa project here Click here to view deployed project


guillermo{dot}guerrero{at}fr{dot}fcm{dot}travel
June 5th, 2020
- Continuous delivery:
- Continuous deployment:
From:
image: "ruby:2.5" before_script: - apt-get update -qq && apt-get install -y -qq sqlite3 libsqlite3-dev nodejs - ruby -v - gem install bundler --no-document - bundle install rspec: script: - bundle exec rspec rubocop: script: - bundle exec rubocop
... rspec: tags: - docker - ruby - postgres script: - bundle exec rspec
... stages: - linter - test - build - deploy rspec: stage: test script: - bundle exec rspec
... rspec: cache: paths: - vendor/bundle/ artifacts: when: always paths: - coverage/ - tmp/capybara/ script: - bundle exec rspechttps://gitlab.com/3mundi/hellofcm/-/jobs/579150199
concurrent = 1 check_interval = 0 [[runners]] name = "runner one" url = "https://gitlab.com/" token = "XXXXXXXXXXX" executor = "docker" [runners.docker] tls_verify = false image = "ruby:2.4.0" privileged = false disable_cache = false volumes = ["/cache","/var/run/docker.sock:/var/run/docker.sock"] shm_size = 0 [runners.cache] Type = "s3" Shared = true [runners.cache.s3] ServerAddress = "s3.amazonaws.com" AccessKey = "XXXXXXXXXXXXX" SecretKey = "XXXXXXXXXXXXX" BucketName = "XXXXXXXXXXXXX" BucketLocation = "eu-west-3" Insecure = falsehttps://gitlab.com/3mundi/hellofcm/-/settings/ci_cd
concurrent = 3 check_interval = 0 [session_server] session_timeout = 1800 [[runners]] name = "runner-bastion" url = "https://gitlab.com/" token = "XXXXXXXXX" executor = "docker+machine" [runners.custom_build_dir] [runners.docker] tls_verify = false image = "ruby:2.6" privileged = false disable_entrypoint_overwrite = false oom_kill_disable = false disable_cache = false volumes = ["/cache","/var/run/docker.sock:/var/run/docker.sock"] shm_size = 0 [runners.machine] IdleCount = 0 # The amount of idle machines we require for CI if build queue is empty IdleTime = 600 # Each machine can be idle for up to 600 seconds, then destroyed MachineName = "gitlab-runner-autoscale-%s" # Each machine will have a unique name ('%s' is required and generates a random number) MachineDriver = "digitalocean" # Docker Machine is using the 'digitalocean' driver MachineOptions = [ "digitalocean-image=coreos-stable", # The DigitalOcean system image to use by default "digitalocean-ssh-user=core", # The default SSH user "digitalocean-access-token=XXXXXXXX", # Access token from Step 7 "digitalocean-region=ams2", # The data center to spawn runners in "digitalocean-size=2gb", # The size (and price category) of your spawned runners "digitalocean-private-networking" # Enable private networking on runners ] [runners.cache] Type = "s3" Shared = true [runners.cache.s3] ServerAddress = "s3.amazonaws.com" AccessKey = "XXXXXXXXX" SecretKey = "XXXXXXXXX" BucketName = "XXXXXXXXX" BucketLocation = "eu-west-3" Insecure = false


OMG! Priests Put Face Masks on Idols as Pollution in India Chokes Deities
New Delhi (Sputnik): The pollution in India seems to have also exposed gods here to the risks of choking as well.
In India’s historic riverside city of Varanasi, also known as “Banaras” and "Kashi", temple priests have covered the faces on the idols representing Goddess Parvati, Goddess Kali and Lord Shiva with masks, keeping them away from the toxic air.
Known as the "spiritual capital of India", Varanasi is a city on the banks of holy river Ganges in the northern Indian state of Uttar Pradesh dating to the 11th century B.C. Along the city's winding streets are some 2,000 temples including "Kashi Vishwanath", the famous “Golden Temple” dedicated to Lord Shiva. The city is famous for its "Ganga Aarti", a ritual to offer prayers to the river Ganges.
According to media reports, the priests from Varanasi’s famous “Shiv-Parvati Temple” believe that if on festivals and winter nights, idols of gods and goddesses are presented with new clothes and woollens, it is necessary for them to keep up with the trend of face masks.
He also said that an increased number of worshippers have started visiting the temple while covering the mouth with anti-pollution masks, posibly inspired by the now-masked deities.
Netizens have shared their reactions to the amusing news on micro-blogging site Twitter, calling out the Narendra Modi government to take quick measures to tackle the issue of smoggy air throttling northern India.
A politician from the ruling Bharatiya Janata Party recently evoked amusement by blaming neighbouring Pakistan for the toxic air in Indian cities.
However, many netizens supported the act of covering the temple deities with masks if it inspires the general public.
Earlier last week, New Delhi's air quality index breached the “severe” and “emergency” mark after India celebrated its annual festival of lights Diwali with fire crackers, followed by farmers across the states of Punjab and Haryana burning the paddy stubble in their fields.
To combat air toxicity, Delhi's government rolled out the “odd-even” vehicle rationing scheme mandating private cars with license plate numbers ending in odd digits to stay off the roads on even dates and vice-versa until 15 November.
The scheme, however, will be suspended for a couple of coming days – 11th and 12th November – on the occasion of Sikhism founder Guru Nanak’s 550th birthday.
The exception in the “odd-even” rule is to allow the Sikh community to freely participate in the big celebration that is set to be held across India.


From across the UK on a mission to build something that is actually useful, not just for fellow students but for anyone that wants to know both sides.
Disagreement and argument are at the heart of democracy and humanity. To see multiple perspectives and agree to disagree is what we encourage.
We expect the information we need to be available to us when we need it. This is our attempt at helping achieve that goal.
We've given up hundreds of hours to build something we can use and be proud of. We can't please everyone but if you think we can improve please do get in touch<EMAIL_ADDRESS>We think that the way in which we make decisions about elections is broken. From lack of clear information to personalities dominating the media. This is an attempt at helping fix it.
What are you waiting for?
Get started with our Black and White Series >


This test is benchmark of markup creation. Tree does NOT expand, because it has no controller
Total nodes: 105


Login to get started
You don't have an account?
Register now!
Invalid username or password
Username
Password
Login


| ByteArray2String (100%) |
| Cache (18%) |
| CipherStage (62%) |
| Clock (0%) |
| CollectorSink (100%) |
| Counter (100%) |
| CountingMapMerger (40%) |
| ElementDelayMeasuringStage (0%) |
| ElementThroughputMeasuringStage (0%) |
| EveryXthStage (100%) |
| FileExtensionSwitch (0%) |
| InitialElementProducer (84%) |
| InputPortSizePrinter (0%) |
| InstanceCounter (90%) |
| InstanceOfFilter (70%) |
| MappingCounter (100%) |
| MultipleInstanceOfFilter (100%) |
| NoopFilter (0%) |
| ObjectProducer (64%) |
| Relay (85%) |
| StartTimestampFilter (0%) |
| StopTimestampFilter (0%) |
| ZipByteArray (95%) |


Lextend
- Extend your Lexicon
×
Password recovery success please check
your email to complete!
×
Password recovery not success please try again
recent_actors
Recover my Password
Register Now!
Login


Trying to find the best curly girl friendly products for your hair can be time consuming and expensive! Let us help you find the best products for your hair based on thousands of Reddit users' experiences.
Your picture doesn't have to include your face, but make sure there is not too much background in the photo.


Amazon is now offering free music to everyone in the UK
by Chris SmithAmazon is bringing free music to everyone in the UK, regardless of whether they’re Prime members, own an Echo speaker, or have no horse in the race.
The company has revealed a free, ad-supported tier is now available within the Amazon Music app for iOS, Android, Fire TV, and on the web.
The new streaming tier, which launches in the US, UK and Germany today, offers a “selection of top playlists and thousands of stations for free” with no subscription or credit card details necessary.
It’s believed that the catalogue is similar in size to the 2 million tracks freely available to Prime Members, who don’t have to endure advertisements. It’s effectively the same as the deal non-Prime member Echo owners get, which does serve up advertisements every few songs.
The third tier is the Amazon Music Unlimited service which offers a full catalogue of tracks akin to Apple Music and Spotify and costs $7.99/£6.99 a month, if you’re a Prime Member, or $9.99/£9.99 a month otherwise. There’s also an Amazon Music HD subscription for those audiophiles out there, but again that costs more.
It means anyone can at least access some of Amazon’s music streaming catalogue without buying or paying for anything.
However, it isn’t as good a deal as that offered by Spotify Free, which offers access to the full catalogue of music, ad supported and only via themed playlists. It also lacks the access to personalised playlists like Discover Weekly, which are available to Spotify Free users.
Apple Music is the outlier as, beyond the 30-day free trial it offers all new subscribers, there is no free streaming tier on offer.
If none of this works for you, you can nab four months of Amazon Music Unlimited for just 99¢/99p a month (via TechCrunch) right now.
Unlike other sites, we thoroughly review everything we recommend, using industry standard tests to evaluate products. We’ll always tell you what we find. We may get a commission if you buy via our price links. Tell us what you think – email the Editor


LJ
系统名称
Toggle navigation
User Name
Light - Full Stack Developer
Member since Nov. 2010
Followers
Sales
Friends
Profile
Sign out


I'm a designer, developer artist and musician.
Skills: Responsive design, HTML5, SCSS and CSS3, javaScript, jQuery, angular.js, custom WordPress themes, Java, Unix, Linux.
I build well coded, smartly designed programs. When I build a website or app, I care about what goes on behind the scenes. I want my code to work and I want it to last.
I've been coding since I was in middle school. In tenth grade I was the nerd who built a robot while on vacation in a remote mountain cabin buried in snow. More recently I taught four years of high school math, physics and robotics. I've been working as a freelance web developer since 2009.
I love making things with my hands, from pen-and pencil drawings to origami nautilus-shell lamps
I still do much of my web-design layout and wireframing with a pencil and paper, and I even use a wacom tablet and stylus to work in Photoshop and Illustrator because I find the pencil-like stylus to be quick, intuitive and freeing.
I enjoy the challenge of bringing a creative vision to life, whether it is my own, my clients', or a combination of both. I specialize in building clean, attractive mobile-ready sites for small businesses and artists.


Philippines reports first vaping-linked illness
by The Online CitizenThe Philippines on Friday reported its first case of a vaping-linked illness, as health authorities expressed concern at court orders preventing them from regulating electronic cigarettes.
A rash of vaping-linked deaths and illnesses in some countries has raised concern over the rising popularity of e-cigarettes, touted as less harmful than tobacco. India and some US states have banned e-cigarettes.
A 16-year-old girl in the central Philippines who had been using e-cigarettes for six months was hospitalised last month for severe shortness of breath and met the criteria for vaping-related lung injury, the health department said.
The girl was treated by a paediatric pulmonologist and discharged.
“All e-cigarette users should seek immediate medical help, and ask their doctors for ways to quit these harmful products,” Health Undersecretary Enrique Domingo said in a statement.
The health department last month ordered hospitals to document vaping-related cases and also drew up regulations.
But the department has been sued over the planned regulations, which prevented the government from implementing them while the matter is in court.
Domingo urged the courts to rule on the cases swiftly, adding: “As international evidence points out, every delay in regulating electronic cigarettes is a step back for public health.”
E-cigarettes were initially touted as less damaging than tobacco, which causes around eight million deaths a year.
However, concern about their effects has been growing and in July, the World Health Organization warned that electronic smoking devices were “undoubtedly harmful and should therefore be subject to regulation”.
Apart from e-cigarette use, about four in 10 adult Filipino men and nearly six percent of women are tobacco users, a government survey showed.
– AFP


This page covers the following topics:
Sometimes it is more convenient to use a PreparedStatement
object for sending SQL statements to the database. This special type of statement is derived from the more general class, Statement
, that you already know.
If you want to execute a Statement
object many times, it usually reduces execution time to use a PreparedStatement
object instead.
The main feature of a PreparedStatement
object is that, unlike a Statement
object, it is given a SQL statement when it is created. The advantage to this is that in most cases, this SQL statement is sent to the DBMS right away, where it is compiled. As a result, the PreparedStatement
object contains not just a SQL statement, but a SQL statement that has been precompiled. This means that when the
PreparedStatement
is executed, the DBMS can just run the PreparedStatement
SQL statement without having to compile it first.
Although PreparedStatement
objects can be used for SQL statements with no parameters, you probably use them most often for SQL statements that take parameters. The advantage of using SQL statements that take parameters is that you can use the same statement and supply it with different values each time you execute it. Examples of this are in the following sections.
The following method, CoffeesTable.updateCoffeeSales
, stores the number of pounds of coffee sold in the current week in the SALES
column for each type of coffee, and updates the total number of pounds of coffee sold in the TOTAL
column for each type of coffee:
public void updateCoffeeSales(HashMap<String, Integer> salesForWeek) throws SQLException { PreparedStatement updateSales = null; PreparedStatement updateTotal = null; String updateString = "update " + dbName + ".COFFEES " + "set SALES = ? where COF_NAME = ?"; String updateStatement = "update " + dbName + ".COFFEES " + "set TOTAL = TOTAL + ? where COF_NAME = ?"; try { con.setAutoCommit(false); updateSales = con.prepareStatement(updateString); updateTotal = con.prepareStatement(updateStatement); for (Map.Entry<String, Integer> e : salesForWeek.entrySet()) { updateSales.setInt(1, e.getValue().intValue()); updateSales.setString(2, e.getKey()); updateSales.executeUpdate(); updateTotal.setInt(1, e.getValue().intValue()); updateTotal.setString(2, e.getKey()); updateTotal.executeUpdate(); con.commit(); } } catch (SQLException e ) { JDBCTutorialUtilities.printSQLException(e); if (con != null) { try { System.err.print("Transaction is being rolled back"); con.rollback(); } catch(SQLException excep) { JDBCTutorialUtilities.printSQLException(excep); } } } finally { if (updateSales != null) { updateSales.close(); } if (updateTotal != null) { updateTotal.close(); } con.setAutoCommit(true); } }
The following creates a PreparedStatement
object that takes two input parameters:
String updateString = "update " + dbName + ".COFFEES " + "set SALES = ? where COF_NAME = ?"; updateSales = con.prepareStatement(updateString);
You must supply values in place of the question mark placeholders (if there are any) before you can execute a PreparedStatement
object. Do this by calling one of the setter methods defined in the PreparedStatement
class. The following statements supply the two question mark placeholders in the PreparedStatement
named updateSales
:
updateSales.setInt(1, e.getValue().intValue()); updateSales.setString(2, e.getKey());
The first argument for each of these setter methods specifies the question mark placeholder. In this example, setInt
specifies the first placeholder and setString
specifies the second placeholder.
After a parameter has been set with a value, it retains that value until it is reset to another value, or the method clearParameters
is called. Using the PreparedStatement
object updateSales
, the following code fragment illustrates reusing a prepared statement after resetting the value of one of its parameters and leaving the other one the same:
// changes SALES column of French Roast row to 100 updateSales.setInt(1, 100); updateSales.setString(2, "French_Roast"); updateSales.executeUpdate(); // changes SALES column of Espresso row to 100 (the first // parameter stayed 100, and the second parameter was reset // to "Espresso") updateSales.setString(2, "Espresso"); updateSales.executeUpdate();
You can often make coding easier by using a for
loop or a while
loop to set values for input parameters.
The CoffeesTable.updateCoffeeSales
method uses a for-each loop to repeatedly set values in the PreparedStatement
objects updateSales
and updateTotal
:
for (Map.Entry<String, Integer> e : salesForWeek.entrySet()) { updateSales.setInt(1, e.getValue().intValue()); updateSales.setString(2, e.getKey()); // ... }
The method CoffeesTable.updateCoffeeSales
takes one argument, HashMap
. Each element in the HashMap
argument contains the name of one type of coffee and the number of pounds of that type of coffee sold during the current week. The for-each loop iterates through each element of the HashMap
argument and sets the appropriate question mark placeholders in updateSales
and updateTotal
.
As with Statement
objects, to execute a PreparedStatement
object, call an execute statement: executeQuery
if the query returns only one ResultSet
(such as a SELECT
SQL statement), executeUpdate
if the query does not return a ResultSet
(such as an UPDATE
SQL statement), or execute
if the query might return more than one ResultSet
object. Both PreparedStatement
objects in CoffeesTable.updateCoffeeSales
contain UPDATE
SQL statements, so both are executed by calling executeUpdate
:
updateSales.setInt(1, e.getValue().intValue());
updateSales.setString(2, e.getKey());
updateSales.executeUpdate();
updateTotal.setInt(1, e.getValue().intValue());
updateTotal.setString(2, e.getKey());
updateTotal.executeUpdate();
con.commit();
No arguments are supplied to executeUpdate
when they are used to execute updateSales
and updateTotals
; both PreparedStatement
objects already contain the SQL statement to be executed.
Note: At the beginning of CoffeesTable.updateCoffeeSales
, the auto-commit mode is set to false:
con.setAutoCommit(false);
Consequently, no SQL statements are committed until the method commit
is called. For more information about the auto-commit mode, see
Transactions.
Whereas executeQuery
returns a ResultSet
object containing the results of the query sent to the DBMS, the return value for executeUpdate
is an int
value that indicates how many rows of a table were updated. For instance, the following code shows the return value of executeUpdate
being assigned to the variable n
:
updateSales.setInt(1, 50); updateSales.setString(2, "Espresso"); int n = updateSales.executeUpdate(); // n = 1 because one row had a change in it
The table COFFEES
is updated; the value 50 replaces the value in the column SALES
in the row for Espresso
. That update affects one row in the table, so n
is equal to 1.
When the method executeUpdate
is used to execute a DDL (data definition language) statement, such as in creating a table, it returns the int
value of 0. Consequently, in the following code fragment, which executes the DDL statement used to create the table COFFEES
, n
is assigned a value of 0:
int n = executeUpdate(createTableCoffees); // n = 0
Note that when the return value for executeUpdate
is 0, it can mean one of two things:


Rhodonea Mapper is a social game that allows you to draw and post a lot of beautiful rhodoneas on Google Maps.
On the left-hand-side you can find the timeline which collects all the layers posted
by users in the current map bounding box. If you zoom or pan the map then the content of the timeline is updated accordingly.
Every item in the timeline has a toggle which allows you to show its
layer.
For creating a new layer you simply need to click on the icon at the top of the
timeline
and add as many rhodoneas as you wish.
You can also customize them as you please by changing their parameters in the form shown. A live
preview is available for checking your changes whilst you are making them. Hover the mouse over every parameter to
show more info.
When you are happy with the composition you've drawn please add some description and then
save it (). Feel free to experiment, the database is reset on a weekly basis replacing the current data with new random one.
Have fun!


We have calculated your earnings based on your performance in the previous rounds. You have earned DKK -. Please specify how we should transfer the amount to you.
You have selected MobilePay. Please enter your mobile phone number.
You have selected Swipp. Please enter your mobile phone number.
You have selected PayPal. Please enter your PayPal e-mail address.
Finish


Overview
Package
Class
Use
Tree
Deprecated
Index
Help
PREV LETTER
NEXT LETTER
FRAMES
NO FRAMES
All Classes
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
D
deleteSelectedElement(JComponent)
- Method in class ch.epfl.lis.gnwgui.idesktop.
IDesktop
deleteSelectedElement()
- Method in class ch.epfl.lis.gnwgui.idesktop.
IDesktop
dialogJavaAwtDesktopError(String)
- Method in class ch.epfl.lis.gnwgui.windows.
GnwGuiWindow
disableExtractionOptions()
- Method in class ch.epfl.lis.gnwgui.
SubnetExtraction
display()
- Method in class ch.epfl.lis.gnwgui.
IODialog
Display the dialog.
displayBenchmarkDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when B is pressed.
displayBenchmarkDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the "Benchmark generator" dialog if the selected item is a dynamical model.
displayChildrenOf(IElement)
- Method in class ch.epfl.lis.gnwgui.idesktop.
IDesktop
Display the eventual children of the element given in parameter.
displayConsoleWindow(boolean)
- Method in class ch.epfl.lis.gnwgui.
GnwConsoleHandler
If the 'display' is true, displays the console window
displayExtractionDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when E is pressed.
displayExtractionDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the dialog "Subnet Extractions" if the selected item is a network.
displayLabel()
- Method in class ch.epfl.lis.gnwgui.
NetworkGraph.MyGraphViewerController
Display or hide the labels of the vertices.
displayOpenDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when O (letter) is pressed.
displayOpenDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the "Opening network" dialog.
displayOptionsDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Show the options window when the user presses ENTER on an element from the desktop.
displayOptionsDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Calls the options window of the selected element.
displayRenameDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when F2 or R are pressed.
displayRenameDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the dialog "Rename" if the selected item is a network.
displaySaveDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when S is pressed.
displaySaveDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the "Saving network" dialog.
displaySettingsContent()
- Method in class ch.epfl.lis.gnwgui.
GnwGui
Display the content of the last settings file loaded.
displaySplash()
- Static method in class ch.epfl.lis.gnwgui.
GnwGui
Display the application splash screen
displayVisualizationDialog(JComponent)
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Action to do when V is pressed.
displayVisualizationDialog()
- Method in class ch.epfl.lis.gnwgui.
NetworkManager
Open the "Visualization" dialog if the selected item is a network.
distinguishConnectionByArrowHead(boolean)
- Method in class ch.epfl.lis.gnwgui.jungtransformers.
ArrowShapeTransformer
Set if the transformer should distinguish each signed connection by its arrow head.
distinguishConnectionByArrowHead()
- Method in class ch.epfl.lis.gnwgui.
NetworkGraph.MyGraphViewerController
Called when the user check the box "Distinguish signed interactions by arrow head"
distinguishConnectionByColor(boolean)
- Method in class ch.epfl.lis.gnwgui.jungtransformers.
EdgeArrowColorTransformer
Set if the transformer should distinguish each signed connection by a color.
distinguishConnectionByColor()
- Method in class ch.epfl.lis.gnwgui.
NetworkGraph.MyGraphViewerController
Called when the user check the box "Distinguish signed interactions by color"
distinguishConnectionByEdge(boolean)
- Method in class ch.epfl.lis.gnwgui.jungtransformers.
EdgeTransformer
Set if the transformer should distinguish each signed connection by a color.
done()
- Method in class ch.epfl.lis.gnwgui.
SubnetExtraction.NetworkExtractionThread
This function is called at this end of the function run().
dot
- Static variable in class ch.epfl.lis.gnwgui.filefilters.
FilterNetworkAll
doubleMatrix1D2ArrayListInteger(DoubleMatrix1D)
- Static method in class ch.epfl.lis.gnwgui.
GnwGuiSettings
Convert a DoubleMatric1D vector to an ArrayList
vector.
dualPerturbations(double, int)
- Method in class ch.epfl.lis.gnw.
PerturbationDual
DynamicalModelElement
- Class in
ch.epfl.lis.gnwgui
Extends the generic network element to define dynamical models.
DynamicalModelElement(String)
- Constructor for class ch.epfl.lis.gnwgui.
DynamicalModelElement
Constructor
DynamicalModelElement(String, IDesktop)
- Constructor for class ch.epfl.lis.gnwgui.
DynamicalModelElement
Constructor
DynamicalModelElement(DynamicalModelElement)
- Constructor for class ch.epfl.lis.gnwgui.
DynamicalModelElement
Constructor
WARNING: All the children of item will see their parent changed and be the element given as parameter.
DynamicalModelElement(StructureElement)
- Constructor for class ch.epfl.lis.gnwgui.
DynamicalModelElement
Constructor
WARNING: All the children of item will see their parent changed and be the element given as parameter.
Overview
Package
Class
Use
Tree
Deprecated
Index
Help
PREV LETTER
NEXT LETTER
FRAMES
NO FRAMES
All Classes
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W


| 29 | 20 | 9 | 12 | 11 |
| 21 -x- | | 7 -x- | | 10 -x- |
The orphans
CSS property sets the minimum number of lines in a block container that must be shown at the bottom of a page, region, or column.
Initial value: 2
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 | No | No | 12 | 8 |
The outline
CSS property is a shorthand to set various outline properties in a single declaration: outline-style
, outline-width
, and outline-color
.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
The outline-color
CSS property sets the color of an element's outline.
Initial value: invert
, for browsers supporting it, currentColor
for the other
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
The outline-offset
CSS property sets the amount of space between an outline and the edge or border of an element.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | n/a | No |
The outline-style
CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border
.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
The outline-width
CSS property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border
.
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
The overflow
CSS property sets what to do when an element's content is too big to fit in its block formatting context. It is a shorthand for overflow-x
and overflow-y
.
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 56 | No | No | No | No |
Initial value*: auto
The overflow-clip-box
CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline
and overflow-clip-box-block
properties.
Initial value: padding-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 29 | No | No | No |
Initial value*: auto
The **overflow-wrap**
CSS property sets whether the browser should insert line breaks within words to prevent text from overflowing its content box.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 23 | 49 | 6.1 | 18 | 5.5 (word-wrap) |
| 1 (word-wrap) | 3.5 (word-wrap) | 1 (word-wrap) | 12 (word-wrap) |
The overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3.5 | 3 | 12 | 5 |
The overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 3 | 12 | 5 |
The overscroll-behavior
CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x
and overscroll-behavior-y
.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | No | 18 | No |
The overscroll-behavior-x
CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | No | 18 | No |
The overscroll-behavior-y
CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | No | 18 | No |
The padding
CSS property sets the padding area on all four sides of an element. It is a shorthand for padding-top
, padding-right
, padding-bottom
, and padding-left
.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The padding-block-end
CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top
, padding-right
, padding-bottom
, or padding-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | No | No | No |
The padding-block-start
CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top
, padding-right
, padding-bottom
, or padding-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | No | No | No |
The padding-bottom
CSS property sets the height of the padding area on the bottom of an element.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top
, padding-right
, padding-bottom
, or padding-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 3 (-webkit-padding-end) | No | No |
| 2 (-webkit-padding-end) | 3 (-moz-padding-end) | | |
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top
, padding-right
, padding-bottom
, or padding-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 3 (-webkit-padding-start) | No | No |
| 2 (-webkit-padding-start) | 3 (-moz-padding-start) | | |
The padding-left
CSS property sets the width of the padding area on the left side of an element.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The padding-right
CSS property sets the width of the padding area on the right side of an element.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The padding-top
padding area on the top of an element.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The page-break-after
CSS property adjusts page breaks after the current element.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.2 | 12 | 4 |
The page-break-before
CSS property adjusts page breaks before the current element.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.2 | 12 | 4 |
The page-break-inside
CSS property adjusts page breaks inside the current element.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 19 | 1.3 | 12 | 8 |
The paint-order
CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 60 | Yes | No | No |
The perspective
CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 45 | 16 | Yes | 12 | 10 |
| 12 -x- | 10 -x- | | |
The perspective-origin
CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective
property.
Initial value: 50% 50%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 12 -x- | 16 | Yes | 12 | 10 |
| | 10 -x- | | |
The **place-content**
CSS property is a shorthand for align-content
and justify-content
. It can be used in any layout method which utilizes both of these alignment values.
Initial value: normal
Supported in Flex Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | Yes | Yes | No | No |
Supported in Grid Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 53 | Yes | No | No |
You can only specify a single value if it is valid for both align-content
and justify-content
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | 60 | Yes | No | No |
The CSS place-items
shorthand property sets the align-items
and justify-items
properties, respectively. If the second value is not set, the first value is also used for it.
Supported in Flex Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | n/a | n/a | n/a |
Supported in Grid Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | n/a | n/a | n/a |
The place-self
CSS property is a shorthand property sets both the align-self
and justify-self
properties. The first value is the align-self
property value, the second the justify-self
one. If the second value is not present, the first value is also used for it.
Supported in Flex Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | No | n/a | n/a |
Supported in Grid Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | No | n/a | n/a |
The pointer-events
CSS property sets under what circumstances (if any) a particular graphic element can become the target of mouse events.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 3 | 12 | 11 |
The position
CSS property sets how an element is positioned in a document. The top
, right
, bottom
, and left
properties determine the final location of positioned elements.
Initial value: static
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The quotes
CSS property sets how quotation marks appear.
Initial value: depends on user agent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 11 | 1.5 | 9 | 12 | 8 |
The resize
CSS property sets whether an element is resizable, and if so, in which directions.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | | 3 | No | No |
The right
CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
The rotate
CSS property allows you to specify rotation transforms individually and independantly of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | n/a | No | No | No |
The row-gap
CSS property sets the size of the gap (gutter) between an element's grid rows.
Initial value: normal
Supported in Flex Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| n/a | 63 | No | n/a | No |
Supported in Grid Layout
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 66 | 61 | 10.1 (grid-row-gap) | 16 | No |
| 57 (grid-row-gap) | 52 (grid-row-gap) | | |
The **ruby-align**
CSS property defines the distribution of the different ruby elements over the base.
Initial value: space-around
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 38 | No | No | No |
Initial value*: separate
The **ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over
), under it (under
), or between the characters, on their right side (inter-character
).
Initial value: over
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 38 | No | 12 | No |
The scale
CSS property allows you to specify scale transforms individually and independantly of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | n/a | No | No | No |
The scroll-behavior
CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 61 | 36 | No | No | No |
The scroll-margin
property is a shorthand property which sets all of the scroll-margin
longhands, assigning values much like the margin
property does for the margin-*
longhands.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-block
property is a shorthand property which sets the scroll-margin longhands in the block dimension.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | No | No | No |
The scroll-margin-block-end
property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-block-start
property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-bottom
property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-inline-end
property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-inline-start
property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-left
property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-right
property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-margin-top
property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding property is a shorthand property which sets all of the scroll-padding longhands, assigning values much like the padding property does for the padding-* longhands.
The scroll-padding properties define offsets for the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-block
property is a shorthand property which sets the scroll-padding longhands for the block dimension.
The scroll-padding properties define offsets for the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | No | No | No |
The scroll-padding-block-end
property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-block-start
property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-bottom
property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-inline
property is a shorthand property which sets the scroll-padding longhands for the inline dimension.
The scroll-padding properties define offsets for the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | No | No | No |
The scroll-padding-inline-end
property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-inline-start
property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-left
property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-right
property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-padding-top
property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-snap-align
property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | No | 11 | No | No |
The scroll-snap-coordinate
CSS property defines the x and y coordinate positions within an element that will align with its nearest ancestor scroll container's scroll-snap-destination
for each respective axis.
Initial value: none
The scroll-snap-destination
CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.
Initial value: 0px 0px
The scroll-snap-points-x
CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
Initial value: none
The scroll-snap-points-y
CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
Initial value: none
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 39 | 11 | 12 -x- | 10 -x- |
| | | 9 -x- |
The scroll-snap-type-x
CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
Initial value: none
The scroll-snap-type-y
CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.
Initial value: none
The scrollbar-color
CSS property sets the color of the scrollbar track and thumb.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 64 | No | No | No |
The scrollbar-width
property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 64 | No | No | No |
The shape-image-threshold
CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside
.
Initial value: 0.0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 | n/a | No |
The shape-margin
CSS property sets a margin for a CSS shape created using shape-outside
.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 -x- | n/a | No |
The shape-outside
CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside
provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 | No | No |
The tab-size
CSS property is used to customize the width of a tab (U+0009
) character.
Initial value: 8
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 21 | 4 -x- | 6.1 | No | No |
The table-layout
CSS property sets the algorithm used to lay out <table>
cells, rows, and columns.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 14 | 1 | 1 | 12 | 5 |
The text-align
CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align
but in the horizontal direction.
Initial value: start
, or a nameless value that acts as left
if direction is ltr
, right
if direction is rtl
if start
is not supported by the browser.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
The text-align-last
CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 47 | 49 | No | 12 | Yes |
The text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value: none
The text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 48 | Yes | 15 | 11 (-ms-text-combine-horizontal) |
The text-decoration
CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line
, text-decoration-color
, and text-decoration-style
.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 36 | Yes | n/a | No |
The text-decoration-line
CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | 36 | Yes | n/a | No |
The text-decoration-skip
CSS property sets what parts of an element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.
Initial value: objects
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57-64 | No | 8 -x- | No | No |
The text-decoration-skip-ink
CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 64 | No | No | No | No |
The text-decoration-style
CSS property sets the style of the lines specified by text-decoration-line
. The style applies to all lines that are set with text-decoration-line
.
Initial value: solid
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 36 | Yes | No | No |
The text-emphasis
CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style
and text-emphasis-color
.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 -x- | 46 | 6.1 -x- | n/a | No |
The text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis
shorthand.
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 -x- | 46 | 6.1 -x- | n/a | No |
The text-emphasis-position
CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
Initial value: over right
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 -x- | 46 | 6.1 -x- | n/a | No |
The text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis
shorthand.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 -x- | 46 | 6.1 -x- | n/a | No |
The text-indent
CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
The text-justify
CSS property sets what type of justification should be applied to text when text-align`
: justify;` is set on an element.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| n/a | 55 | No | 14 | 11 |
The text-orientation
CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode
is not horizontal-tb
). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
Initial value: mixed
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 41 | No | n/a | No |
The text-overflow
CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…
'), or display a custom string.
Initial value: clip
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 7 | 1.3 | 12 | 6 |
The text-rendering
CSS property provides information to the rendering engine about what to optimize for when rendering text.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 3 | 5 | n/a | No |
The text-shadow
CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations
. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 3.5 | 1.1 | 12 | 10 |
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 54 | No | No | 12 -x- | No |
The text-transform
CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The text-underline-position
CSS property specifies the position of the underline which is set using the text-decoration
property's underline
value.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 33 | No | No | 12 | 6 |
The top
CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5 |
The touch-action
CSS property sets how a region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 52 | No | 12 | 11 |
| | | | | 10 -x- |
The transform
CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 -x- | 10 |
| | | 3.1 -x- | | 9 -x- |
The transform-box
CSS property defines the layout box to which the transform
and transform-origin
properties relate.
Initial value: border-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 64 | 55 | n/a | No | No |
The transform-origin
CSS property sets the origin for an element's transformations.
Initial value: 50% 50% 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | 16 | 3.1 -x- | 12 | 10 |
| | 3.5 -x- | | | 9 -x- |
The transform-style
CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
Initial value: flat
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 12 -x- | 16 | Yes | 12 | No |
| | 10 -x- | | |
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 6.1 | 12 | 10 |
| 1 -x- | 4 -x- | 3 -x- |
The transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 3 -x- | 12 | 10 |
| 1 -x- | 4 -x- | | |
The transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s
, meaning that no animation will occur.
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 3 -x- | 12 | 10 |
| 1 -x- | 4 -x- | | |
The transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value: all
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | Yes | 12 | 10 |
| | 4 -x- | | |
The transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value: ease
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | Yes | 12 | 10 |
| | 4 -x- | | |
The translate
CSS property allows you to specify translation transforms individually and independantly of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | n/a | No | No | No |
The unicode-bidi
CSS property, together with the direction
property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi
property overrides this algorithm and allows the developer to control the text embedding.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 1.3 | 12 | 5.5 |
The **user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 54 | 49 -x- | 3.1 -x- | 12 -x- | 10 |
| 6 -x- | | |
The vertical-align
CSS property sets vertical alignment of an inline or table-cell box.
Initial value: baseline
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The visibility
CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>
.
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The white-space
CSS property sets how white space inside an element is handled.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
The widows
CSS property sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column.
Initial value: 2
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 | No | No | 12 | 8 |
The width
CSS property sets an element's width. By default it sets the width of the content area, but if box-sizing
is set to border-box
, it sets the width of the border area.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | 1 | 1 | 12 | 4 |
The will-change
CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 36 | 9.1 | No | No |
The word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 15 | Yes | 12 | 5.5 |
The word-spacing
CSS property sets the length of space between words and between tags.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 6 |
The **overflow-wrap**
CSS property sets whether the browser should insert line breaks within words to prevent text from overflowing its content box.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3.5 | 1 | 12 | 5.5 |
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.
Initial value: horizontal-tb
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 8 -x- | 41 | 5.1 -x- | 12 | 9 -x- |
The z-index
CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
The non-standard zoom
CSS property can be used to control the magnification level of an element. transform: scale()
should be used instead of this property, if possible. However, unlike CSS Transforms, zoom
affects the layout size of the element.
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| Yes | No | 4 | 12 | 5.5 |
Generated using TypeDoc
The
box-align
CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.Initial value:
stretch


$\newcommand{\ones}{\mathbf 1}$
Numerical linear algebra
About how long does a 1 Gflop computer take to solve a system of 100 linear equations (with 100 variables)?
one hundred microseconds.
Incorrect.
one millisecond.
Correct!
ten milliseconds.
Incorrect.
one hundred milliseconds.
Incorrect.
one second.
Incorrect.
About how long does a 1 Gflop computer take to solve 10 systems of 100 linear equations, with the same coefficient matrix but 10 different righthand sides?
one hundred microseconds.
Incorrect.
one millisecond.
Correct!
ten milliseconds.
Incorrect.
one hundred milliseconds.
Incorrect.
one second.
Incorrect.
Algorithm flop counts allow for very accurate prediction of running time on a given computer.
True.
Incorrect.
False.
Correct!
Since matrix multiplication is associative, the flop count for multiplying three or more matrices doesn't depend on the order in which you multiply them.
True.
Incorrect.
False.
Correct!
Suppose $A\in \mathbf{R}^{n \times n}$ is lower triangular.
The flop count for computing $Ab$ is the same (order) as the flop count for computing $A^{-1}b$.
True.
Correct!
False.
Incorrect.
Suppose $A\in \mathbf{R}^{m \times n}$, and we need to compute $x$ that minimizes $\|Ax-b\|^2_2 + (\rho/2)\|x\|_2^2$, where $\rho >0$.
For $m \geq n$, the flop count (order) is
$m^3$.
Incorrect.
$m^2n$.
Incorrect.
$mn^2$.
Correct!
$n^3$.
Incorrect.
For $m \leq n$, the flop count (order) is
$m^3$.
Incorrect.
$m^2n$.
Correct!
$mn^2$.
Incorrect.
$n^3$.
Incorrect.
Suppose $m\geq n$, we have already solved the problem for one value of $\rho$, and now we want to compute the solution for $k$ other values of $\rho$ (this gives the so-called regularization path). The flop count (order) for doing this is
$n^2k$.
Correct!
$m^2nk$.
Incorrect.
$mn^2k$.
Incorrect.
$mnk^2$.
Incorrect.


(How To) Reproduce / Modify The Demo
This demo is part of the
SWAPUGC platform. There are no external dependencies or libraries used, except Google Maps for the map rendering.
In order to run it locally, or on your own server, you should perform the following steps:
-
Clone, or check-out the source code, from the
github repository.
-
(Optional) add your own dataset in the
samples folder
-
(Optional) modify the parameters in
parameters.js and
main.js
-
Run a local server (e.g.
Mongoose) on the top level (i.e. inside the "SWAPUGC" folder), or upload the repository contents
to your server.
-
Use your browser to navigate to
-
www.server-domain.com/index.html , for remote server
-
localhost:8080/index.html , if you are running it locally (with an example port of 8080)
You can find more information
about SWAPUGC, or consult the
README.
As long as you see this text, the map is still loading...
NOTE: this demo uses the Google Maps API. If the map is not loading, make sure that the Google Maps service
is online and that it is not blocked by your firewall/proxy


--- title: Building the Image Grid from Google Photos date: 2016-06-26 hero_image: writing/building-the-image-grid-from-google-photos-hero.png hero_style: full_bleed featured_image: writing/building-the-image-grid-from-google-photos.png medium_url<EMAIL_ADDRESS>---
In 2015, I decided to take a picture of everything I ate. Every sandwich, every chip, and every square of chocolate. For 365 days, if I ate it, I took a picture of it. When December rolled around, I had over 1,800 pictures with nowhere to put them. I couldn’t upload that many photos to Facebook or Instagram, and I hadn’t found a photo service that I liked enough to put my food photos on.
It turns out, in the course of making a website for viewing 1,800 photos I ran into a bunch of interesting technical challenges, and walked away from the whole thing with a JavaScript library called pig.js, an image grid that is faster, more responsive, and easier to use than any other solution I could find. Here’s how I built it.


Online Auction System is a new experience and has greatly impacted the lives of consumers in its short time of existence. It is expected to grow constantly in years to come with advancements in technology. Online Auction System has made consumers more effective and efficient in their behavior and has driven businesses to a new level, forcing many to make the necessary adjustments and changes to reach the new market of knowledgeable consumers. Customers can browse any product and their details and can bid on the products. User has to get the order through the delivery policy. Admin can keep track of bids through admin panel.


Safe sex drive: DOH to distribute condoms in schools
John Omar Esguerra, Healthline
Posted at Dec 12 2016 04:21 PM
Manila, PHILIPPINES - The Department of Health is planning to distribute condoms to schools in a bid to strengthen its sexual education drive
DOH spokesperson, Assistant Secretary Eric Tayag said the move comes amid an increase in the number of younger Filipinos infected with human immunodeficiency virus (HIV)in recent years.
He said the campaign is targeted at public school students, specifically those who are already in secondary level. The teaching of sex education is meanwhile targeted at students between the ages of 15 to 24...
Read More
Posted at Dec 12 2016 04:21 PM
Manila, PHILIPPINES - The Department of Health is planning to distribute condoms to schools in a bid to strengthen its sexual education drive
DOH spokesperson, Assistant Secretary Eric Tayag said the move comes amid an increase in the number of younger Filipinos infected with human immunodeficiency virus (HIV)in recent years.
He said the campaign is targeted at public school students, specifically those who are already in secondary level. The teaching of sex education is meanwhile targeted at students between the ages of 15 to 24...
Read More
Miss Universe 2015 Pia Wurtzbach advocates for HIV awareness and testing
John Omar Esguerra, Healthline
Posted at Jan 27 2016 04:21 PM
Quezon City, PHILIPPINES – Miss Universe 2015 Pia Alonzo Wurtzbach called for Filipinos’ increased awareness on HIV as she winds up the Bb. Pilipinas Charity Day during her homecoming. The new Miss Universe continued her HIV advocacy in the Philippines by speaking with advocates and young people living with HIV.
“It is shocking that the Philippines has one of the fastest growing rates of HIV infection in the world. Many of those who get infected are young people. I want to use my voice to help lift up those who are living with HIV and to bring awareness to young people who do not know how to protect themselves against this virus,” Wurtzbach says..
Read More
Posted at Jan 27 2016 04:21 PM
Quezon City, PHILIPPINES – Miss Universe 2015 Pia Alonzo Wurtzbach called for Filipinos’ increased awareness on HIV as she winds up the Bb. Pilipinas Charity Day during her homecoming. The new Miss Universe continued her HIV advocacy in the Philippines by speaking with advocates and young people living with HIV.
“It is shocking that the Philippines has one of the fastest growing rates of HIV infection in the world. Many of those who get infected are young people. I want to use my voice to help lift up those who are living with HIV and to bring awareness to young people who do not know how to protect themselves against this virus,” Wurtzbach says..
Read More
Healthline and the Senate: Battling the modern-day HIV epidemic
John Omar Esguerra, Healthline
Posted at Dec 12 2016 04:21 PM
In commemoration of the World AIDS Day observed every 1st of December, Senator Risa Hontiveros, head of the Committee on Health and Demography, partnered with LoveYourself last November 29 in spearheading an HIV Testing campaign for the employees of the Senate of the Philippines. Together with the help of the Pasay City Social Hygiene Clinic, the testing was conducted from 9:00 AM to 5:00 PM at the Jose P. Laurel Hall...
Read More
Posted at Dec 12 2016 04:21 PM
In commemoration of the World AIDS Day observed every 1st of December, Senator Risa Hontiveros, head of the Committee on Health and Demography, partnered with LoveYourself last November 29 in spearheading an HIV Testing campaign for the employees of the Senate of the Philippines. Together with the help of the Pasay City Social Hygiene Clinic, the testing was conducted from 9:00 AM to 5:00 PM at the Jose P. Laurel Hall...
Read More
AIDSphereiences: Worlds AIDS Day in the Philippines
John Omar Esguerra, Healthline
Posted at Dec 12 2016 04:21 PM
The Philippines participated in commemorating The World AIDS Day 2016 event last Thursday, 1 December. In the Quezon City Memorial Circle, several non-government organizations along with directives from the Department of Health (DOH), Joint United Nations Programme on HIV/AIDS(UNAIDS), and the World Health Organization (WHO) joined together to lead the advocacy of promoting sexual health awareness and ending the stigma that still looms around HIV/ AIDS today...
Read More
Posted at Dec 12 2016 04:21 PM
The Philippines participated in commemorating The World AIDS Day 2016 event last Thursday, 1 December. In the Quezon City Memorial Circle, several non-government organizations along with directives from the Department of Health (DOH), Joint United Nations Programme on HIV/AIDS(UNAIDS), and the World Health Organization (WHO) joined together to lead the advocacy of promoting sexual health awareness and ending the stigma that still looms around HIV/ AIDS today...
Read More
HIVisions: HIV/AIDS, the Roman Catholic Church of the Philippines, and moving Christianity forward
John Omar Esguerra, Healthline
Posted at Dec 12 2016 04:21 PM
The HIV crisis has gone on for four decades, and for four decades the world has struggled against it. Doctors, scientists, educators, policy makers, writers, artists -- people of all walks and all colors have, in their own ways, sought to make sense of this crisis and its relationship with society. From citizens to states, from medicine to prayer, from cures to cries for reform, people’s visions of how to respond to the crisis are as diverse as the people who bear its scars. The goal of this series is to give you a glimpse of these visions: the roles people of different passions and disciplines have played in this crisis that, as of March 2016 as recorded by the Department of Health’s Epidemiology Bureau, is infecting 25 Filipinos daily...
Read More
Posted at Dec 12 2016 04:21 PM
The HIV crisis has gone on for four decades, and for four decades the world has struggled against it. Doctors, scientists, educators, policy makers, writers, artists -- people of all walks and all colors have, in their own ways, sought to make sense of this crisis and its relationship with society. From citizens to states, from medicine to prayer, from cures to cries for reform, people’s visions of how to respond to the crisis are as diverse as the people who bear its scars. The goal of this series is to give you a glimpse of these visions: the roles people of different passions and disciplines have played in this crisis that, as of March 2016 as recorded by the Department of Health’s Epidemiology Bureau, is infecting 25 Filipinos daily...
Read More


The Crone sells you a small flask, in exchange for your last (and very favorite) chicken.
Quaffing the potion, you promtly fall flat on your back. You are compelled to look up, paralyzed. The clouds speed up. Everything blurs and you can see the future of your world...


Preparation time
30 mins to 1 hour
Cooking time
30 mins to 1 hour
Serves
Serves 9
To make these gluten-free cheesecakes Christmassy, Howard made cute gingerbread houses with a delicious cheesecake garden.
For the cheesecake bases, mix the crushed biscuits with the melted butter. Press this firmly into a 20cm/8in square baking tin and pop it into the freezer while you make the filling.
To make the filling, whisk the curd cheese, quark, eggs, green ginger wine and maple syrup together until smooth and light.
Remove the biscuit base from the freezer and sprinkle over the chopped stem ginger. Pour the filling on top and bake for 35-40 minutes until just set. Leave to cool in the tin and then chill until you’re ready to assemble.
Make a blackberry coulis by putting the blackberries, sugar and 5 tablespoons water in a small pan. Bring to the boil, then simmer for 5 minutes. Stir in the vanilla, blend with a stick blender and strain through a sieve. Leave to cool then chill until needed.
To serve, cut the cheesecake into 9 squares. Lift carefully out of the tin onto a serving plate. Press a biscuit house upright against each cheesecake slice firmly. Place a blackberry on top of the cheesecake and dust with icing sugar. Serve with the blackberry coulis.


Effects of glucocorticoids in rheumatoid arthritis.
Abstract
Diminished glucocorticoid receptors do not result in glucocorticoid resistance. OBJECTIVE. Lymphocytes of patients with rheumatoid arthritis (RA) have diminished receptor density; thus, patients with RA should show partial resistance to glucocorticoids. We investigated the glucocorticoid sensitivity of lymphocytes in RA patients compared with healthy subjects. METHODS. We determined the effects of glucocorticoids on lymphocyte proliferation and cytokine release. RESULTS. Proliferation and cytokine release were inhibited in RA patients to the same extent as in healthy controls. CONCLUSION. Diminished receptor density in RA patients does not result in glucocorticoid resistance.


Hours Schedule
{{auth.message}}
Log In
Hours Schedule
{{#days}}
Day {{letter}}
{{/days}}
{{#days}}
{{#assignedTAs}}
{{name}} ({{type}})
{{/assignedTAs}}
{{/days}}