Skip to main content

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

Rss Feed Group items tagged

Lyn n

Getting Started with Chrome extension - Diigo help - 0 views

  • 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
alinakallis

Getting Started with Chrome extension - Diigo help - 0 views

  • 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.
ai_ar_services

Getting Started with Chrome extension - Diigo help - 0 views

  • 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.
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 1 views

  • 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">
  •  
    "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."
Adan Shaw

Ad Production Services Outsourced By Best Ad Production Company India - 0 views

  • Spec ads / Ad creation from creative brief:
  • Production of repeat ads: Repeat Ads form about 21 to 28% of the total volume of ads that a newspaper produces. We can convert current ads for pick up and re use. Outsourcing these can improve both bottom line and turnaround time by 25 to 30%We can create classifieds, legal, large legal, display and composite ads for newspapers. We can also create all category ads for yellow page directories.
  •  
    Outsource Ad creation and production to us. Create production pages from spec ads, creative briefs or repeat ads. Improve bottom line and turnaround time by 25 - 30%
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

  • 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.
  •  
    A nice and simple explanation of using EMs to make elastic layouts
Adan Shaw

eBook cover Design Services by eBook Designing Company - 0 views

  • Our book design team along with a company wide experience in print, web and rich media graphic designing, typesetting and typography allows us to give your books the cover and layout they deserve. We have designed more 1000 book covers and recently we were privileged to design covers for 3 books that made it to the top 100 bestsellers lists.
  • Visualization
  • Illustration
  • ...4 more annotations...
  • Implementation
  • Typography
  • Layout
  • For any further queries please write to us at enquiries@realitypremedia.com Or you can request a quote. You can also upload a sample of your content here, and specify the type of utput you require.
  •  
    Give your books the cover and layout they deserve with our expertise. We understand the design, typography and layout that will help your book stand out and sell.
Vernon Fowler

Improving 404 Page Design | Webdesigntuts+ - 0 views

  • As we keep mentioning, a 404 page needs to be extremely useful for the user. There are plenty of ways to achieve this, but some of the best features a 404 can have are:
  • A Search Form
  • Display a List of Popular Pages
  • ...6 more annotations...
  • A Link to your Sitemap
  • Report a Broken Link
  • It’s better to say something like "Oops! We couldn’t find the page you were looking for.", than simply stating the facts, such as "404 Error: Page Not Found".
  • Having a minimalist, basic 404 Error page design can still be effective.If you have a massive site, such as Google, with many, many possible related pages then a 404 page with things such as sitemap links, popular pages lists, or a search form isn’t particularly practical, and most likely won’t help the user much anyway.
  • A good 404 page can also be casual, and even funny.
  • The second of these two methods can also be used to stop search engines from finding any pages you don’t want them to see – such as your 404 page, your back-end PHP files (such as login functions) and more. Just add their URL to the robots.txt file and upload it to your server:001Disallow: /404.html
Tolga İnam

Yazılım Geliştirme - 0 views

  •  
    Günlük iş yaşamı içerisinde size vakit kaybettiren, organizasyonunuzda aksamalara neden olan tüm detayları belirleyerek bize amacınızı ve almak istediğiniz sonucu tarif edin. Uzman ekibimiz size bunun analizini yapsın, amaçlarınızı en iyi şekilde anlayıp en uygun ve en basit çözümü üretsin. İhtiyaçlarınız doğrultusunda size özel hazırlanan program belli kurallar çerçevesinde çalışacağı için sizi ve ekibinizi daha iyi organize edecektir. Süreklilik ilkesi doğrultusunda yazılan tüm programlara yazılım uzmanlarımız destek vermekte, ihtiyaca göre yeni eklentiler yapmaktadır. Web tabanlı yazılım: Web tabanlı yazılım çözümleriyle şirket yapınıza uygun uygulama geliştirme hizmetleri sunuyoruz. Örneğin web tabanlı teklif formu, stok takip, cari yönetimi ve buna benzer iş süreçlerinizi yönetebilmek için size özel web tabanlı yazılım uygulamaları geliştiriyoruz. Web üzerinde çalışan yazılımlarda bilgisayar fark etmeksizin dünyanın herhangi bir yerinde internet bağlantısı olan her yerden programınıza erişebilirsiniz. Web tabanlı yazılımlar sayesinde firmanızın tüm kullanıcıları tek bir havuzda çalışabilir. Bu sayede veri bütünlüğünü korumayı sağlamış olursunuz. Masaüstü Uygulamaları: Masaüstü bilgisayarınız, dizüstü bilgisayarınızı veya genel amaçlı bir bilgisayar dahil, standart bilgisayarlarda çalışacak yazılımları ihtiyaçlarınız doğrultusunda geliştiriyoruz. www.konseptika.com.tr
Gemma Weirs

W3C QA - Recommended list of Doctype declarations you can use in your Web document - 0 views

  •  
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
anonymous

birNC Web Tasarım Ajansı - 0 views

Sizce birNC'nin projeleri nasıl? https://www.birnc.com.tr/web/referanslar

webdesign

started by anonymous on 06 Apr 17 no follow-up yet
tgcindia11

If You Have The Zeal…We Provide You The Guidance… - 0 views

  •  
    November 16, 2015 | Filed under: Technology If we have to name one of the fastest growing professions in the present era, you can't miss out the field of graphic design. All that you need to have is the zeal for the profession.
Vernon Fowler

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

  • 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.
  •  
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
  •  
    Protonmail login
1 - 20 of 51 Next › Last »
Showing 20 items per page