Skip to main content

Home/ Web Development, Design & Programming/ Group items matching "Making" 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
Jungle Jar

JungleJar | 10 Simple Things To Make Your Wordpress Theme 10 Times Better - 0 views

  •  
    When developing Wordpress Templates, we sometimes overlook the small easy things we can do to make our theme much better. When you're days into a project, any project, developing developers tunnel vision isn't hard to do. This article serves not as the ultimate go-to guide for Wordpress shortcodes, but instead it serves to remind us of a few small and easy things we can incorporate into our themes within seconds and they function with robust and flexible ease.
awqi zar

Learn Video Production, Digital Video Editing, Camcorder Reviews, Videography - 2 views

  •  
    Product reviews, articles and beginner information on consumer video production. Empowering people to make videos in way that inspires, encourages and equips for success. Learn to be an expert in making great videos.
Raja uk

Improve your image gallery using jQuery | Ajaxmint.com - 0 views

  •  
    Easy way to improve your image gallery using jQuery : How do you decide which image to click while browsing some gallery? Most probably, you'll click on image that you find interesting. And you make that decision in a matter of seconds. If, however, images have some description attached, it could make your choice easier.
Raja uk

How to make cool tooltip | Ajaxmint.com - 0 views

  •  
    Using CSS and few lines of JavaScript it is possible to make tooltips whose contents can be any HTML, including images, tables, whatever can fit into a tag. Here is an example:
Jochen Burkhard

How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6 | Nettuts+ - 0 views

  •  
    HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.
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

How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6 | Nettuts+ - 0 views

  •  
    HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.
Luciano Ferrer

Showcase of 40 Pricing Tables and Signup Pages | SpyreStudios - 0 views

  •  
    "A well-designed pricing table and sign-up page can make or break your online business. Getting users to hit the signup button is one thing, but making the actual signup process easier and helping people chose the right plan or package is a science in itself. "
awqi zar

Thinking Laterally: Build a Side-scrolling Site Layout with CSS & jQuery » JavaScript & CSS » SitePoint Blogs - 3 views

  •  
    A sideways style lends itself well to designs with a bit of an "arty" feel: brochure-style sites, galleries, portfolios, and perhaps even sites that make use of interesting info-graphics or charts. Successful horizontal layouts often use animation and graphics to highlight their sideways movement - a large number of these sites use colorful images and nice, big backgrounds that really show this off. Unusual also means unfamiliar, so a well-designed horizontal layout will also make good use of navigation elements such as menus, arrows, and buttons to overcome any usability hitches.
awqi zar

Take 5 Minutes to Make WordPress 10 Times More Secure - 1 views

  •  
    Thankfully, WordPress is pretty secure out of the box and they provide frequent security updates. Even better are the following super-simple actions that you can take to make WordPress ten times more secure. (Not scientifically verified! Your mileage may vary.)
Luciano Ferrer

Top 4 Free CSS Generators Online - Sepia River: theCreativeflow - 1 views

  •  
    "http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty: http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say? http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do. http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)"
Luciano Ferrer

Make Your Links (Hyperlinks) Even More Sexier - 1 views

  •  
    "In this post i'll tell you a technique using which you can make your links even more sexier."
Dotcomweavers Inc

How To Choose An E-Commerce Designer - 0 views

  •  
    When it comes to being able to make a decision in regards to who you will be working with when you finally decide you want to get your company out of the stone ages and online you need to make sure you know what you are looking for.
Luciano Ferrer

FREE Version of Flash Page Flipping - 5 views

  •  
    "Free Version of Flash Page Flip has no advanced functions but it has some nice features like resizing and navigation. You can make and publish your own publications (Online Catalog, Digital Brochure, Flipping Book, Interactive Flyer, Virtual Magazine, Flip Album etc.) by writing JPEG or SWF formatted pages names on XML file in the Free Version. You don't have to know Flash software to make your flipping book. You can use Free FPF in your commercial and non-commercial websites but please firstly look at the Terms of Use. FlashPageFlip.com text link where at the lower left corner is only for Free Version. There isn't in the other versions. Flash Page Flip Free Version works like Basic XML Version. We advise you FPF Basic XML Version if you can use Free FPF without any difficulty and you enjoy it or you haven't server which supports ASP. You can use it offline (CD, DVD, etc.) or all online servers like Free FPF."
Vernon Fowler

SpriteMe - 0 views

  •  
    Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.
Cor S.

20 Color Scheme Generators for Web and Graphic Designers - 0 views

  •  
    "Colors can make or break your design by either making your audience want to stick around or look away. Well-chosen color combinations help designs catch attention more while the less planned ones do the opposite. ... Good news is, there exists many color scheme generators that will help even the most uninspired to choose what colors to use. We have listed 20 online tools in this post to help you out. Check them individually and see which software will help you in specific design-related tasks."
Alina Albert

SEO And Web Development - 1 views

  •  
    These days, web users have become more tech savvy therefore to make them attracted towards your website, applying all the latest advancements and techniques has become more important than ever. Keep visiting the blogs, keep checking out various SEO and Web Development forums and keep on trying to make your website more user-friendly and search engine friendly by applying all the tools, tips and tricks that are important from SEO's point of view.
Luciano Ferrer

Tienda Overview | Dioscouri Design - 3 views

  •  
    "Tienda is a complete ecommerce extension for Joomla. Tienda is not a fork or bridge; it is a brand new extension designed and written from scratch on Joomla's MVC framework and can therefore be easily modified or themed using Joomla's templates. Tienda has been built with you, the site's administrator, in mind. While building Tienda, we focused on answering the question, "What would make it easier for us to operate our online stores?" Tienda is the result. Two versions will be available, Community and Enterprise. They have different feature sets, so please take a look at the comparison chart below. The Community version is free (as in beer) and available for download now. We also offer optional support subscriptions for the community version of Tienda, in case you need direct support from us. We encourage you to download the Community version and participate in its development. Please download it and then visit http://projects.dioscouri.com where you can participate by reporting bugs, making feature requests, submitting code, or even by simply following the development."
Luciano Ferrer

jQuery Stick 'em - Make Content Sticky on Scroll | jQuery Plugins - 0 views

  •  
    "jQuery Stick 'em plugin makes items sticky as you scroll, to a point. Easy to implement and flawless to the point of perfection, this is indeed a very useful plugin."
Andrew Weiers

Custom WordPress Developer for Cost Effective and High Quality WordPress Development - 0 views

  •  
    WordPress has emerged as one of the most popular platforms for website designing and development in recent years. Irrespective of what your business is, you can make the most of it be choosing the services offered by Custom WordPress Developer. Unless you have a well-designed and developed WordPress based website, you cannot expect to get better results from your web business. In the recent years, there has been felt sudden need for designing websites that are unique as well as attractive. WordPress is the way to go if you are looking for cost effective and efficient online business.
  •  
    WordPress has emerged as one of the most popular platforms for website designing and development in recent years. Irrespective of what your business is, you can make the most of it be choosing the services offered by Custom WordPress Developer. Unless you have a well-designed and developed WordPress based website, you cannot expect to get better results from your web business. In the recent years, there has been felt sudden need for designing websites that are unique as well as attractive. WordPress is the way to go if you are looking for cost effective and efficient online business.
  •  
    WordPress has emerged as one of the most popular platforms for website designing and development in recent years. Irrespective of what your business is, you can make the most of it be choosing the services offered by Custom WordPress Developer. Unless you have a well-designed and developed WordPress based website, you cannot expect to get better results from your web business. In the recent years, there has been felt sudden need for designing websites that are unique as well as attractive. WordPress is the way to go if you are looking for cost effective and efficient online business.
« First ‹ Previous 81 - 100 of 1706 Next › Last »
Showing 20 items per page