Skip to main content

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

Rss Feed Group items tagged

Inspirationfeed

55 Creative Examples of USB Designs | inspirationfeed.com - 0 views

  •  
    We wanted to do a roundup of something creative, and interesting. We chose USB drive designs. USB drives are very cheap these days, and each year memory is costing less. When USB drives were expensive, they were plain and simple like a stick. Now that they're so cheap people are getting creative with all sorts of USB drive ideas. We hope you will find these USB drives inspiring, maybe so inspiring that you will make your own.
Wicked Innovations

Free Downloadable Wordpress Themes by WickedInnovations.com - 0 views

  •  
    Free downloadable wordpress themes created by our team of experienced and creative web designers.
Michał Leśniowski

52framework - The framework from the future, HTML5, CSS3, and more! - 13 views

  •  
    This is cool and awesome. Thanks for sharing.
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
Jochen Burkhard

Online CSS Editor - CSS Portal - 0 views

  •  
    "Online CSS Editor allows you to edit an entire CSS file at once with a dynamic preview shown below. The preview will show the exact line you're editing, and it will update as you type. If you want to show the entire file then move focus to the start or the end of the CSS text. When you have finished editing your CSS, be sure to validate the code with CSS Validator."
  •  
    Just two words: Cool and stylish :-)
  •  
    CSS-Portal. You name it :)
Joshua Sean

15 Useful Twitter Hacks and Plug-Ins For WordPress - Smashing Magazine - 0 views

    • Joshua Sean
       
      This Looks Cool!
Vernon Fowler

What is content strategy really about? - 8 views

  •  
    "This week on the Boagworld Show we chat with Kristina Halvorson about what it really means to offer content strategy."
  • ...2 more comments...
  •  
    Cool! Worth reading and listening.
  •  
    Thanks for sharing! Very informative.
  •  
    That's was awesome with each other communication. Not for me what that was really amazing !!!! I like it !
solaceinfotech

11 Cool things that you can do with SVG - Solace Infotech Pvt Ltd - 0 views

  •  
    svg usecases
solaceinfotech

PHP 7: Cool & Exciting Features - Solace Infotech Pvt Ltd - 0 views

  •  
    Amazing features of PHP 7
steve waugh

Comic Text Styles by graphickey | GraphicRiver - 0 views

  •  
    Comic Text Styles
bibahrayeq

Make your business visible to get targeted audience and beat the competition in marketing - 59 views

Does anyone have an idea How we can implement SEO for different ext of the same site? I have two different ext https://applicontech.com & https://applicontech.ae

web development website webdesign programming tools web design company

Dan Smith

Utility to activate applications - 1 views

Once I was interested to know about cool activators for licensed products? In the course of my research, I learned more and more that in order to activate different licensed programs, different ut...

Software Tools

started by Dan Smith on 14 Jan 23 no follow-up yet
Laura Reed

Introduction - Material Design - Google Design Guidelines - 14 views

  •  
    "Material is the metaphor A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts."
  • ...5 more comments...
  •  
    Material is the metaphor A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.
  •  
    Filipino Escort in Dubai // Arab Escort in Dubai // Turkish Escort in Dubai //
  •  
    I think, this link is one of the best persian article in google algorithms: https://wikidemy.ir/google-algorithms/
  •  
    In google material design main theme is minimalistic colors and mixing of forms. Personally I'd like to use vista https://create.vista.com/colors/color-names/hot-pink/ colors to inpire some cool color waves. It really helps with design work
  •  
    I've looked over your information and it's really important to many people, so I recommend you check it out. Andersen provides top-quality software solutions. Our software is used by companies of all sizes, from small independent firms to large chains. https://andersenlab.com/blueprint/why-ruby-is-still-good-for-your-project-in-2022 Andersen offers a variety of software solutions that can help run the businesses more efficiently, including property management systems, online engines, and revenue management software. Our products are trusted by many companies and we are committed to providing quality legal services. https://andersenlab.com/services/managed-delivery-for-product-development-services-andersen
  •  
    Google's new Material Design is stunning, but I'm concerned about what it means for the future of design. I confirm that Andersen's software is intended to help businesses in the United States better manage their inventories and customer accounts. https://andersenlab.com/blueprint/discovery-phase-deliverables
« First ‹ Previous 61 - 78 of 78
Showing 20 items per page