Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Soul Book

CSS techniques I use all the time - 0 views

www.christianmontoya.com/...-techniques-i-use-all-the-time

blog css tools webdesign typography design fonts text layout web layouts webdev reference code coding

shared by Soul Book on 01 Apr 10 - Cached
  • 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. */
  • Soul Book on 01 Apr 10
     
    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

Linux Knowledge Base and Tutorial - 0 views

linux-tutorial.info/modules.php

linux permissions basics tutorials

shared by Herb Tucker on 02 Feb 11 - No Cached
  • The UMASK value masks out the bits. The permissions that each position in the UMASK masks out are the same as the file permissions themselves. So, the left-most position masks out the owner permission, the middle position the group, and the right most masks out all others. If we have UMASK=007, the permissions for owner and group are not touched. However, for others, we have the value 7, which is obtained by setting all bits. Because this is a mask, all bits are unset. (The way I remember this is that the bits are inverted. Where it is set in the UMASK, it will be unset in the permissions, and vice versa.)
  • The problem many people have is that the umask command does not force permissions, but rather limits them
  • Therefore, setting the UMASK=007 does not force creation of executable programs, unless the program creating the file does itself).
  • ...6 more annotations...
  • - - regular file c - character device b - block device d - directory p - named pipe l - symbolic link
  • Lets look at a more complicated example. Assume we have UMASK=047. If our program creates a file with permissions 777, then our UMASK does nothing to the first digit, but masks out the 4 from the second digit, giving us 3. Then, because the last digit of the UMASK is 7, this masks out everything, so the permissions here are 0. As a result, the permissions for the file are 730. However, if the program creates the file with permissions 666, the resulting permissions are 620. The easy way to figure out the effects of the UMASK are to subtract the UMASK from the default permissions that the program sets. (Note that all negative values become 0.)
  • You can change it anytime using the umask command. The syntax is simply umask <new_umask>
  • Here the <new_umask> can either be the numeric value (e.g., 007) or symbolic. For example, to set the umask to 047 using the symbolic notation, we have umask u=,g=r,o=rwx
  • Where "new_owner" is the name of the user account we want to sent the owner of the file to, and "filename" is the file we want to change. In addition, you can use chown to change not only the owner, but the group of the file as well. This has the general syntax: chown new_owner.new:group filename
  • Another useful trick is the ability to set the owner and group to the same ones as another file. This is done with the --reference= option, which sets to the name of the file you are referencing. If you want to change just the group, you can use the chgrp command, which has the same basic syntax as chown. Not that both chgrp and chmod can also take the --reference= option. Further, all three of these commands take the -R option, which recursively changes the permissions, owner or group.
Luciano Ferrer

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

jquery-plugins.net/-make-content-sticky-on-scroll

webdesign jquery plugin sticky sidebar

shared by Luciano Ferrer on 27 Dec 13 - No Cached
  • Luciano Ferrer on 27 Dec 13
     
    "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."
Webtir Git

Blog Nedir Abi? - "Web Log" - 0 views

WebtirGit Blog sitesine hoş geldiniz. Yazımın başlığından da anlayabileceğiniz gibi makalemin konusu bloglar. Çok değil 2000'li yılların hemen başında tanıştık Blog kavramıyla. Herkes&nbs...

Web Log

started by Webtir Git on 20 Nov 14 no follow-up yet
mikhail-miguel

xoops.net.br - 0 views

xoops.net.br

accounts xoops mysql sql dados cms database

shared by mikhail-miguel on 05 Mar 18 - No Cached
  • mikhail-miguel on 05 Mar 18
     
    XOOPS Cube é um sistema de publicação para a criação de sites dinâmicos baseado em programação PHP orientada a objetos e banco de dados MySQL. Depois de instalado, um website em XOOPS pode ser gerenciado SEM A NECESSIDADE de ferramentas externas ou conhecimentos avançados de tecnologias da Internet, como FTP, HTML, Javascript, CGI, etc. O XOOPS representa a solução ideal para quem não pode ou não quer depender de terceiros para criar e adminstrar o seu próprio portal, possuindo milhares de recursos de redação, edição e publicação de conteúdo online já incorporados e a custo zero! (o xoops é de código aberto sob os termos da licença BSD, ou seja: 100% gratuito). Tudo no XOOPS é visual, intuitivo, e gostoso de usar.
mikhail-miguel

.: PortalDigiDesign - Webmasters em ação! Tutoriais, scripts, layouts prontos... - 0 views

www.portaldigidesign.com.br/showarticle.php

css

shared by mikhail-miguel on 05 Mar 18 - No Cached
  • mikhail-miguel on 05 Mar 18
     
    Olá webmaster! Procurando por recursos para turbinar seu site? O PortalDigiDesign tem as melhores soluções em php, asp, javascript, css, coldfusion, dicas de webdesign, layouts prontos, flash, applets, serviços gratuitos como indique o site, usuár...
mikhail-miguel

.: PortalDigiDesign - Webmasters em ação! Tutoriais, scripts, layouts prontos... - 0 views

www.portaldigidesign.com.br/showarticle.php

css

shared by mikhail-miguel on 05 Mar 18 - No Cached
  • mikhail-miguel on 05 Mar 18
     
    Olá webmaster! Procurando por recursos para turbinar seu site? O PortalDigiDesign tem as melhores soluções em php, asp, javascript, css, coldfusion, dicas de webdesign, layouts prontos, flash, applets, serviços gratuitos como indique o site, usuár...
mikhail-miguel

.: PortalDigiDesign - Webmasters em ação! Tutoriais, scripts, layouts prontos... - 0 views

www.portaldigidesign.com.br/showarticle.php

css

shared by mikhail-miguel on 05 Mar 18 - No Cached
  • mikhail-miguel on 05 Mar 18
     
    Olá webmaster! Procurando por recursos para turbinar seu site? O PortalDigiDesign tem as melhores soluções em php, asp, javascript, css, coldfusion, dicas de webdesign, layouts prontos, flash, applets, serviços gratuitos como indique o site, usuár...
mikhail-miguel

.: PortalDigiDesign - Webmasters em ação! Tutoriais, scripts, layouts prontos... - 0 views

www.portaldigidesign.com.br

css

shared by mikhail-miguel on 05 Mar 18 - Cached
  • mikhail-miguel on 05 Mar 18
     
    Olá webmaster! Procurando por recursos para turbinar seu site? O PortalDigiDesign tem as melhores soluções em php, asp, javascript, css, coldfusion, dicas de webdesign, layouts prontos, flash, applets, serviços gratuitos como indique o site, usuár...
samibaceri

O que é um Bônus de depósito? - 5 views

Entender a terminologia do cassino não é difícil. Os bônus de depósito são recompensas em dinheiro que você recebe quando deposita dinheiro em um cassino online. Geralmente é uma porcentagem do val...

started by balanceblind on 07 Feb 24 2 follow-ups, last by samibaceri on 07 Feb 24
balanceblind

O que você acha sobre jogos de azar? - 5 views

Sempre fui céptico em relação aos casinos e jogos de azar online, embora na verdade esta indústria esteja a desenvolver-se activamente e agora ofereça condições muito mais fiáveis ​​​​e seguras par...

started by samibaceri on 10 Dec 23 2 follow-ups, last by balanceblind on 10 Dec 23
Luciano Ferrer

Stupid htaccess Tricks * Perishable Press - 1 views

perishablepress.com/...stupid-htaccess-tricks

server hotlinking htaccess

shared by Luciano Ferrer on 11 Mar 12 - No Cached
  • Luciano Ferrer on 11 Mar 12
     
    "Stop Hotlinking, Serve Alternate Content To serve 'em some unexpected alternate content when hotlinking is detected, employ the following code, which will protect all files of the types included in the last line (add more types as needed). Remember to replace the dummy path names with real ones. Also, the name of the nasty image being served in this case is "eatme.jpe", as indicated in the line containing the RewriteRule. Please advise that this method will also block services such as FeedBurner from accessing your images."
vitor sena

Jogando.net/mu Season 6 (13 ) - 1 views

Participem da Nova Temporada da Jogando.Net/mu em versão Season6 sem bugs e com muitas Novidades. São mais de 20 servidores hospedados na equipe jogando.net com segurança e diversão garantida, os ...

started by vitor sena on 27 Mar 12 no follow-up yet
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • 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?
vitor sena

Jogando.net/mu Season 6 EP 3 (18 ) - 1 views

Participem da Nova Temporada da Jogando.Net/mu em versão Season6 sem bugs e com muitas Novidades. São mais de 20 servidores hospedados na equipe jogando.net com segurança e diversão garantida, os ...

started by vitor sena on 15 Sep 12 no follow-up yet
Vernon Fowler

The Ultimate Guide to Golden Ratio Typography - 0 views

www.pearsonified.com/...golden-ratio-typography.php

typography design golden ratio webdesign fonts typefaces webfonts font web

shared by Vernon Fowler on 23 Dec 11 - No Cached
  • The mathematical proportions of your typography are vitally important to how readers perceive both your site and your content.
  • Font size and line height are proportionally related.
  • For any font size, the line height must increase as the line width increases.
  • ...1 more annotation...
  • For a font size of 16px, the perfect line height is achieved when h equals the golden ratio. This yields a value of 25.88854px for the optimal line height. Using this value, you can then determine that the associated optimal line width is 670.21670px.
Vernon Fowler

Common HTML Validation Problems - 0 views

www.htmlhelp.com/...problems.html

url encode ampersand validation reference

shared by Vernon Fowler on 08 Jan 14 - Cached
  • To avoid problems with both validators and browsers, always use & in place of & when writing URLs in HTML
  • When writing the same URL in a plain text email message or in the location bar of your browser, you would use "&" and not "&".
‹ Previous 21 - 40 of 81 Next › Last »
Showing 20▼ items per page