Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

@font-face gotchas « Paul Irish - 1 views

paulirish.com/...font-face-gotchas

@font-face css3 typography font-face fonts css webdesign web design

shared by Vernon Fowler on 10 Oct 12 - No Cached
  • There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well.
  • And.. regarding @font-face syntax I now recommend the bulletproof smiley variation over the original bulletproof syntax.
  • @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('?'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); }
  • ...5 more annotations...
  • in Webkit (Chrome/Safari), applying font-weight:bold to faux-bold some @font-face'd text will not succeed. Same applies for font-style:italic.
  • text-transform doesn't play well with @font-face in current implementations.
  • @font-face doesnt play nice with css transitions.
  • If a @font-face declaration is within a media query @media screen { ..., it will fail in Firefox.
  • SVG Fonts - Currently SVG is the only way to get webfonts working on iPhone and iPad.
  • Vernon Fowler on 10 Oct 12
     
    "There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well. "
Vernon Fowler

Introducing LESS: a Better CSS - 2 views

www.usabilitypost.com/...introducing-less-a-better-css

css less web design webdesign NED12

shared by Vernon Fowler on 12 Nov 12 - No Cached
  • I’ve tried SASS and really liked it, but one thing really bothered me. I didn’t like how all the syntax was different to CSS. Sure, it’s not CSS anymore, it’s SASS, but do we really need to change the syntax of the stuff already present in CSS — why not just expand it?
  • LESS, which stands for Leaner CSS.
  • LESS augments CSS with 4 main features: variables, mixins, nested inheritance and operations.
  • ...2 more annotations...
  • division, multiplication, addition and subtraction
  • LESS looks just like CSS, and the syntax we picked for the extra features is very CSS-like. This means you can rename your existing ‘.css’ files to ‘.less’ and start using the new features.
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.
Alex Williams

Add Colorful Syntax Highlighting to the WordPress Theme and Plugin Editor | WordPress N... - 0 views

wpmu.org/dpress-theme-and-plugin-editor

wordpress syntax editor plugin

shared by Alex Williams on 16 Mar 11 - No Cached
  • Alex Williams on 16 Mar 11
     
    WPMU.org
Jochen Burkhard

Sass - Syntactically Awesome Stylesheets - 4 views

sass-lang.com

SASS css Language Readable Syntax Stylesheet

shared by Jochen Burkhard on 18 Oct 09 - Cached
  • Syntactically Awesome Stylesheets
  • Tamura Jones on 18 Oct 09
     
    "Syntactically Awesome Stylesheets"
  • Jochen Burkhard on 19 Jan 10
     
    Sass makes CSS fun again. Sass is CSS, plus nested rules, variables, mixins, and more, all in a concise, readable syntax.
christa joe

LESS for Web Designers - 0 views

www.articlesbase.com/...r-should-use-less-6616116.html

LESS CSS web designing CSS preprocessors SaSS

shared by christa joe on 05 Jun 13 - No Cached
  • christa joe on 05 Jun 13
     
    To extend the capabilities of CSS, preprocessors called as SaSS and LESS were introduced. Both of them are dynamic stylesheet languages used for developing parameter based stylesheets for creating different styles in an entire website. However, we will mainly be discussing about LESS here as it is more developer-friendly and uses the Javascript syntax. Some of the features which LESS provides to a web designer are discussed here.
javatpoints

PHP while loop - javatpoint - 0 views

www.javatpoint.com/php-while-loop

design development Website webdesign programming Tools

shared by javatpoints on 08 Jul 15 - No Cached
  • javatpoints on 08 Jul 15
     
    PHP while loop can be used to traverse set of code like for loop. It should be used if number of iteration is not known. Syntax Alternative Syntax Flowchart Example Output: Alternative Example Output: We can use while loop inside another while loop in PHP, it is known as nested while loop.
Jochen Burkhard

Object-Oriented PHP for Beginners | Nettuts+ - 0 views

net.tutsplus.com/...ect-oriented-php-for-beginners

Object-Oriented php programming Introduction Beginner

shared by Jochen Burkhard on 12 Jul 10 - Cached
  • Jochen Burkhard on 12 Jul 10
     
    For many PHP programmers, object-oriented programming is a frightening concept, full of complicated syntax and other roadblocks. As detailed in my book, Pro PHP and jQuery, you'll learn the concepts behind object-oriented programming (OOP), a style of coding in which related actions are grouped into classes to aid in creating more-compact, effective code.
ma xiaoming

A Website creator software :Esite++ - 0 views

www.esiteplus.com

website design webpage design html editor

shared by ma xiaoming on 20 Aug 10 - Cached
  • ma xiaoming on 20 Aug 10
     
    Esite++is a Website creator software to save you time and effort. You will build websites much easier, with powerful tools like Syntax highlighting code editor, WYSIWYG designer, built-in FTP client... Whether you are a beginner or expert, if you want to create a website, Esite++ is your smart choice.
Jochen Burkhard

HTML Cheatsheet | Webmonkey | Wired.com - 0 views

www.webmonkey.com/...html_cheatsheet

html cheatsheet webmonkey tutorial web design webdesign

shared by Jochen Burkhard on 14 Dec 10 - Cached
  • Jochen Burkhard on 14 Dec 10
     
    HTML Cheatsheet By Webmonkey Staff Keep this cheatsheet handy - it contains the most common HTML tags and their proper syntax.
jenosize creative

install python - 2 views

jenosize.net/...install

programming install pydev python

shared by jenosize creative on 26 Jan 10 - Cached
  • jenosize creative on 26 Jan 10
     
    สำหรับการลง python นั้น ปัจจุบัน จะมี python อยู่ 2 version คือ version 2.x.x และ version 3.x.x โดยจะแตกต่างกันตรงที่ version 3 จะมี feature ใหม่ๆเพิ่มขึ้น และ รูปแบบการเขียนจะแตกต่างกันเล็กน้อย (Syntax) แล้วก็ส่วนของ Library แต่… ตอนนี้ version3 ยังหาตัว support อื่นๆข้อนข้างยากพอสมควร เช่น ใช้ Django ก็ support 2.6 อยู่เลย แล้วถ้าจะใช้ Database เป็น MySQL ในขณะนี้ MySQL เท่าที่หาพบว่า support แค่ version2.5 ตัว Framework support / GUI จะหาข้อนข้างยากนิดนึง..
Jochen Burkhard

Web Developer Basics: Link Relations In HTML5 - www.htmlgoodies.com - 0 views

www.htmlgoodies.com/...3918246

developer basics web links relations

shared by Jochen Burkhard on 27 Dec 10 - No Cached
  • Jochen Burkhard on 27 Dec 10
     
    In the first installment of this series, we introduced HTML5 and saw how much of its most basic syntax is far more simple and direct than the way most developers are used to coding. In this article, we'll look at some other basic tags and see some of the power of the language. A great deal of this power is due to the fact that browsers are becoming so powerful themselves that they can almost be looked at as "display engines". So HTML5 lets you design and code at a higher level conceptually, leaving some of the implementation details to the browser.
Vernon Fowler

The future of CSS layouts | Feature | .net magazine - 1 views

www.netmagazine.com/...future-css-layouts

layouts css3 layout columns webdesign future

shared by Vernon Fowler on 08 Aug 11 - No Cached
  • Vernon Fowler on 08 Aug 11
     
    "Conclusion FlexBox and Columns aside, it's still not definite which new layout modules will be fully implemented cross-browser. I'd say that Positioned Floats and Exclusions are very similar, and could easily be merged (indeed, this seems to be happening). Grid Layout has subsumed Template Layout, and will definitely be in IE10. Regions has already been implemented in a fork of WebKit, so could appear in WebKit browsers (Safari, Chrome, etc) very quickly. So I'd be willing to predict that with some changes to syntax, most of what you see here will make it into CSS3 in the future. If that's the case, I think it's a good thing; these new methods are complementary, not competing, and with a minimum of work will allow us to build very sophisticated websites a few years from now."
tom studer

10 of the Best CSS3 Code Generators » SitePoint - 0 views

www.sitepoint.com/10-best-css3-code-generators

CSS3 css

shared by tom studer on 14 Sep 11 - No Cached
  • tom studer on 14 Sep 11
     
    CSS3 changes everything. There are 116 new properties* with multiple vendor prefixes and different syntaxes. No one could be expect you to memorize everything. Fortunately, there are a number on free online tools which will help you create modern CSS3 code to cut and paste into your stylesheets…
Jochen Burkhard

Create modern Web sites using HTML5 and CSS3 - 1 views

www.ibm.com/...wa-html5

CSS3 HTML 5 modern sites web

shared by Jochen Burkhard on 05 Mar 10 - Cached
  • Jochen Burkhard on 05 Mar 10
     
    Summary:  Since the World Wide Web emerged in the early 1990s, HTML has evolved to become a relatively powerful markup language, which, when backed up by its close partners JavaScript and CSS, can be used to create visually stunning and interactive Web sites and applications. This tutorial serves as a hands-on introduction to HTML5 and CSS3. It provides information about the functionality and syntax for many of the new elements and APIs that HTML5 has to offer, as well as the new selectors, effects, and features that CSS3 brings to the table. Finally, it will show you how to develop a sample Web page that harnesses many of these new features. By the time you have finished this tutorial, you will be ready to build Web sites or applications of your own that are powered by HTML5 and CSS3.
neetu_juneja

PHP OOPS Tutorial - 0 views

www.phptrick.in/php-oops-tutorial

php oops

shared by neetu_juneja on 09 Nov 14 - No Cached
  • neetu_juneja on 09 Nov 14
     
    Object-oriented programming is dangerous. It changes the way you think about coding, and once the concepts have a hold on you, they don't let go. PHP, like Perl before it, has progressively incorporated more object-oriented aspects into its syntax and structure.
magecompinc

Team MageComp Aka Mavengers Shared Work from Home Tips on how to Stay Productive! - 0 views

magecomp.com/...m-home-tips-to-stay-productive

magento2 knockoutes5library knockoutjslibrary knockoutjsintegration es5librarywork

shared by magecompinc on 29 May 21 - No Cached
  • magecompinc on 29 May 21
     
    Knockout-es5 is a plugin by Steve Sanderson to simplify the syntax. Magento 2 provides a knockout js library to make our variable observable and using the advanced functionality of the knockout-es5 library we can make all variables observable in bulk using the tracking method.
1 - 20 of 40 Next ›
Showing 20▼ items per page