background preloader

Gridless - An awesome HTML5 & CSS3 boilerplate for mobile first responsive, cross-browser websites

Gridless - An awesome HTML5 & CSS3 boilerplate for mobile first responsive, cross-browser websites
Related:  Grid systems

SWiSH Max SWiSH Max is a Flash creation tool that is commonly used to create interactive and cross-platform movies, animations, and presentations. It is developed and distributed by Pty Ltd, based in Sydney, Australia. SWiSH Max primarily outputs to the .swf format, which is currently under control of Adobe Systems.[1] SWiSH Max is generally considered to be a simpler and less costly Flash creation tool in comparison with Adobe Flash. SWiSH Max does not support some Adobe Flash features such as ActionScript 3.0, shape tweens, and bitmap drawing capabilities. The scripting used in SWiSH Max is a variation of ActionScript, commonly known as SWiSH script. SWiSH Max was designed for the Windows operating system and can run on a PC with a Pentium III 300 MHz processor, 64MB RAM, and a monitor capable of 1024x768 screen resolution and 16-bit color display. SWiSH Max3 added features such as a knife drawing tool, advanced shape operations, and ActionScript 2.0 classes. See also[edit]

Frameless Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Many people trying to use GGS were also confused by the lack of predefined code for working with the grid.

HTML KickStart HTML Elements & Documentation - Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><!-- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. Notes Don't forget to use an HTML5 Doctype <! Buttons A.button With Icons Colors .orange Styles .pop Tooltips Tooltips are awesome. Hover over the examples on the right to preview. Use: class="tooltip" + title="my tooltip content" Tooltip Positions .tooltip (default) .tooltip-top .tooltip-right .tooltip-left .tooltip-bottom Tooltips with HTML Content .tooltip + data-content="#ID" HTML Content This is more HTML content. Paragraphs Blockquote lobortis nisl ut aliquip ex ea commodo consequat. Blockquote Small Inline Styles Heading 3 Heading 4 Heading 5 Heading 6 Address col_12

cssFx.js - CSS3 property polyfill - It's So Futuristic, Baby! cssFx cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. Installing Download cssFx or install it with Bower: bower install cssfx. Usage Include cssFx in your <head> tag: <script src="cssfx.js"></script> Make sure any external stylesheets you want processed have the cssfx class. Browsers Supported Firefox 3+Chrome 1+Internet Explorer 6+Safari 3+Opera 9+ Important Considerations IE and other browsers remove either unknown properties or properties with unknown values. License cssFx is provided under the MIT license. Credits cssFx is a project by Ivan Malopinsky.

KToon KTooN /Tupi is a software application for the design and creation of 2D animation. This tool, inspired by and for animators, is being developed by an open community. It is covered under the terms of the GNU General Public License v3, meaning that KTooN is free and open-source software. It has been forked, and the old official website redirects to the website for "Tupi". History[edit] The project began in Cali, Colombia in 2002 as an initiative of two young animators working at the Toonka Films and Soluciones Kazak companies. During the same year the project applied for and received a grant from Colciencias, a public entity of the Colombian government dedicated to the promotion of science and technology. In 2003, looking for new sponsors, the project applied to Sena, a Colombian government institution dedicated to public education. Unable to secure further funding, the project was dormant for three years, until 2009. Features[edit] Development directions[edit] Alternatives[edit]

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together. Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit Unquoted CSS font family name validator Wondering if a given character sequence can be used as an unquoted font family name in CSS? Read all about it, or just use this tool. <strong>To use this tool, please <a href= JavaScript</a> and reload the page.</strong> permalink You can use this as an unquoted font family name in CSS: font-family: ; Standard CSS character escape sequences for supplementary Unicode characters aren’t currently supported in WebKit, though. You can use it with quotes: If used unquoted, this font-family name contains a keyword in CSS, and it refers to the keyword value rather than a font family with that name.

55+ Extremely Useful Online Generators for Designers In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name.I was @syedbalkhi across all social media platforms, so the brand wasn’t consistent.People didn’t know about my personal blog as much because they didn’t relate Balkhis with me. Well as I focus more on my personal brand in 2015, I made the crucial move of switching domain names. As you noticed with this change, I got a new site design. I didn’t want to spend too much time creating a custom theme, so I used my friend Michael Hyatt’s theme which you too can buy if you like: GetNoticed. I did customize it to give it a bit of personal touch. The main reason why I chose this theme is because of all the amazing functionality it comes with.

Related:  CSSvarious stufftypographyresponsive-design