Links

Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Hide blog post from listing based on tags

CSS Part
<b:if cond='data:blog.pageName != &quot;Doodling&quot;'>
&lt;style&gt;
.just-hide-post{
display:none;
}
&lt;/style&gt;
</b:if>
   <!- JUST ABOVE YOUR HEADER CLOSURE TAG -->

Sencha Touch

Sencha Touch is a full mobile JS library, along with widgets, animations and all sort of utilities for mobile html5 development.

Zen Coding to boost your HTML and CSS

Zen coding is an IDE plugin to boost your HTML/CSS typing speed, all what you need to know is little Zen coding syntax and DOM XPath knowledge. It supports a wide variety of code editors, including Espresso, Vim, Netbeans, TextMate, and Komodo Edit. It combine the power and specificity of CSS selectors with HTML mark-up, and you get Zen Coding. Certainly, I wasn’t the only one whose jaw dropped the first time when i saw that with a single shortcut in my Dreamweaver, for div#wrap>div#content>amp>ul#nav>li*3 it populated

{LESS} for CSS

LESS is an amazing little tool which helps to minify your CSS by using some JS stuff, it extends CSS with the addition of variables, mixins, operations and nested rules, this means you can write code very quickly.

JS Fiddle

Suppose you want to test a JS snippet and test it, then all you have to do are; create a HTML page then write stuff on it then run it on a browser such a boring and long phenomena and these type of junk page we lost them almost in our huge file base and after a longtime when you really need this code or you want to share with you friend then you have to do a huge search to find that file..... get rid from all this with JSFiddle.

Periodic Table of Typefaces

Periodic Table of Typefaces : Popular, Influential & Notorious (wallpaper)
An interesting collection of fonts and guess what you also can order to past it on your workshops wall ;)

Get a Periodic Table of Typefaces for yourself!

Google Code Prettify

It is a truly better and easier way for syntax highlighting of code snippets in a web page with good cross-browser support. It contains a Theme based Customizable CSS file which you can chose from its gallery of theme and a Javascript module file that allows syntax highlighting of source code snippets in an html page. It is also light weighted and have basic support to all  C (and friends), Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles languages (because of commenting conventions, doesn't work on Smalltalk, or CAML-like languages), and we don't need to specify the language. Apart this for Clojure, CSS, Go, Haskell, Lua, OCAML, SML, F#, Nemerle, Protocol Buffers, Scala, SQL, TeX, LaTeX, VHDL, Visual Basic, WikiText, XQuery, and YAML. it have an extensible language handlers for other languages in such case you can specify the language.

Google Web Fonts

Google Fonts is an absolutely awesome collection of web fonts with Open Font License that you may use in your HTML web pages without any restrictions. Google Fonts are hosted on google.com and all you need to do is include a few lines of CSS (or JavaScript) to embed one or more of these fonts in your web pages.
We also can use these fonts for local use like in DOCs or PDFs, by downloading them from Google Fonts or from Google Code. 

Ripple Emulator

About Ripple Emulator

A browser plugin emulator to test and debug your HTML5 mobile applications for smartphone like Android, iOS, Blackberry.

It also supports multiple platforms like WAC, PhoneGap, WebWorks, Mobile Web, Opera and Vodafone.

Some of device features are also supported by Ripple Emulator, we can test Orientation, Accelerometer, Network Settings and Geo Location, apart that we can get the status of Audio and Video playback.  
All from within your Google Chrome browser and in a fraction of the time.