Slicing a complex gradient background for web?

Hi,
I have designed a website in photoshop, but the background has a radial gradient on it in the middle which also has a pattern on it.
The background also has some text on it in a non standard font for the browser.
So, how can I slice this or manually use the background in a web page? I usually take a 1px wide slice and repeat this on the browsers background.
However, this cannot be done as the gradient would be lost.
If I take it as a whole image then this would be a large file for the browser to download and it wouldn't display correctly on different screen resolutions.
Any advice would be great!
Thanks,
Nick

Slicing wouldn't help. The total amount of bytes would be the same or higher.
Since a radial gradient with text has no repeating pattern it has to be used as it is.
If the content of your site is absolut fantastic, the visitors will stand the time for loading.
Thereafter the image will be in the visitor's cache and load faster.
:-) miss_marple

Similar Messages

JFreeChart Help: Creating a Gradient Background for a CategoryPlot

I need a Gradient Background for my CategoryPlot Object and am having problems figuring out the best approach.
Does anyone have any suggestions on the best way to approach this problem?
Any help would be appreciated.

        BarRenderer barrenderer = (BarRenderer)categoryplot.getRenderer();
        barrenderer.setDrawBarOutline(false);
        GradientPaint gradientpaint = new GradientPaint(0.0F, 0.0F, Color.blue, 0.0F, 0.0F, new Color(0, 0, 64));
        GradientPaint gradientpaint1 = new GradientPaint(0.0F, 0.0F, Color.green, 0.0F, 0.0F, new Color(0, 64, 0));
        barrenderer.setSeriesPaint(0, gradientpaint);
        barrenderer.setSeriesPaint(1, gradientpaint1);

Saving image with transparent background for web/Dreamweaver

How do I save a little image, so that the background stays transparent. I already have the image set up in Photoshop with a transparent background and have saved it as gif and png. When I import it into Dreamweaver the background stays white instead of transparent. What am I not doing right, since I read several posts saying that png and gif are the right formats to save in, if you want a transparent background?
Thanks for any help with this,
Anne

Well now that you have told me to save with some sort of an alpha channel, it works perfectly.
In CS5:
Select layer,"Composition,Make movie". Then navigate to "Output module" and choose an option that has "alpha channel" in the title.Choose a name for your project "Output to". I now use "lossless alpha".I don't know if that is the best one, but it seems to be working fine.
There is no "Quicktime" option in CS5 as in older versions of AE.
I was trying to save as a video in general or for photoshop and that just wasn't working out well.
I don't know what the "Frames to Layers import assistant" is that you mentioned though. I still tend to drag and drop, rather then import.
Thanks for your help.

AE CS5 render/export text to PS with transparent background for web?

I am sure that this question has been asked and answered one hundread times already, but i can't seem to find the answer.I have tried googling and searching these forums, perhaps i just have the wrong search peramiters.
I am trying to create and animate text via AE CS5 for a web site.I then want to use that in Photoshop CS5. I can't seem to find this option. I know that in the past you were supposed to render the text as a movie of sorts, but now i am just lost and confused on what to do.
If the answer is just too long to post here, could someone please post a link to a tutorial/answer?
I assume the answer will be a little different from CS4 to Cs5.
Thanks.

Well now that you have told me to save with some sort of an alpha channel, it works perfectly.
In CS5:
Select layer,"Composition,Make movie". Then navigate to "Output module" and choose an option that has "alpha channel" in the title.Choose a name for your project "Output to". I now use "lossless alpha".I don't know if that is the best one, but it seems to be working fine.
There is no "Quicktime" option in CS5 as in older versions of AE.
I was trying to save as a video in general or for photoshop and that just wasn't working out well.
I don't know what the "Frames to Layers import assistant" is that you mentioned though. I still tend to drag and drop, rather then import.
Thanks for your help.

Saving for web and devices scaling problem

Hello,
Whenever I try and save a 'larger' PSD by slicing it, and saving it for web and devices It always seems to 're-size' it and limit me to a certain percentage such as 70%.
For the projects I'm working on - I NEED the width to remain at 750 pixels - rather then 70% or even 40% of that - and it won't allow me to change it back to 100%.
I understand the JPG image will be large - but is there anyway I can turn this setting off? It only seems to be happening since I got Photoshop for creative cloud...
Thanks!
Andy

Because you are slicing, the remaining portion could be a spacer image(s). If you don't need slicing which is used for creating multiple images cut out of the original to allow for clicking to a URL. Then I would advise finding another route.
Even though you can get a warning the image is too big, there is a possiblity that save for web will still work just fine for that image.
If not then you can do the work your self, by duplicating the image then either reduce the size of the image with image>Image Size... or crop the image using the crop tool. (the reason for the duplicate file is a precaution to make sure you don't accidently save the reduced file to the original and therefore throwing out data.)
That said, you could also use the image processor which can save in psd, jpg, and tiff. It can also be used to reduce the image size. The beauty of image processor is that it can work on single files or a folder of images. The new images will be placed in a new folder with the name of the format and will be located in the same folder as those it is processing.
Another option is to use camera raw. Since camera raw can load tiff and jpg images (Photoshop CC can also load png files) you can use camera raw to crop images the crop is stored in the metadata therefore the crop is non-destructive. Allowing you to uncrop at any time you choose. If you have photoshop CC you can also use camera raw as a filter which means any layer or all layers in your photoshop file can be edited in camera raw allowing non-destructive crops.
As you can see with photoshop there are multiple ways to accomplish the same thing, some easier, some quicker some more accurate and they will fall into either a destructructive or non-destructive process.
So hopefully all this information does not confuse you any as it is meant to help provide alternative approaches to your issue.

CS4 - Save for web

When ever i do a design in illustrator Cs3
I tend to make proofs for approval using save for web
to give me a jpeg thats within 1000px x 1000px
sometimes my artwork is very large 120" x 96" and complex
and save for web cannot process a small jpeg out of is.. screaming not enough memory
even tho I have more then enough ram.
anyone know if Ai CS4 has a better save for web feature..

why don't you just export a 72dpi JPG with the "export" feature instead of the "save for web" feature? I imagine the "save for web" feature that was born out of Image Ready is a hog on memory and probably just has issues processing images that would never really be used for web. You can export a JPG @ 72dpi though straight from the "export" menu.
Hope that helps.

Gradient mesh transparency problem when saving for web

Hi,
I created a shadow using a gradient mesh but I can't seem to figure out how to set the mesh points to multiply. As a result, when I do save for web, the white parts get saved as opaqe areas and the shadow png can't be placed on a colored background. Help.

...and aside from what Monika said, consider the limitations of transparency handling in web image formats as well as what impact the differences in handling of transparancies between browsers may have on the web site design.
Mylenium

What size should my background layer image be for web?

I'm doing a logo design for someone I know and he wants it placed ontop of a steel texture background. I've sourced out a good quality image but despite my diligence in trying to understand how image size and resolution works, I can't seem to grasp what I need to do with it. I've watched countless videos, but it must be a problem with the ol' brain in the head I have.
This is most likely (at least for now) just for web. My main focus is just getting this right so that it looks crisp and sharp on screen.
The image I have is 1024 x 1384 pixels 72dpi. So 14.2 inches wide by 19.2 inches high.
Do I need to change this at all? I will be cropping the image, but I'm worried that I will make it too small and therefore it will need to be enlarged and I might encounter some blurring.
Should I enlarge it? I heard this isn't the most ideal thing.
72dpi is as high as the resolution needs to be for screen images, but is there any advantage in bumping that up? Why couldn't I just make it 300dpi for the heck of it?
Do I need to pay attention to inches, or is that just good guide for when you are printing something?
I'm honestly just trying to get my head around it all so that in the future I don't have to spend so much time figuring out what I need to do. Everything I read and any help is greatly appreciated.

Bayne86 wrote:
Ok be prepared for a dumb question...
If you're telling me to forget dpi/ppi when working with screens, how come you then say to think in terms of pixels for screens and to double the resolution for retina screens? I'm obviously a bit confused about the terminology here..
With screen based design work, design with pixels in mind. So if you design for a website that is 1140px in width, then that is your base target width. With retina screens the screen resolution is effectively doubled up, but the relative size of elements show on such a screen is ideally the same as if you would be working on a screen with half the resolution.
Example iPad:
old iPad: 1024x768px.
new iPad retina: twice that: 2048*1536.
Your logo would be rendered at the same size on both screens. Let's say at 800X400 on the older screen. Because the retina screen behaves like a 1024x768 screen in rendering all elements, but effectively doubles the available resolution, you would have to provide an ipad developer with a 1600x800 version, which can be used for both screens, and makes sure that it looks razor sharp on the retina screen.
No ppi. No dpi. Think in pixels only. With 4k screens around the corner this will become even more harrowing. That is why we are currently seeing the return of true vector graphics for screen and interface development. To complicate matters, since this is a relatively new development a lot of information on the web is completely outdated. I would not trust most info that is much older than two years, and double check even that. Check out Apple's icon and graphic creation guide for more ideas:
http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/I consImages/IconsImages.html
Now, things become even more confusing once you decide the graphics have to be prepared for a fluid and/or responsive designed web page or application. That background graphic you chose will not work well at all on a web page background, because it does not seamlessly repeat. That means it will be automatically scaled up and down to cover the entire browser window frame. Using an ultra-high resoluton background image just will not do: it eats up video memory for breakfast, is slow on certain devices, and may take ages to download. For these reasons, and many more, you need to be efficient and clever.
So I would choose a seamless repeating metal background with enough detail that does not stand out too much (otherwise it would be noticed too much as to repeat). Another trick is to provide a lower resolution alpha transparent png mask to add a soft lighting effect to the metal background, and perhaps the logo. That png mask could then be scaled up because you would not notice the low resolution at all - better, the mask would become fuzzier, which does not matter for a soft lighting mask! Even a 512x512 mask or lower would work very well.
That logo of yours (second image) will NOT render as a vector at all. It must be saved as a bitmap.
The logo in the last image could work as an SVG, and become completely scalable on a web page or in an application (depending on the support for SVGs)
Bottom line is that, for web page development and for app development, seperate layered versions will be required for the highest quality and most flexible result. A merged version will probably be quite useless. At least, it would be for me as a website/app developer and UX designer. Ideally I would like access to the Photoshop file, but I will settle for high resolution png files for each element. And if vector files can be send to me as SVG files: YES PLEASE!
So the question remains: what are the client's output requirements? Is this for a website? What are the target platforms? And so on. Also remember that most people probably would not notice the difference between a "normal" 1024x768 image and a retina version for a background like yours, because the focus would be on the logo. So another approach is to provide a lower resolution (smaller file sized!) background image, and a higher resolution logo image that takes advantage of retina resolutions. Our brains cannot differentiate a lot of detail in darks. Take advantage of this.
Hope this helps a bit!

How can I keep logo background transparent when flattening for web?

Hi, I have a logo designed in Illustrator which I'm bringing into Photoshop to save it for the web. It comes into Photoshop with a transparent background, but when I save it for the web or flatten it, it gets a white background. Can you tell me how to keep the background transparent?

File > save for web (& devices). That will give you the best and smallest web-ready graphics. With save as you're embedding all kinds of info that doesn't need to be in the image. File size can bloat ten-fold quickly. Use save for web.

Save for web & devices - Background question

Hi,
The save for web & devices option is very useful, but there's one thing that causes me a problem & I don't know whether there's an easy solution to it.
Many of the transparent images I create are intended to sit across two or more background colours. As far as I can tell the matte background can only be a solid colour, so the image looks great on one area of the page, but has an unwanted border when over a different area.
Is there anyway to use a bitmap for the background matte, so that the edges of the image are adjusted correctly for its intended location on the page?
I'm just trying to avoid what I do at the moment which is split the image, save the parts with the correct matte colour, then recombine the pieces.
I suspect that the answer will either be 'No', or 'Yes, if you're using CS3+x', but I thought I'd ask anyway.
Using CS3 by the way.
Many thanks,
Paul

And the good news is that Photoshop handled transparent and partially transparent PNGs from way back.
This demonstration of a partially transparent PNG might interest you:
http://Noel.ProDigitalSoftware.com/temp/TransparencyTest/TransparencyTest.html
-Noel

How to export a transparent image background for the web

Hi Everyone
I have made a mock up webpage in adobe fireworks 5. I am now in the process of using the slice tool to cut up the seperate parts and export them to dreamwever.
My question is this: how do i slice the images in such a way that the background is transparent .
Also, when exporting the image that i have just made trasparent, what do i need to do to expot it as a transparent background.
warm regards
Andreea

When you're ready to transfer your Fireworks layout to DW select FILE > Image Preview. In Options select Format PNG8 and beneath the color grid change the No Transparency dropdown to Alpha Transparency.
Click the Export button, name your file, choose the destination location, and in the dropdowns select Export > HTML and Images, HTML > Export HTML File, Slices > Export Slices, Pages > All Pages. (Also some choices may be handy for you in the Options button including Background Image for the exported file.)
PNG can be used, just as JPG, TIFF, PICT, BMP and GIF, all of which are in your Options > Format dropdown list.
Generally JPG is better for files that have gradients, GIF for simple images and text, but they don't do transparency so the larger PNG file is necessary for that.

Saving Sliced files in Illustrator CS6 like it was in CS5 "Save for web and devices" gone?

Hello,
I used to save all my slices in CS5 and it would give me the option to save for web and devices, then when I was in there it would let me choose the option at the bottom Other... then I could go in and save it as a html and images and then it would automatically make div's for me when I brought it in to dreamweaver. Where did this option go in CS6? Can someone help I am on a big deadline, and I lost all my work transfering it back into cs5 to try it there like I used to. Attached is a .png to show what I mean.
Thank you,
DariusB
These options are not here in CS6 and I cant find it. I would really appreciate the help.
Thanks again.

Hi,
There have been some other changes too - here is the link to the article that describes the changes: http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/.
Cheers,
David

Slicing image issue when using "save for web"

Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

Completely wrong workflow. See the online help on the slice tool.
Mylenium

Vocabulary for web design and beyond

Anyone tackling web design will encounter dozens of unfamiliar terms. I have compiled together this glossary to help them. I may update and expand in the future. Until then, feel free to use or pass along.
Some of these terms don’t relate strictly to web design, but also to computer graphics and computer programming generally, as I’ve found that such terms are also important to reading and understanding any tutorials or other materials on web design.
Asynchronous (1) General use. Not synchronous; not occurring or existing at the same time or having the same period or phase. (2) Digital communication. Pertaining to a transmission technique that does not require a common clock between the communicating devices; timing signals are instead derived from special characters in the data stream.
Bitmap image Image that uses geometrical primitives such as points, lines, curves, and shapes, which are all based on mathematical equations. In a bitmap image, each pixel on a display screen is assigned at least one bit to indicate whether the pixel should reflect the background color, the foreground color, or some other color. each pixel in the bitmap might have 16, 24, or 48 bits of information associated with it. The more bits, the greater the resolution of the bitmap – and the larger the file. Compare Vector image.
C (programming language) General-purpose computer programming language developed in 1972 by Dennis Ritchie at the Bell Telephone Laboratories for use with the Unix operating system. It was designed for implementing system software and is also widely used for developing portable application software. C has greatly influenced many other popular programming languages, most notably C++, which began as an extension to C.
C++ Statically typed, free-form, multi-paradigm, compiled, general-purpose programming language. It was developed by Bjarne Stroustrup starting in 1979 at Bell Labs as an enhancement to the C language and originally named C with Classes. It was renamed C++ in 1983.
Cache Component that transparently stores data so that future requests for that data can be served faster. The data that is stored within a cache might be values that have been computed earlier or duplicates of original values that are stored elsewhere. If requested data is contained in the cache (cache hit), this request can be served by simply reading the cache, which is comparatively faster. Otherwise (cache miss), the data has to be recomputed or fetched from its original storage location, which is comparatively slower.
Cascading Style Sheet (CSS) Style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
ColdFusion Programming language based on standard HTML that is used to write dynamic webpages. It allows for the creation of pages that differ depending on user input, database lookups, time of day, or other criteria. ColdFusion pages consist of standard HTML tags together with CFML (ColdFusion Markup Language) tags such as <CFQUERY>, <CFIF> and <CFLOOP>. ColdFusion was introduced by Allaire in 1996, acquired by Macromedia in a merger in April 2001, and acquired by Adobe in December 2005.
Compound selector Can be used to combine two or more style rules to create a style definition that displays only when one style is contained within another. Compound styles are useful when you want to do something like use the Heading 1 tag multiple times to format headlines in different ways on the same web page. For example, you could create one style for headlines that appear in the main story area of a page and then create another style for headlines that appear in the sidebar on the page and still use the Heading 1 tag to format both. Compound styles are created by combining ID, class, or tag styles and look like this: #sidebar h1.
Contextual selector A type of Style Sheet Selector that
CRE Loaded Open source online store management and shopping cart system for e-commerce from Chain Reaction eCommerce. It is based on osCommerce, runs on any LAMP (Linux, Apache, MySQL, PHP) web server, and is supported by an active international community of users and developers. For a monthly subscription ($10/mo. as of 2011), CRE Loaded allows small and medium-sized merchants to accept credit card payments in a web site that mirrors their own online stores.
CSS See Cascading Style Sheet.
Dynamic HTML (DHTML) Umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model. DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process.
ECMA International International membership-based non-profit standards organization for information and communication systems.
ECMAScript Scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known dialects such as JavaScript, JScript, and ActionScript.
Extensible HyperText Markup Language (XHTML) Family of XML markup languages that mirror or extend versions of the widely used HTML, the language in which web pages are written. While HTML (prior to HTML5) was defined as an application of Standard Generalized Markup Language (SGML), a very flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. Because XHTML documents need to be well-formed, they can be parsed using standard XML parsers—unlike HTML, which requires a lenient HTML-specific parser.
Extensible Markup Language Set of rules for encoding documents in machine-readable form. It is defined in the XML 1.0 Specification produced by the W3C, and several other related specifications, all gratis open standards. Its design goals emphasize simplicity, generality, and usability over the Internet. It is a textual data format with strong support via Unicode for the languages of the world. Known by its acronym XML.
HTML See HyperText Markup Language.
Hypermedia Graphics, audio, video, plain text and hyperlinks that intertwine to create a generally non-linear medium of information. This contrasts with the broader term multimedia, which may be used to describe non-interactive linear presentations as well as hypermedia. The World Wide Web is a classic example of hypermedia, whereas a non-interactive cinema presentation is an example of standard multimedia due to the absence of hyperlinks.
Hypertext Text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or keypress sequence.
Hypertext Markup Language (HTML) Predominant markup language and basic building-block of webpages. It is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). Known by its acronym HTML.
Hypertext preprocessor (PHP) Widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages. It brings life to websites by communicating with external data sources, such as databases, news feeds, and XML documents. PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. PHP 3 was launched in 1998; PHP 4 was released in 2000; and PHP 5 was released in 2005.
Java Programming language released in 1995 as a core component of Sun Microsystems' Java platform. The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. Java is a general-purpose, concurrent, class-based, object-oriented language that is specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere". Java is currently one of the most popular programming languages in use, and is widely used from application software to web applications.[
JavaScript Implementation of the ECMAScript language standard and is typically used to enable programmatic access to computational objects within a host environment. It can be characterized as a prototype-based object-oriented scripting language that is dynamic, weakly typed and has first-class functions.
JPEG Commonly used method of Lossy compression for digital photography that was named after the Joint Photographic Experts Group, which created the standard. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality. JPEG typically achieves 10:1 compression with little perceptible loss in image quality.
Linux Family of Unix-like computer operating systems using the Linux kernel (central OS component). Linux can be installed on a wide variety of computer hardware, ranging from mobile phones, tablet computers and video game consoles, to mainframes and supercomputers. The development of Linux is one of the most prominent examples of free and open source software collaboration; typically all the underlying source code can be used, freely modified, and redistributed, both commercially and non-commercially, by anyone under licenses such as the GNU General Public License.
Lossy compression Data encoding method which discards (loses) some of the data, in order to achieve its goal, with the result that decompressing the data yields content that is different from the original, though similar enough to be useful in some way. Lossy compression is most commonly used to compress multimedia data (audio, video, still images), especially in applications such as streaming media and internet telephony. By contrast, lossless compression is required for text and data files, such as bank records, text articles, etc.
MySQL Relational database management system that runs as a server providing multi-user access to a number of databases. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. Acronym for “My Structured Query Language.”
Open source Describes practices in production and development that promote access to the end product's source materials. Before the term open source became widely adopted, developers and producers used a variety of phrases to describe the concept; open source gained hold with the rise of the Internet, and the attendant need for massive retooling of the computing source code.
osCommerce Open source Commerce. It allows store owners to setup, run, and maintain their online stores with minimum effort and with no costs involved. Combines open source solutions to provide a free and open development platform, which includes the PHP web scripting language, the Apache web server, and the MySQL database server. With no restrictions or special requirements, osCommerce can be installed on any PHP3 or PHP4 enabled web server, on any environment that PHP and MySQL supports, which includes Linux, Solaris, BSD, and Microsoft Windows environments.
PHP See Hypertext preprocessor.
Rasterization The process of converting a Vector image into a Bitmap image.
Rasterize See Rasterization.
Shopping cart software Software used in e-commerce to assist people making purchases online. The software allows online shopping customers to accumulate a list of items for purchase. Upon checkout, the software typically calculates a total for the order, including shipping and handling (i.e. postage and packing) charges and the associated taxes.
Style sheet selector One of the two parts of a CSS rule (the other being the properties, or declaration block) that declares which of the markup elements a style applies to. Selectors may apply to all elements of a specific type, or only those elements that match a certain attribute (e.g., how they are placed relative to each other in the markup code, or on how they are nested within the document object model). There are many types of style sheet selectors: element selectors, which select by element name; class selectors, which select by class name; contextual selectors, which select by context based on parent elements (what the element is nested within or what precedes it in the document), etc..
Supercomputer Computer that is at the frontline of current processing capacity, particularly speed of calculation. Supercomputers are typically one-of-a-kind custom designs produced by companies such as Cray, IBM and Hewlett-Packard, who had purchased many of the 1980s companies to gain their experience. Since October 2010, the Tianhe-1A supercomputer, located in China, has been the fastest in the world.
Tag Non-hierarchical keyword or term assigned to a piece of information (such as an Internet bookmark, digital image, or computer file). This kind of metadata helps describe an item and allows it to be found again by browsing or searching. Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. HTML tags include paragraph, heading 1, heading 2, etc.
Unix Computer operating system originally developed in 1969 by a group of AT&T employees at Bell Labs. The Unix operating system was first developed in assembly, which is machine-dependent and a low-level programming language. Ken Thompson created the B language in 1969 and Unix was written in the B language, a high-level programming language. The first Unix system written in C was released in November 1973.
Vector image Image made up of numerous individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality. Objects may consist of lines, curves, and shapes with editable attributes such as color, fill, and outline. Changing the attributes of a vector object does not effect the object itself. Compare Bitmap image.
Vector processor Central processing unit (CPU) that implements an instruction set containing instructions that operate on one-dimensional arrays of data called vectors. This is in contrast to a scalar processor, whose instructions operate on single data items. Also known as array processor.
Web analytics Measurement, collection, analysis and reporting of internet data, including the number of visitors and page views, for understanding and optimizing web usage. It can be used as a tool for measuring website traffic and for business and market research. Web analytics applications can also help companies measure the results of traditional print advertising campaigns. It helps one to estimate how the traffic to the website changed after the launch of a new advertising campaign.
Web design Design of the way that content is delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software.
Web development Refers to the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include Web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.
World Wide Web Consortium Main international standards organization for the World Wide Web. It is made up of member organizations which maintain full-time staff for the purpose of working together in the development of standards for the World Wide Web. Known by its acronym W3C.
XHTML See Extensible HyperText Markup Language.
XML See Extensible Markup Language.
Zend Engine Open source scripting engine (a Virtual Machine) commonly known for the important role it plays in the web automation language PHP.

Thanks for posting this!
I would only mention that your definition is incomplete for this -
Contextual selector A type of Style Sheet Selector that
and that it's most often referred to now as a Descendent selector, not a contextual selector. It's basically the same as the Compound selector that you have already defined....

Swirly lines in Save for Web

Hi,
This is probably a basic thing, but when I use gradients in an image and then save for web and devices, I get swirly, kind of translucent lines if I save as jpeg or png. If I save as gif, I get banding. Is there a way to get rid of them? I should be able to use gradients for a web image, right?
Thanks!

Hi shunithD,
Do you mean copying and pasting each layer into photoshop, then rasterizing each element or layer? I could try that.
I'm wondering if my monitor is the reason the image looks bad to me. I have af large lcd flat screen. I'll check on my daughter's computer. If it doesn't really show for other people, I'm ok with it as it is. I just realized that the main parts that look swirly or blurry to me are the letters on the logo, and the checkered background. Those don't have gradients, so maybe that isn't the cause.
Thanks!

Slicing a complex gradient background for web?

Similar Messages

Maybe you are looking for