Skip to main content

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

Rss Feed Group items tagged

Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
anonymous

mod_rewrite - Serveur Apache HTTP - 1 views

  •  
    # Rediriger les visiteur vers une page offline, sauf admin RewriteEngine on RewriteCond %{REMOTE_ADDR} !^123\.456\.789\.012$ RewriteRule  ^/(.*) /offline.html$1
spymek soft

Find Around Me - 0 views

  •  
    Find the places around you that you need the most and usually search for(when you are not aware of the area) at the tip of your finger. May it be ATM or gas stations or beauty sallons, you will get the list of these in few seconds. Also you will get the route map from your current location to destination. Simple and Useful app.
Alexina White

EVE Online Facebook Timeline Covers - 0 views

  •  
    Facebook's Timeline - a new look for people's Profile pages which exposes their entire history on the site and offers apps which post every ...
Angel Lee

Special Free Website Lancers - 2 views

Whatever your website is, if you are hinting to get an Freelance website developer, you must be play safe and get the best for your online store. It should be perfect from all the aspects and it mu...

Web design webdesign Website development web design redesign

started by Angel Lee on 15 Jul 13 no follow-up yet
Kinjal Adesara

7 Upcoming Trends that will Drive ecommerce in 2014 - 0 views

  •  
    What new trends will we see in 2014? Looking at the current developments in ecommerce, we can make an educated guess. Here are ten trends that we think will dominate ecommerce web development in 2014.
mesbah095

Guest Post Online - 0 views

  •  
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
cms ideas

Magento Mobile Theme - 0 views

Magento Mobile Theme by Cmsideas According to recent researches, there is an increasing number of customers who use mobile for shop...

magento mobile theme themes

started by cms ideas on 12 Oct 14 no follow-up yet
Harikrishna Patel

New Trends of Website Design : Data Patterns and Generative Patterns - 1 views

  •  
    In this blog we have discussed some new WebDesign Trends that are currently prevalent in the market. For relevant update visit our blog.
htmlslicemate.com

20 HTML5 Video Websites Examples and Resources - 1 views

  •  
    These days embedding video in a website is very easy, the element in HTML5 is compatible with almost all current browser versions (see Can I Use video), which saves us a lot of the old difficulties. Now we can implement video and customize a player without third-party software. element is very simple: the complication is in the browser support, especially in old versions and mobile.
Thomas Sullivan

Programmer Jobs - USA Positions Available, Statistics, Articles, and More - 0 views

  •  
    If you are unemployed with experience in the computer programming field, this site with the title "Programmer Jobs", should serve you well. Here you will find a current listing of jobs available in the United States, informative statistics, useful videos, and more.
Mohit Kuldeep

WebRank Toolbar - Google Pagerank, Alexa Rank, Compete Rank and Quantcast Rank - 0 views

  •  
    A toolbar that will give you the rank(Google Pagerank, Alexa, Compete and Quantcast) of the website currently being viewed and pages indexed in various search engines(Google, Bing and Yahoo). It is a tool for SEO and website analysis too.
Soul Book

CSS techniques I use all the time - 0 views

  • EM calculations Sizing text is always an important part of making a usable design. I start all my CSS files with the following rules: html { font-size:100.01%; } body { font-size:1em; } The explanation for this comes from "CSS: Getting Into Good Coding Habits:" This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
  • I used the following calculation: 14px/16px = .875, 18px/16px = 1.125. So my default text at 1 em would translate to 16px for most users, and my small text I sized at .875em which I can trust to result in 14px for most users, while my large text I sized at 1.125em which I can trust to result in 18px
  • Safe Fluid-width Columns I work with hybrid fluid layouts all the time, usually with max-width set at anywhere from 900 to 1000px. I usually have floated columns with percentage widths, and browsers will calculate these percentage widths to whole pixel values when rendering the columns.
  • ...3 more annotations...
  • A typical problem is the following: when a user has the viewport at a size that makes the outer container 999 pixels wide, if the first column is 60% and the second is 40%, IE 6 will always calculate the two columns as 600 and 400 pixels and as a result, the two will not fit (600+400 = 1 more than 999) and it will drop the second column. This is obviously not intended behavior, and in a world where we still have to use floats for columns (I can't wait for display:table support across all browsers), it's important to work around this problem. I used to give my last column 1 less percent (in this example, it would have 39% instead of 40%, but this would usually result in columns that don't quite fill up the container. Of late I have been giving the last column .4 less percent (in this example, 39.6%), which seems to work perfectly. Browsers will calculate this width and round up, but it will still fit even with an odd container width like 999px and I won't have to worry about dropped columns.
  • Filtering for Old Browsers To be honest, I barely support IE 6 nowadays. If there is something special about my layout that doesn't work in IE 6, I will simply filter it out of the CSS that IE 6 understands
  • Because old browsers like IE 6 don't support the "first child" selector (right caret >), I can do the following to make sure that IE 6 only gets the basic setting and all the new-fangled browsers get the right result: div#container { width:900px; } html>body div#container { width:auto; max-width:900px; } /* This overrides the previous declaration in new browsers only, IE 6 simply ignores it. */
  •  
    Excellent simple collection of CSS tips that are easy to remember and implement. It's an old article, but i think everything is still relevant
Herb Tucker

PHP: Expressions - Manual - 0 views

  • (scalar values are values that you can't 'break' into smaller pieces, unlike arrays, for instance
  • Expressions are the most important building stones of PHP. In PHP, almost anything you write is an expression
  • The simplest yet most accurate way to define an expression is "anything that has a value"
  • ...16 more annotations...
  • PHP also supports two composite (non-scalar) types: arrays and objects. Each of these value types can be assigned into variables or returned from functions.
  • PHP is an expression-oriented language
  • Since assignments are parsed in a right to left order, you can also write '$b = $a = 5'
  • and that's the value of the assignment itself
  • A very common type of expressions are comparison expressions. These expressions evaluate to either FALSE or TRUE. PHP supports > (bigger than), >= (bigger than or equal to), == (equal), != (not equal), < (smaller than) and <= (smaller than or equal to). The language also supports a set of strict equivalence operators: === (equal to and same type) and !== (not equal to or not same type). These expressions are most commonly used inside conditional execution, such as if statements.
  • and is assigned back into $a,
  • The last example of expressions we'll deal with here is combined operator-assignment expressions
  • Adding 3 to the current value of $a can be written '$a += 3'
  • This means exactly "take the value of $a, add 3 to it, and assign it back into $a"
  • Any two-place operator can be used in this operator-assignment mode, for example '$a -= 5' (subtract 5 from the value of $a), '$b *= 7' (multiply the value of $b by 7), etc.
  • There is one more expression that may seem odd if you haven't seen it in other languages, the ternary conditional operator:
  • If the value of the first subexpression is TRUE (non-zero), then the second subexpression is evaluated, and that is the result of the conditional expression. Otherwise, the third subexpression is evaluated, and that is the value
  • Some expressions can be considered as statements. In this case, a statement has the form of 'expr ;' that is, an expression followed by a semicolon. In '$b = $a = 5;', '$a = 5' is a valid expression, but it's not a statement by itself. '$b = $a = 5;' however is a valid statement.
  • One last thing worth mentioning is the truth value of expressions. In many events, mainly in conditional execution and loops, you're not interested in the specific value of the expression, but only care about whether it means TRUE or FALSE. The constants TRUE and FALSE (case-insensitive) are the two possible boolean values.
  • Throughout the rest of this manual we'll write expr to indicate any valid PHP expression.
  • Functions are expressions with the value of their return value.
  •  
    Expressions defined and discussed with highlighting
Brevity Software Solutions Pvt Ltd

How to Create Interactive Notifications with Actions in iPhone? - 0 views

  •  
    The apple released the latest feature Notifications with actions in IOS 8.This kind of feature allow people to help connect to signals, without leaving the software these are presently making use of.
« First ‹ Previous 141 - 160 of 205 Next › Last »
Showing 20 items per page