Skip to main content

Home/ Web Development, Design & Programming/ Group items matching ""web colors"" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
Jack Gibson

Some Important Things To Consider When Designing Your Website - 0 views

www.premiumsoftwares.com/...design

web design company delhi designing india in website services

shared by Jack Gibson on 27 Jan 15 - No Cached
  • Jack Gibson on 27 Jan 15
     
    Step by step instructions to outline a Powerful User Friendly Website: Use Colors Carefully, Attract the focused on group of onlookers, Use High Quality Images, Encourage perusers to be dynamic on your website,
Jungle Jar

New Free Wordpress Template From JungleJar - graphii.2 - 1 views

www.junglejar.com/...wordpress-template-graphii2

wordpress wordpress themes wordpress templates design web design

shared by Jungle Jar on 13 Feb 09 - Cached
  • Jungle Jar on 13 Feb 09
     
    This template is based on another free Wordpress Template we released here on JungleJar called "graphii"; However, graphii.2 is very much different in its own right and features a totally different color palette as well as a 'sticky' post option.
  • anonymous on 27 Sep 13
     
    Visit News www.killdo.de.gg. How to make the 1000 visitor from PR9 backlinks. Buy cheap service www.fiverr.com/radjaseotea/making-best-super-backlink-143445
ai_ar_services

Getting Started with Chrome extension - Diigo help - 0 views

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

Diigo Chrome

shared by ai_ar_services on 08 Feb 22 - 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.
Patricia Carvalho

Typograph - Scale & Rhythm - 0 views

lamb.cc/typograph

typography css webdesign layout generator design tools web design

shared by Patricia Carvalho on 18 Jan 10 - Cached
  • Jochen Burkhard on 18 Jan 10
     
    This page is both an essay and a tool. It sets out to explore how two, intertwined concepts, often playful but sometimes cheeky, can be encouraged to dance in web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you are about to play upon it.
Vernon Fowler

Ultimate CSS Gradient Generator - 2 views

www.colorzilla.com/gradient-editor

color colour gradient tool webdesign tools css css3 Web Design web design

shared by Vernon Fowler on 25 Jul 11 - No Cached
  • Vernon Fowler on 25 Jul 11
     
    A powerful Photoshop-like CSS gradient editor from ColorZilla.
Vernon Fowler

How to make whitespace work on the Web | Webdesigner Depot - 8 views

www.webdesignerdepot.com/...ake-whitespace-work-on-the-web

DIG252 webdesign whitespace readability legibility color colour colours

shared by Vernon Fowler on 27 Jul 14 - No Cached
htmlslicemate.com

What Your Website's Design Says About You - 0 views

sixrevisions.com/...what-your-website-design-says

webdesign

shared by htmlslicemate.com on 04 Jun 13 - No Cached
  • htmlslicemate.com on 04 Jun 13
     
    It's that reason why we go about our work so deliberately; we choose colors, fonts, the type of web layout we're going to use, and even the way we write CSS, all in a very purposeful manner. As we craft our designs, we also realize that the result will say something about us, the designer. And these things that our designs are saying are not always good.
printnetla

About Us | PrintNet | Graphics and Color Printing House - 0 views

www.printnetla.com/...about-us

printing designing graphics web

shared by printnetla on 22 Sep 16 - No Cached
  • printnetla on 22 Sep 16
     
    Do you need all in one package for your business now that includes everything from printing to designing and marketing? Then, you can read about Print Net and its superior services.
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
Soul Book

The 100% Easy-2-Read Standard - 0 views

informationarchitects.jp/100e2r

blog css tools webdesign typography design fonts text layout web layouts usability

shared by Soul Book on 01 Apr 10 - Cached
  • 1. Standard font size for long texts
  • 2. Active white space
  • The basic rule is: 10һ15 words per line. For liquid layouts, at 100% font size, 50% column width (in relation to window size) is a good benchmark for most screen resolutions.
  • ...3 more annotations...
  • 3. Reader friendly line height
  • The default HTML line height is too small. If you increase the line height, the text becomes more readable. 140% leading is a good benchmark.
  • 4. Clear color contrast
esigners

Why Use WordPress | WordPress Website Design | Website Design - 1 views

www.esigners.in/why-use-wordpress

development web website webdesign webdev wordpress

shared by esigners on 17 Dec 19 - No Cached
  • esigners on 17 Dec 19
     
    Documenting the top 4 reasons to use or switch to WordPress for your website is a breeze - quite simply because there aren't only one but so many more benefits associated with this platform. So, here is a look! It is easy to customize WordPress And it offers you access to almost countless themes and plugins. That's perhaps the reason why you would find that people using WordPress are mostly no developers or programmers but laymen tweaking their personal blogs. WordPress are a great choice when it comes to ecommerce sites, websites and blogs (both personal and professional). WordPress themes are easily customizable quite simply because of the fact they have their own options panel that allow you to change colors, background, upload logo and even create beautiful sliders. You absolutely don't need to write codes at all. What more? In addition to the themes - there are thousand of plugins for you to work with! It is Very Easy to Manage That partly explains why there are so many laymen out there who are using this platform without hiccups. The ease of management means: You can update themes and plugins from within your WordPress admin dashboard. You can make use of the WordPress Backup plugin to create backups automatically and store your data safely in a remote location. You can manage your WordPress-backed website on the move with WordPress mobile apps. It is SEO friendly WordPress is written employing high-end procedures, codes and semantic markup. This is the reason why it is so popular among both the geeks and non-geeks. This is also precisely the reason why WordPress-backed websites rank higher than other websites on Google and other major search engines. A Plethora of Ways to Use WordPress There are various ways in which you can use WordPress - right from very simple websites to eCommerce marketplaces. And this is something which renders WordPress so flexible!
n-media

PPOM - WooCommerce Personalized Product Option Manager - 1 views

https://a.paddle.com/v2/click/34248/116174?link=2544 PPOM Plugin is the most customizable WooCommerce Product Add-on with more than 19 input types to customize your Product. The client personalize...

design web Development website webdesign programming Company plugin tools webdev css

started by n-media on 14 Sep 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.
  • 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.
  • Try to highlight what you can do for them and not just your skill set.
  • 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?
  • 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.
« First ‹ Previous 81 - 100 of 100
Showing 20▼ items per page