Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
anderseninc

Web Development Company in Gurgaon, Delhi NCR - 3 views

Andersen Lab is a web development company that specializes in creating custom websites and web applications. We have a team of experienced developers who are skilled in a variety of programming lan...

Web-Development-Services-in-Gurgaon

started by Rajmith Company on 23 Feb 22 1 follow-up, last by anderseninc on 26 Sep 22
blogging4you

Cheap web hosting - 3 views

low cost web hosting domain name registration website company cpanel shared vps wordpress dedicated server email best web hosting domain name registration company service provider top shared cloud...

design web development website CSS webdesign programming company webdev Ai

started by blogging4you on 14 Jun 24 1 follow-up, last by blogging4you on 14 Jun 24
blogging4you liked it
Vernon Fowler

@font-face gotchas « Paul Irish - 1 views

paulirish.com/...font-face-gotchas

@font-face css3 typography font-face fonts css webdesign web design

shared by Vernon Fowler on 10 Oct 12 - No Cached
  • There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well.
  • And.. regarding @font-face syntax I now recommend the bulletproof smiley variation over the original bulletproof syntax.
  • @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('?'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); }
  • ...5 more annotations...
  • in Webkit (Chrome/Safari), applying font-weight:bold to faux-bold some @font-face'd text will not succeed. Same applies for font-style:italic.
  • text-transform doesn't play well with @font-face in current implementations.
  • @font-face doesnt play nice with css transitions.
  • If a @font-face declaration is within a media query @media screen { ..., it will fail in Firefox.
  • SVG Fonts - Currently SVG is the only way to get webfonts working on iPhone and iPad.
  • Vernon Fowler on 10 Oct 12
     
    "There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well. "
angelinajasper

Hire Dedicated Development Teams from India at affordable prices - 1 views

ValueCoders is India based software development firm offering software developers / engineers / programmers for hire on hourly, part time or monthly basis. We employ 450+ full time software develop...

hire developers

started by angelinajasper on 15 Apr 21 no follow-up yet
maxadir

In addiction to seo tools, social media advertise is necessary thing. It can be videly ... - 1 views

خرید اکسپلور واقعی خرید بازدید برای اینستاگرام خرید اکانت اینستاگرام ارزان بهترین هشتگ ها برای رفتن به اکسپلور خرید فالوور واقعی اینستاگرام بدون ریزش خرید لایک فیک اینستاگرام افزایش فالوور واقعی در...

started by maxadir on 03 May 22 no follow-up yet
Aaron Rylaarsdam

Identifying Your Audience - AT&T Small Business InSite - 0 views

smallbiz.att.com/...Work-Anywhere-Detail.page

psychographics demographics target audience

shared by Aaron Rylaarsdam on 11 Jan 12 - No Cached
  • <iframe leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrolling="No" frameborder="0" height="1" width="1" src="http://view.atdmt.com/iaction/aveamm_SOArticlesDetailsTemplate_10"></iframe> Rate this content login to rate Identifying Your Audience Before designing the first Web page, it's vital to know who you are trying to reach. This single detail will chart the entire development course, from the site's content to its functionality. Defining and understanding your prospective audience increases the likelihood of user attraction and retention.
  • Before designing the first Web page, it's vital to know who you are trying to reach. This single detail will chart the entire development course, from the site's content to its functionality. Defining and understanding your prospective audience increases the likelihood of user attraction and retention.
  • Primary market research consists of personal interviews, questionnaires, focus groups and surveys. When putting together your own Target Audience Profile, use these guidelines:
  • ...6 more annotations...
  • Demographics. Regardless of the assessment tool you use, questions first should address basic demographic information. Prior to conducting a survey or focus group, spend some time online. The U.S. Department of Commerce publishes the Country and City Data Book which captures hard statistics for all U.S. states, counties, and cities with a population of 25,000 or more. Then, compile a questionnaire to address market segmentation along specific criteria:
  • Age: Users' wants and needs tend to change based on their generation. Knowing the average age range of potential users can help you design and market the site to meet that group's expectations. Gender: Male and female users often differ when it comes to what they value in a Web site. Studies show the factors that motivate women to visit or purchase from a particular site don't necessarily inspire men to do the same. Knowing gender predilections at the outset can impact the entire Web design process. Education: Data regarding potential users' educational background will help the Web developer determine design and content. In general, a site's format should target the average likely visitor, rather than aim at high or low ends of the academic experience curve. Geographic location: Where the target audience calls home drives the Web page content. For instance, urbanites living in a densely populated northeastern U.S. city likely will have different needs and preferences than their rural counterparts.
  • Marital status: Married Internet users typically access different retail/service sites than do single people. A TAP will help ascertain which group comprises your largest consumer demographic, with your Web site following this direction. Occupation: Although exceptions invariably exist, Web sites servicing "blue-collar" consumers will differ in style and content from those catering to professionals and "white-collar" workers. By the same token, retirees usually will have different preferences than consumers still in the throes of career building. Income level: A company targeting consumers who are apt to purchase luxury goods and services will require a Web site that differs considerably from a discount retailer's Internet page. Nationality: Businesses trading in goods and services for an ethnically diverse target market may need to consider multilingual content, as well as adjustments in design and format to fit cultural standards. Social class: A consumer's perception of his or her social status impacts preferences in goods and services - even when individual income does not reach this level.
  • Psychographics. Once you've finished with demographic-based questions, you're ready to take the line of inquiry a bit further. The science of psychographics (also known as "enriching characteristics") addresses why consumers act as they do. So, while demographics offer a general outline of your customer pool, psychographics brings critical characteristics of your target audience into sharper focus. Employing a psychographic methodology means devising queries about lifestyles, attitudes, values, beliefs, purchasing habits and other qualitative criteria. Although possibilities are numerous, key questions can help you and your designer hone and refine your Web site. Depending on your business, you might ask, for instance:
  • Do you consider yourself conservative or liberal? Is it important to care of the environment? What are your hobbies? Interests? Are you family-oriented or a loner? What type of entertainment do you prefer (cinema, theater, symphony, etc.)? How many books do you read monthly? What magazines do you read?
  • When you shop, which is most important - friendly staff, nice surroundings, good prices or convenient location? Do you shop for fun, because you must, or to relieve stress? Do you purchase (our) company's product because of quality, ease of use, price or availability? Do you patronize our competitor because their product is cheaper, product quality is better, service is friendlier, the store is nicer, or returns are simpler? Do you go online to work, shop, do research, play games, or e-mail? Do you think the Internet is tough going or easy to navigate? Do you prefer retail/service Web sites that are easy to navigate, easy to read, picture-heavy, or text heavy?
  • Aaron Rylaarsdam on 11 Jan 12
     
    Good article from AT&T explaining various demographics and psychographics to categories who target audience is.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

jontangerine.com/...m-and-elastic-layouts-with-css

blog css tools webdesign typography design fonts text layout web framework layouts em elastic

shared by Soul Book on 01 Apr 10 - Cached
  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  • Soul Book on 01 Apr 10
     
    A nice and simple explanation of using EMs to make elastic layouts
Ruby Crosland

FC Web Masters - Web Creation Done Right - 0 views

www.fcwebmasters.com

web design webdesign company SEO eCommerce web-design

shared by Ruby Crosland on 07 Oct 11 - No Cached
  • Ruby Crosland on 07 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
  • ...3 more comments...
  • Ruby Crosland on 07 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
  • Ruby Crosland on 07 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
  • Ruby Crosland on 19 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
  • Ruby Crosland on 19 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
  • Ruby Crosland on 19 Oct 11
     
    First of All I want to say thanks to author for sharing this nice informative article. Your informations has been very useful for me. There are not many blogs about this subject. I bookmarked your site for future reference! :) FC Web Masters
Fadsan Technologies Private Limited

Responsible Use of Technology - 0 views

According to the best digital marketing company here, technology has become an important part of life. People while knowing the importance of having the privilege to use the technology at...

Software Development Company in Noida best software development company in noida Website Design and Development Company Best Digital Marketing Services Company best it product design company software company

started by Fadsan Technologies Private Limited on 04 May 21 no follow-up yet
jhon fork

A&F TECH SERVICES' INC: (1-954-271-6537) USA based search engine optimization company - 1 views

Search engine optimization is very essential to put in excellent business on an online world. To be realized and seen by the world's customers it is important to take assistance from a Seo company....

Seo services seo company seo service providers seo service company

started by jhon fork on 14 Jul 12 no follow-up yet
‹ Previous 21 - 40 of 675 Next › Last »
Showing 20▼ items per page