Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
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
dredd12

Is j2Store the Best Joomla Shopping Cart for E-commerce? - 2 views

"Real-time bidding starts as soon as a user has some ads to purchase or sell. But they should have something to offer in exchange. After selecting the suitable RTB platform, the next steps are: ...

joomla joomlacms joomladevelopers joomlaextensions joomlaecommerce ecommerce cart

started by Global Employees on 19 Apr 20 1 follow-up, last by dredd12 on 22 Apr 22
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
Laura Reed

How to Get More eCommerce Sales with Fewer Visitors - SitePoint - 9 views

www.sitepoint.com/erce-sales-with-fewer-visitors

magento ecommerce sales conversions

shared by Laura Reed on 15 Jun 16 - Cached
  • Laura Reed on 15 Jun 16
     
    "This article is about sales and how to get more of them - by making people trust you, by removing frictions from your landing page, by engaging with potential customers."
  • ...4 more comments...
  • Laura Reed on 15 Jun 16
     
    "This article is about sales and how to get more of them - by making people trust you, by removing frictions from your landing page, by engaging with potential customers."
  • chseng on 15 Dec 16
  • soniakhan776 on 18 Dec 16
     
    Dubai Indian Escorts Massage Escorts in Dubai Model Escorts in Dubai Cheap Escorts In Dubai Vip Russian Escort In Dubai Vip Arab Escort In Dubai Russian Escort In Dubai Arab Escort In Dubai Pakistani Indian Escorts
  • kacamata on 03 Feb 17
     
    bandar judi prediksi togel jitu
  • vijayzxc on 01 Mar 17
     
    Nice Blog
  • anonymous on 20 Apr 17
     
    We have best Indian Pakistani Escorts
jackfragolinii

The Importance of Casino Loading Speed for a Seamless Gaming Experience - 5 views

I recently started playing casino games and didn't know which games to choose. I found social casino online games and was pleasantly surprised.

started by samjones333 on 12 Dec 24 2 follow-ups, last by jackfragolinii on 20 Mar 25
Magento

Magento Customer Pictures Contest is a social Magento Extensions that allows customers ... - 0 views

www.mage-shop.com/...customer-pictures-contest.html

magento customer pictures conteste extensions store

shared by Magento on 19 Feb 13 - No Cached
  • Magento on 19 Feb 13
     
    Magento Customer Pictures Contest is a social Magento Extensions that allows customers to take part in the pictures contest rated by facebook like system. Relying on the results, Administrator will announce winner of the contest and send coupon code to the winner who can use the coupon code to buy the products on the main site and recieve incentives on price. Main Features: Customer back end: Customers after logging in can attend Magento Customer Pictures Contest if they agree the terms& conditions. Customers can upload pictures using Ajax uploader with a progress bar. After uploading successfully, customer can add title, descriptions of picture Customer can edit/delete pictures from list Customers can crop images using tool developed by Jcrop Javascript Customer can change avatar picture, user name Customer can withdraw from the contest Magento Templates design for customer back end: Picture list view User info block Upload picture block Picture list: pictures, facebook like button, system status, delete/hide button Toolbar: sort by (newest, most popular) Picture view User info block Picture items: picture, title, description Admin back end: Admin back end can be accessed at a tab located on admin navigation bar. The tab includes 2 items (all pictures, all winners) All pictures view: include all pictures to present Allow admin to set status for pictures such as: Approved, Denied, Removed Admin can send email to user to notify user's pictures status changes Allow admin to set winner for pictures, send email notification to customer Allow admin to set up coupon code and send email to customer All winners view Include current winner block: picture, username, number of likes by facebook List winners: admin can sort, filter.... Front end: List all pictures of all contestants if a user visits the Magento Customer Pictures Contest Include an upload button to allow user to upload image or ask user to login to upload image Include late
Vernon Fowler

A Beginner's Guide to Pairing Fonts | Webdesigntuts+ - 2 views

webdesign.tutsplus.com/...ginners-guide-to-pairing-fonts

fonts webdesign web design typography

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • Using multiple fonts together can be difficult, achieving harmony is challenging, but if you manage it the result can be decorative and striking. Use fewer fonts and your task is more straight forward. Try to make the best of both worlds by selecting fonts with multiple variants and weights. In this way you can take advantage of an array of styles, safe in the knowledge that they’ll compliment each other just fine.
  • What’s the Nature of my Content? When selecting fonts it’s important to consider the nature of the layout you’re dealing with. Are we talking mainly body copy? Are there multiple headings, sub-headings? Perhaps it’s a magazine layout with decks, blockquotes? When using multiple fonts make sure that the roles are clearly established; if one font is used as a sub-heading, don’t switch to another font for a sub-heading elsewhere. Keep a font’s purpose clear.
  • How Do I Achieve Successful Pairing? You might have already heard this; successful pairing relies on concord, or contrast, but not conflict. That is to say your selected fonts can work well together by sharing certain qualities, or by being completely different from one another. However, font pairs can conflict in a number of ways – being too similar being just one.
  • ...7 more annotations...
  • The x-height of a font describes the height from the base line to the upper reaches of the lower case characters, like the x. A proportionately large x-height helps with readability.
  • Pairing 2: Contrast Contrast between fonts often lends a winning combination, but in what ways can fonts contrast? Here are just some qualities to look for: Style: Take a look at any font resource site and you’ll see them categorized as Blackletter, Monospace, Script, Slab Serif etc. Fonts of different styles will often contrast. Size: Big font, little font. Say no more. Weight: Varying the weight of fonts is a common way to establish visual hierarchy. Hierarchy achieved by contrast. Form: Consider the proportions of a typeface. The relative length of the descenders, the curvature of the shoulders, the direction of the movement. Color: Not something we’re going to go into here, but color can easily determine whether two fonts work well together.
  • It’s a classic way of pairing; take a decorative serif for the heading and a sure-footed sans-serif for the body. Or take a no-nonsense sans-serif for the headings, with a pleasantly legible serif for the body. A winner in many cases. Let’s look at a few, kicking off with two system fonts. That’s right, even they can work well together.
  • Condensed fonts always work well to get your attention, as they take up a lot of vertical real estate.
  • Slab serifs make very effective attention grabbers, but can be a bit pushy if you’re not careful.
  • Pairing 3: Conflict Let’s not focus too much on what doesn’t work well, we don’t want to sour the joyous combinations in the rest of this guide do we? That said, let’s just illustrate how two fonts, which are arguably too similar, can look awkward together.
  • Once you’ve concluded that you don’t like a font pairing, try to work out why and it will help you make decisions more quickly in the future.
paypal hack

100% PAYPAL MONEY HACK WITH LIVE PROOF - 0 views

freehacker.webstarts.com

paypal money adder generator 2015 no survey this month today ed accounts real free download password june ing and

shared by paypal hack on 19 Apr 15 - No Cached
  • paypal hack on 19 Apr 15
     
    Guyz checkout what people are saying on my Blogger about free paypal money hack http://tinyurl.com/q7p8w6e how to make $3500 per a day with free software..DOWNLOAD IT NOW FOR FREE http://tinyurl.com/kh4kgwy This guy just found a loophole in the financial markets that's forcing cash into his bank accounts. $10,000, $20,000 and even $25,000 http://gsnipers.webstarts.com get free twitter followers, free youtube views, free subscribe, likes, pinterest, soundcloud, stumbleupon, vkontakte free website Hits, free bonuses, Get 11000 Credits absolutely FREE!!! Coupon Code : 6021-8601-9443-7219 http://tinyurl.com/lfzaue2 Unlimited free Paypal money on your Paypal account. Buy anything you want, withdraw as much as you want!. http://freehacker.webstarts.com how to make $3500 per a day with free software..DOWNLOAD IT NOW FOR FREE http://tinyurl.com/kh4kgwy Good news! We created a new way for you to become a millionaire just pushing 3 buttons! >> Push 3 buttons to make millions This is just insane! You have to act now or you'll hate yourself later http://larrycashmachine.webstarts.com Insider's secret: this money system has quietly made over 83 millionaires in the last 9 months http://freecashmoney.webstarts.com I woke up to see another $915.35 in my bank account that I've earned over-night. Today you have a chance to join us! This FREE video will show you exactly how we legally earn so much money with no risk! Watch this video now! http://plus500.webstarts.com Use the same Swiss "Advantage" that this inside millionaire's club use and you'll be walking away with up to $32,435 week-after-week! http://pushbuttonmillionaire.webstarts.com Congratulations! I'm about to reveal to you a SECRET mass traffic software to earn up to $4000 in one day. Get ready to be SHOCKED! http://masstraffics.webstarts.com if you are looking for girlfriend or boyfriend or friends join this new facebook apps now http://justbecauseittested.com The best
Global Employees

Best Joomla Site Backup Extensions 2020 - 0 views

Backups are fundamentally important in this digital age. Hackers and cyber criminals aside, your own mistakes could cost you a lot if you do not back up your valuable data! Hardware corruptions or ...

joomla

started by Global Employees on 30 Jan 20 no follow-up yet
Aaron Rylaarsdam

Designing for your target audience | Webdesigner Depot - 0 views

www.webdesignerdepot.com/...gning-for-your-target-audience

psychographics demographics design target audience

shared by Aaron Rylaarsdam on 11 Jan 12 - No Cached
soffy125 liked it
  • The first thing you have to figure out about your target audience is who they are. What kind of things do they do? What kind of music do they listen to? What products do they use? How old are they? The answers to these questions and many more will help you better understand the people you are designing for. Getting an understanding of these individuals helps you create with ease and make something you know will relate to them and end up communicating well.
  • Again, you have to know the target audience. If you or your client have no idea who you’re designing for, you’re really taking a stab in the dark and hoping and praying you come up with something. There are times when you may have a wide variety of people in your audience, but you’ve got to find a commonality between the majority of folks.
    • Aaron Rylaarsdam
      Aaron Rylaarsdam on 11 Jan 12
       
      This is a good article about psychographics and knowing your target audience.
  • ...11 more annotations...
  • Also be aware that you’ve got to ask the right questions. If I want to know why people like that t-shirt design, I’m not going to ask them what size shirt they wear, I’m going to focus on the design. For example, why they like the design or what it means to them. You want to ask questions that will help you figure your audience out and help you make educated guesses on the things they’ll like in the future.
  • Keep in mind, demographic information is only useful to a certain extent. You still need to figure out what your audience likes and what they feel (as well as what they like to feel). Don’t get so caught up in asking the regular boring questions about age and income that you forget to ask about their interests as well.
  • Once you feel like you have a good grasp on your target market, you need to have an even better grasp of what you’re trying to do or what it is you are trying to design for. If you are trying to sell a product or service, what are you trying to convey about that product or service?
  • Try to highlight what you can do for them and not just your skill set.
  • Say that your web designs allow users to connect with a company in ways that were never imagined. Say that your product isn’t just a product but it contributes to your life in much deeper ways.
  • The greatest fundamental theory that you cannot ever lose is be visual hierarchy. As a designer, you have to remember and understand that you have all the power of figuring out what your audience looks at when they look at a flyer or a package. Use that to your advantage in everything you do. This theory basically states that you create hierarchy or importance based on what is the biggest and what is the smallest. While that’s the first contributor, the second contributor is going to be placement. Your most important visual, whether it be a headline or a picture, should be above or at eye level. Putting it below eye level or out of the initial view is a complete and total waste of time.
  • A lot of times, we want people to stop and notice something crazy we’ve done with a layout or something, but we shouldn’t be reinventing the wheel, we should just be making sure everything makes sense and is legible. You want whoever sees your visual to get the main points even if they’re only passing by.
  • As I said before, as a graphic designer, I just want to do fun designs with crazy colors, cool shapes, and illustrations. For my own personal business that works, because I tend to cater to trendier, younger folks who are interested in trying new things. However, sometimes I get a client who is less interested in that. I sometimes get clients who are extremely corporate, so I have to pull myself in a bit as they aren’t interested at all in cool and crazy designs. I don’t bore them to death with my design, but I will make sure there is focus on what needs focus.
  • Many times we can get caught up in ourselves and what we want, but it has nothing to do with what we want, and everything to do with what the audience wants.
  • Many designers and owners believe a website’s sole purpose is to tell everyone about your product or service and why it’s completely awesome. Well, I beg to differ. A website is supposed to be an extension of your business and should be used to communicate with current customers as well as potential customers. Keep it consistent with your target market and make yourself available on your website.
  • Make sure you have a clear message on your site—if you sell several products try to highlight one. If you have several different services highlight one or highlight the reasons why people keep coming back; create a feeling. No matter the demographics of your audience, your website should be clear and consistent.
  • Aaron Rylaarsdam on 11 Jan 12
     
    I found this to be a great article about understanding who your target audience is when designing not only for personal purposes for my own business but also for the businesses that I design for.
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
Lyn n

Getting Started with Chrome extension - Diigo help - 0 views

help.diigo.com/...tting-started-chrome-extension

shared by Lyn n on 04 Mar 14 - No Cached
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
  • ...11 more annotations...
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Getting Started with Chrome extension
  • First Steps: Install Chrome extension
  • signed in, you will be prese
  • a Diigo account, you can
  • option
seoagencycalgary

Unmasking SEO Myths: Separating Fact from Fiction for Effective Strategies - 0 views

  Unmasking SEO Myths: Separating Fact from Fiction for Effective Strategies                 SEO, aka Search Engine Optimization, has been the main scre...

started by seoagencycalgary on 12 Jul 23 no follow-up yet
« First ‹ Previous 41 - 60 of 7945 Next › Last »
Showing 20▼ items per page