Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged href

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Details | Adaptive Images - 1 views

adaptive-images.com/details.htm

webdesign adaptive responsive images web design development

shared by Vernon Fowler on 14 Oct 12 - No Cached
  • Here you can find out how Adaptive Images works, how to install it, how to customise it for your needs, and learn about the limitations of the approach.
  • Installation One important thing: do not over-write any existing .htaccess file. If you have one already, back it up. Feeling up to it? Excellent
  • If you already have an .htaccess file, open it in a text editor and add the code from the supplied file into your existing one. To support Retina displays use the alternate JS.
  • ...4 more annotations...
  • configuration section at the top of the PHP file
  • This is a PHP solution.
  • Adaptive Images will not work if you’re using a CDN to deliver your website.
  • there is no way to guarantee that a cookie will be set before images are requested
Anaya Khan

Fail to generate sales lead? Here are top reasons why - 0 views

What is sales lead?  A sales lead is a hired dedicated dot net developers potential customer or prospect that has shown an interest in a company's product or service, and has provided con...

dedicated dot net developers in Liverpool

started by Anaya Khan on 13 Jan 23 no follow-up yet
worldbakingday

Outsourcing to Philippines is Great - 17 views

poker garuda adalah situs slot online yang paling terpercaya! yang lagi nyari situs slot online terpercaya ayo cepetan cek poker garuda!

Philippine outsourcing

started by Syntacticsinc SEO on 13 Jul 11 4 follow-ups, last by worldbakingday on 16 Dec 21
davidmaltson

Taking the Shortest Route to Small Business SEO - 31 views

I have been looking for quality SEO services for promoting my website for a long time. I want to say that now you can meet many companies that do their work in bad faith. But for 2 years now, my bu...

SEO Perth

started by Ace Dee on 28 Sep 11 4 follow-ups, last by davidmaltson on 12 Dec 22
wetechsoftware

How much does a software developer cost in Vietnam? - 0 views

image

started by wetechsoftware on 23 Jan 24 no follow-up yet
pranetorweb

UI/UX Designing Services in Hyderabad - 0 views

image

started by pranetorweb on 04 Jul 16 no follow-up yet
Brian R

Best Web Design Tools For Creating a Complete Website - 0 views

www.webdesignish.com/eating-a-complete-website.html

design tools web resource web design

shared by Brian R on 23 Jun 10 - Cached
  • Web Design Tools are always handy to a web designer and coder, with tons of features, fantastic UI, these tools provide best results if used wisely. Every tool has its pros and cons, you have to choose which suits your needs, investment planning and the OS you are using.
  • Some of these are not cross platform and some are free, yes totally free design tools. But this list is not completed and can never be completed, without your input. With emerging trends of online apps some of the software are not needed to be installed on your computer. I hope you will like the collection for a start and I will be adding more and more web design tools which designer and developers use in day to day life. So stay connected and bookmark this post for future reference.
  • Photoshop : Adobe Photoshop is a very popular commercial graphics editor available for the Mac and Windows operating system. Created for professional photographers and designers, it is the ideal application for manipulating images and creating web graphics. Photoshop has all the necessary tools and options you need such as: Filters – which automatically adds effects to your image or a selected section of your image, extensibility and automation with Brushes, Actions and Scripting, and workflow enhancement features like Layer Comps and the Revert  option. Fireworks : Adobe® Fireworks® CS5 software enables you to create expressive, highly optimized graphics for the web or virtually any device — from smartphones to kiosks to embedded displays. Produce websites, user interfaces, and rich prototypes that are editable in both vector and bitmap modes.
John Lam

Yahoo! User Interface Library - 0 views

developer.yahoo.com/yui

Javascript DHTML Ajax Yahoo BSD license

shared by John Lam on 31 Mar 09 - Cached
  • The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses. The YUI project includes the YUI Library and two build-time tools: YUI Compressor (minification) and YUI Doc (documentation engine for JavaScript code).
  • John Lam on 31 Mar 09
     
    The YUI Library, a set of utilities and controls written in JavaScript for building richly interactive Web applications using techniques such as DOM scripting, DHTML and AJAX, comes under a BSD license, free for all uses. The YUI project includes the YUI Library and two build-time tools: YUI Compressor (minification) and YUI Doc (documentation engine for JavaScript code).
Soul Book

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing M... - 0 views

www.smashingmagazine.com/...nding-concepts-and-terminology

color design webdesign theory colors graphic tutorial tutorials learn inspiration

shared by Soul Book on 16 Feb 10 - Cached
  • ChromaChroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.
  • SaturationSaturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.
  • using a hue with a high saturation against a background with low saturation can make the former really stand out.
  • ...10 more annotations...
  • ValueValue could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.
  • This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.
  • Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.
  • Colors with very high chroma are best used in moderation
  • Cyan has a high chroma and so really stands out against black and white
  • TonesTones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.
  • Tones can be intensified by adding gray around them
  • ShadesA shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.
  • TintsA tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.
  • While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:Hue is color (blue, green, red, etc.).Chroma is the purity of a color (a high chroma has no added black, white or gray).Saturation refers to how strong or weak a color is (high saturation being strong).Value refers to how light or dark a color is (light having a high value).Tones are created by adding gray to a color, making it duller than the original.Shades are created by adding black to a color, making it darker than the original.Tints are created by adding white to a color, making it lighter than the original.
Vernon Fowler

Don't Use The Placeholder Attribute - Smashing Magazine - 4 views

www.smashingmagazine.com/...placeholder-attribute

inclusive input formdesign aria forms inclusivedesign hint accessibility form html

shared by Vernon Fowler on 27 Jun 18 - No Cached
  • To recap, the placeholder attribute: Can’t be automatically translated; Is oftentimes used in place of a label, locking out assistive technology; Can hide important information when content is entered; Can be too light-colored to be legible; Has limited styling options; May look like pre-filled information and be skipped over.
  • Move the placeholder content above the input, but below the label:
  • Development Here’s how to translate our designed example to code:
  • ...4 more annotations...
  • aria-describedby ensures that the p content will be described last, after the label’s content and the kind of input it is associated with.
  • By using aria-describedby to programmatically associate the input with the p element, we are creating a priority of information for screen readers that has parity with what a person browsing without a screen reader would experience.
  • The floating label effect, a close cousin to this phenomenon, oftentimes utilizes the placeholder attribute in place of a label, as well.
  • Content hidden by an on-screen keyboard. 3rd party keyboards with larger heights may have a greater risk of blocking important content.
  • Vernon Fowler on 27 Jun 18
     
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
  • anonymous on 24 Oct 18
     
    Protonmail login
akram23662

woo - 0 views

woocommerce  I am completed many web design ecommerce design and customized and product upload project few year . All seller complete only this . I will complete that as well http://bit.ly/33e...

I am completed many web design ecommerce and customized product upload project few year . All seller complete only this will that as well http:__bit.ly_33ejvcT #webdesign #webdevelopment ##woocommercelandingpage

started by akram23662 on 01 Dec 19 no follow-up yet
wilkinsjones

Duties and Responsibilities of eCommerce Development Company - 0 views

eCommerce allows people to generate and, at the same time, provide online selling of items and services. A responsive and well-designed website catches the attention of the visitors and attracts th...

ecommerce-development-company ecommerce-web-design-company ecommerce-services

started by wilkinsjones on 08 Oct 20 no follow-up yet
Rajmith Company

Web Development Company Gurgaon - Rajmith - 0 views

Web Development Company Gurgaon- Nowadays, everyone enjoys interacting with applications. Whether you're an e-commerce company, a gaming company, or a company in another field, having an app automa...

Web-Development-Services-in-Gurgaon

started by Rajmith Company on 27 Sep 23 no follow-up yet
Rajmith Company

Why You should hire a Good Website Development Company - 0 views

In today's digital era your website is a compelling factor for customer engagement, boosting your sales and your brand image. A website visitor should be able to access and navigate your website wi...

#websitedevelopmentcompanyingurgaon

started by Rajmith Company on 27 Sep 23 no follow-up yet
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 1 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css

shared by Vernon Fowler on 13 Jan 14 - No Cached
olivia frost liked it
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  • Vernon Fowler on 13 Jan 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
ai_ar_services

Benefits of Voicebots - 0 views

Benefits of Voicebots Every once in a while, we are all in dire need of tech support for broken things and faulty equipment, and when this happens, we go to our trusty customer service representati...

Best AI Companies in Pune Artificial intelligence(AI) Augmented Reality(AR)and Virtual Reality(VR)

started by ai_ar_services on 08 Feb 22 no follow-up yet
« First ‹ Previous 41 - 60 of 677 Next › Last »
Showing 20▼ items per page