ホームページ制作|札幌
北海道札幌市北区北6条西6丁目2-1朝日プラザ偕楽園506号室
営業時間 7:00-24:00 TEL/FAX 011-768-8116
代表:グレン チャールズ ロウ
ただいま27人がオンライン中:ゲスト17人, 9 検索ボート, メンバー1人

Category Archives: web / tech

Does Illustrator get stuck while scrolling through fonts? Here’s a fix!

Does Illustrator get stuck while scrolling through fonts? Here’s a fix!

Enable Missing Glyph Protection - CS6 -  Illustrator gets stuck when scrolling through fonts

For the longest time if I select some text and start scrolling through fonts to find one that worked well, it would get stuck on certain fonts while scrolling and had to manually skip a couple fonts so I can keep browsing through only the get stuck by another. I decided that I’ve had enough of that and decided to search for a solution.

Surprisingly, I couldn’t find many pages discussing this issue but I eventually found a solution.

Here is the fix:

  1. Go to Edit > Preferences (or Ctrl/Cmd + K)
  1. Select Type
  1. Uncheck Enable Missing Glyph Protection

Ever since unchecking that setting, AI hasn’t gotten stuck once. Hope this helps someone.

Source: http://www.tommywhite.com/news/illustrator-gets-stuck-or-jumps-to-the-bottom-of-the-list-when-scrolling-through-fonts

Efficient CSS

Efficient CSS

You need a space after the id

This doesn’t work:

#map.map{blah;}

This works:

#map .map{blah;}


#map .map{blah;}

is more efficient than

#map a{blah;}

<div id=”map”><a class=”map” blah>Text</a></div>


#map .map:hover{color:#000000;}

is more efficient than

#map .map a:hover{color:#000000;}


Writing efficient CSS

IN THIS ARTICLE
How the style system breaks up rules
ID rules
Class rules
Tag rules
Universal rules
How the style system matches rules
Guidelines for efficient CSS
Avoid universal rules
Don’t qualify ID rules with tag names or classes
Don’t qualify class rules with tag names
Use the most specific category possible
Avoid the descendant selector
Tag category rules should never contain a child selector
Question all usages of the child selector
Rely on inheritance
Use -moz-image-region!
Use scoped stylesheets
Original Document Information

This document provides guidelines for optimizing CSS code, and more specifically on how to write efficient selectors.

The CSS specification doesn’t specify how browsers must implement the style system, merely what it must do. Because of this, different style system engines may have completely different performance behaviors, and especially Gecko and WebKit which are open source, implement similar algorithms, with very similar strengths and weaknesses. Therefore the tips presented here should be useful for real-world Web documents.

The first section is a general discussion of how the usual style system categorizes rules. The following sections contain guidelines for writing rules that take advantage of such a style system implementation.

How the style system breaks up rules

The style system breaks rules up into four primary categories:

ID Rules
Class Rules
Tag Rules
Universal Rules

It is critical to understand these categories, as they are the fundamental building blocks of rule matching.

I use the term key selector in the paragraphs that follow. The key selector is the last part of the selector (the part that matches the element being matched, rather than its ancestors).

For example, in the rule…

a img, div > p, h1 + [title] {…}
…the key selectors are img, p, and title.

ID rules

The first category consists of those rules that have an ID selector as their key selector.

Example
button#backButton {…} /* This is an ID-categorized rule */
#urlBar[type=”autocomplete”] {…} /* This is an ID-categorized rule */
treeitem > treerow > treecell#myCell:active {…} /* This is an ID-categorized rule */
Class rules

If a rule has a class specified as its key selector, then it falls into this category.

Example
button.toolbarButton {…} /* A class-based rule */
.fancyText {…} /* A class-based rule */
menuitem > .menu-left[checked=”true”] {…} /* A class-based rule */
Tag rules

If no class or ID is specified as the key selector, the next candidate is the tag category. If a rule has a tag specified as its key selector, then the rule falls into this category.

Example
td {…} /* A tag-based rule */
treeitem > treerow {…} /* A tag-based rule */
input[type=”checkbox”] {…} /* A tag-based rule */

Universal rules

All other rules fall into this category.

Example
[hidden=”true”] {…} /* A universal rule */
* {…} /* A universal rule */
tree > [collapsed=”true”] {…} /* A universal rule */
How the style system matches rules

The style system matches rules by starting with the key selector, then moving to the left (looking for any ancestors in the rule’s selector). As long as the selector’s subtree continues to check out, the style system continues moving to the left until it either matches the rule, or abandons because of a mismatch.

The most fundamental concept to learn is this rule filtering. The categories exist in order to filter out irrelevant rules (so the style system doesn’t waste time trying to match them).

This is the key to dramatically increasing performance. The fewer rules required to check for a given element, the faster style resolution will be.

For example, if an element has an ID, then only ID rules that match the element’s ID will be checked. Only Class Rules for a class found on the element will be checked. Only Tag Rules that match the tag will be checked. Universal Rules will always be checked.

Guidelines for efficient CSS

Avoid universal rules

Make sure a rule doesn’t end up in the universal category!

Don’t qualify ID rules with tag names or classes

If a rule has an ID selector as its key selector, don’t add the tag name to the rule. Since IDs are unique, adding a tag name would slow down the matching process needlessly.

BAD
button#backButton {…}
BAD
.menu-left#newMenuIcon {…}
GOOD
#backButton {…}
GOOD
#newMenuIcon {…}
Exception: When it’s desirable to change the class of an element dynamically in order to apply different styles in different situations, but the same class is going to be shared with other elements.
Don’t qualify class rules with tag names

The previous concept also applies here. Though classes can be used many times on the same page, they are still more unique than a tag.

One convention you can use is to include the tag name in the class name. However, this may cost some flexibility; if design changes are made to the tag, the class names must be changed as well. (It’s best to choose strictly semantic names, as such flexibility is one of the aims of separate stylesheets.)

BAD
treecell.indented {…}
GOOD
.treecell-indented {…}
BEST
.hierarchy-deep {…}
Use the most specific category possible

The single biggest cause of slowdown is too many rules in the tag category. By adding classes to our elements, we can further subdivide these rules into Class Categories, which eliminates time spent trying to match rules for a given tag.

BAD
treeitem[mailfolder=”true”] > treerow > treecell {…}
GOOD
.treecell-mailfolder {…}
Avoid the descendant selector

The descendant selector is the most expensive selector in CSS. It is dreadfully expensive—especially if the selector is in the Tag or Universal Category.

Frequently, what is really desired is the child selector. For instance, the performances are so bad, that descendant selectors are banned in Firefox’ User Interface CSS, without a specific justification. It’s a good idea to do the same on your Web pages

BAD
treehead treerow treecell {…}
BETTER, BUT STILL BAD (see next guideline)
treehead > treerow > treecell {…}
Tag category rules should never contain a child selector

Avoid using the child selector with tag category rules. This will dramatically lengthen the match time (especially if the rule is likely to be matched) for all occurrences of that element.

BAD
treehead > treerow > treecell {…}
GOOD
.treecell-header {…}
Question all usages of the child selector

Exercise caution when using the child selector. Avoid it if you can.

In particular, the child selector is frequently used with RDF trees and menus like so:

BAD
treeitem[IsImapServer=”true”] > treerow > .tree-folderpane-icon {…}
Remember that REF attributes can be duplicated in a template! Take advantage of this. Duplicate RDF properties on child XUL elements in order to change them based on the attribute.

GOOD
.tree-folderpane-icon[IsImapServer=”true”] {…}
Rely on inheritance

Learn which properties inherit, and allow them to do so!

For example, XUL widgets are explicitly set up such that a parent’s list-style-image or font rules will filter down to anonymous content. It’s not necessary to waste time on rules that talk directly to anonymous content.

BAD
#bookmarkMenuItem > .menu-left { list-style-image: url(blah) }
GOOD
#bookmarkMenuItem { list-style-image: url(blah) }
In the above example, the desire to style anonymous content (without leveraging the inheritance of list-style-image) resulted in a rule that was in the Class Category, when the rule should have ended up in the ID Category—the most specific category of all!

Remember: Elements all have the same classes—especially anonymous content!

The above “bad” rule forces every menu’s icons to be tested for containment within the bookmarks menu item. Since there are many menus, this is extraordinarily expensive. Instead, the “good” rule limits the testing to the bookmarks menu.

Use -moz-image-region!

Putting a bunch of images into a single image file and selecting them with -moz-image-region performs significantly better than putting each image into its own file.

Use scoped stylesheets

If you specify a stylesheet as an XBL resource, the styles only apply to the bound elements and their anonymous content. This reduces the inefficiency of universal rules and child selectors because there are fewer elements to consider.

Original Document Information

Author: David Hyatt
Original Document Date: 2000-04-21
Original Document URL: http://www.mozilla.org/xpfe/goodcss.html

Our magic toolbar.

The Magic Toolbar

First of all, this (Magic Toolbar) is not just an extra controller for your PC it’s a shift in the way we can interact with almost any device that has either a USB or Thunderbolt connector.

Not only does this OLED USB magic toolbar allow you to search for pages easily but it can be adjusted for any page or program through settings or individual apps running. Because of this it’s a great addition to any PC or supported system.

Magic Toolbar (the magic toolbar)

OLED Definition

OLED (Organic Light-Emitting Diode): Much as LEDs produce both light and color, OLEDs are small efficient LEDs made from organic compounds. They are usually used in TVs, computer, and mobile device displays because the black areas don’t need power and as nothing is lit up you can get almost perfect blacks on your screen.

History of OLEDs

André Bernanose and co-workers at the Nancy-Université in France made the first observations of electroluminescence in organic materials in the early 1950s. They applied high alternating voltages in air to materials such as acridine orange, either deposited on or dissolved in cellulose or cellophane thin films. The proposed mechanism was either direct excitation of the dye molecules or excitation of electrons. As a result of this, the OLED was born.

Martin Pope

In 1960, Martin Pope and some of his co-workers at New York University connected ohmic dark-injecting electrode contacts to organic crystals. They further described the necessary energetic requirements (work functions) for the hole and electron injecting electrode contacts. These contacts were the basis of charge injection used in all modern OLED devices. Martin Pope’s group first observed direct current (DC) electroluminescence under a vacuum on a single pure anthracene crystal and on anthracene crystals doped with tetracene in 1963. They used a small silver electrode and 400 volts of power to do this field-accelerated electron excitation of molecular fluorescence.

W. Helfrich and W. G. Schneider

In 1965, W. Helfrich and W. G. Schneider of the National Research Council in Canada produced double injection recombination electroluminescence for the first time in a single anthracene crystal using the hole and electron injecting electrodes, the forerunner of modern double-injection devices. In the same year, Dow Chemical researchers patented a method of preparing electroluminescent cells using high-voltage (500–1500 V) AC-driven (100–3000 Hz) electrically insulated one millimetre thin layers of melted phosphor made of ground anthracene, tetracene, and graphite powder. Their proposed mechanism involved electronic excitation at the contacts between the graphite particles and the anthracene molecules.

Roger Partridge

Roger Partridge made the first observation of electroluminescence from polymer films at the National Physical Laboratory in the United Kingdom. The device consisted of a film of poly (N-vinylcarbazole) up to 2.2 micrometers thick located between two charge injecting electrodes. Roger Partridge patented the project in 1975 and published the findings in 1983.

Due to all of these scientific discoveries we now have OLED screens. The next challenge is to either reduce the burn-in associated with OLEDs or reduce power consumption rates though.

Although this device (Magic Toolbar) has the same function as an LCD touch screen it can do so much more… Contact us for more details.

Image updated: 2016-10-25th

Google Chrome (jpeg.jpg)

Google Chrome fix-for-google-chromeDear Google,

Please give Google Chrome the option to save unnamed image files. By date or something else when we drag images to the desktop would be nice. In Windows 7, we only have the option to replace files on the desktop that are already named jpeg.jpg.

Xeon E7-8890 v2

Xeon E7-8890 v2

The 15 core Xeon E7-8890 v2 (part number: CM8063601213513) looks like it will be a great chip. 15 cores (30 threads) running at 2.8 GHz. With an L2 cache 0f 15 x 256KB and an L3 cache of 37.5MB. It will work on LGA 2011 motherboards.

 

Skype: Download the full version of the installer

Skype includes hidden gamesIf you are having trouble installing Skype, you can download the full version of the installer here:

Click here to download

What is Skype?

Skype is software that enables the world’s conversations. Millions of individuals and businesses use it to make free video and voice one-to-one and group calls, send instant messages and share files with other people on Skype. You can use this software on whatever works best for you – on your mobile, computer or tablet.

Skype is free to download and easy to use.

If you pay a little, you can do more – like call phones and send SMS. You can pay as you go or buy a subscription, whatever works for you. And in the world of business, this means you can bring your entire ecosystem of workers, partners and customers together to get things done.

Try Skype today and start adding your friends, family and colleagues. They won’t be hard to find; hundreds of millions of people are already using it to do all sorts of things together.

Here are some pros and cons of Skype:

Pros:

It is one of the cheapest VoIP services available, and it offers subscriptions with unlimited minutes.
It is easy to install and it works without much configuration.
Users of Skype can enjoy unlimited number of chats and videoconferencing when they contact people who are also on Skype.
Since this is Internet based, you can chat with families abroad any time you want. This can be used 24 hours a day.
It can be used for business presentations because this allows screen sharing.
Calls from one Skype user to another are free, wherever they are in the world.

Cons:

Skype is not free, and it requires the internet for it to work.
It’s light on features, lacking call return, call blocking and most important, 911 calling ability.
It can affect real world interaction.
Skype does not offer language translation.
Skype is still lacking in business tools.
It can act as a server for other people’s calls, passing their voice data through your computer en route to its destination. Some users have reported that their bandwidth and CPU usage has increased dramatically when running Skype (even when not making calls).
Skype is a popular application and is sure to attract hackers’ attention.
The quality of sound with VoIP isn’t as good as on a landline or mobile.
If you are using a webcam the sound quality deteriorates.
There is frequently background noise and the service can be subject to drop-outs.
History automatically retrieved after deleted once even.

Adobe CS6 (Creative Suite) Master Collection Installing in the Wrong Language

adobe-cs6-cc-cs7-master-collection-language-settings-how-to-install-in-englishIf you have downloaded the Adobe CC or CS6 Master Collection trial and it isn’t installing in English, then it might be a Region and Language settings problem.

Here are the steps to fixing the problem, if this is the case:

1. Open the Control Panel.

2. Open Region and Language settings.

3. On the Region and Language window click on the Formats tab. Then change the format to English.

Eg. Format: English (United States)

4. Try installing the Adobe CS6 Master Collection trial again.

It should now install in English ^^

Finding the temp folder in Windows 7

Click the Start Orb and type %temp% in the search box. The search results will show the Temp folder you want. Click on the Temp folder to open it in Windows Explorer.

The Google Chrome team is still trying to find a bug that has been in Chrome for over 6 months now.

Google Chrome has had an annoying little bug for over six months now and the Google team is still trying to find it. Let’s hope they catch it soon.

When it comes to bug fixing the Google team seems on top of everything but this time there seems to be a bug that perplexes the Google team (a bookmark bar bug). Try moving a bookmark in the bookmark bar and in a second or so it’s back to where it came from… This bug doesn’t exist in the bookmark manager so you would think it would be easy to fix but the coding for the bar is different and this little bug is good at hiding.

Maybe Petr Mitrichev the Russian super programmer could help out with this one ^^

Google’s Competitive Programming Champion Petr Mitrichev from Russia

If you have similar problems send in a report through Chrome and let’s hope the Google team finds an answer soon.

Click on the spanner icon at the top right of Google Chrome > Tools > Report an issue…


Image for Bob:

windows-mac-active-directory-screen-586-original

A4JP.COM DESIGN

Copyright © 2019