Automagical Editor http://getautomagical.com Most recent posts at Automagical Editor posterous.com Sun, 05 Dec 2010 23:19:16 -0800 6 Free JavaScript E-Books and Tutorials http://getautomagical.com/6-free-javascript-e-books-and-tutorials http://getautomagical.com/6-free-javascript-e-books-and-tutorials 6 Free JavaScript E-Books and Tutorials
READWRITEWEB | 4 DECEMBER, 2010
http://pulsene.ws/rVhv


JavaScript has never been hotter, thanks to projects like Node.js, JQuery and PhoneGap. You can now use JavaScript for ...

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Mon, 22 Nov 2010 01:22:00 -0800 28 HTML5 Features, Tips, and Techniques you Must Know | Nettuts+ http://getautomagical.com/28-html5-features-tips-and-techniques-you-mus http://getautomagical.com/28-html5-features-tips-and-techniques-you-mus
<!DOCTYPE html>
via net.tutsplus.com

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Fri, 19 Nov 2010 07:30:00 -0800 Common CSS Properties http://getautomagical.com/common-css-properties http://getautomagical.com/common-css-properties

I've been on a mission for the past day or so to find the most common css properties which we can add to any HTML element. Seems no one compiled a list anywhere, so here is my list:

 

background:

background-color (rgb, hex, name, transparent)

background-image (url location, none)

background-repeatn (x y)

background-attachment(scroll fixed)

background-position (repeat, repeat -x -y, no-repeat)

 

border (-top, -right, -bottom, -left):

border-width (% px em)

border-style (none, dotted, dashed, solid, double...)

border-color 

font:

font-style (normal, italic, oblique)

font-variant (normal, small-caps)

font-weight (bold, bolder, lighter, normal, 100-900)

font-size (lenght, %, xx-small to xx-large)

font-family (family name eg. Arial)

 

//Spacing outside border

margin:

margin-top

margin-bottom

margin-right

margin-left

 

//spacing inside border, aka padding within

padding:

padding-top

padding-bottom

padding-right

padding-left

Technically these properties exist, but Automagical will most likely isolate this from the user:

 

position

top

right

left

bottom

float

 

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Sun, 14 Nov 2010 18:21:29 -0800 Learning JavaScript http://getautomagical.com/learning-javascript http://getautomagical.com/learning-javascript
For those of us that are still familiarizing ourselves with JavaScript, Mozilla has a great website on the basics. Check it out and make sure to bookmark it. 

https://developer.mozilla.org/en/JavaScript/Guide

Cheers,

V. Filip Mares

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Sun, 07 Nov 2010 00:24:00 -0700 JSONLint - The JSON Validator. http://getautomagical.com/jsonlint-the-json-validator http://getautomagical.com/jsonlint-the-json-validator
via jsonlint.com

This is similar to the beautify JS tool found. Neat is a WIN!

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Sun, 07 Nov 2010 00:09:00 -0700 Beautify your javascript http://getautomagical.com/beautify-your-javascript http://getautomagical.com/beautify-your-javascript
This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward's packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.
via jsbeautifier.org

This thing will make our JS development so much better. We need this well formatted.

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Wed, 27 Oct 2010 09:09:00 -0700 Viewable Area Test http://getautomagical.com/viewable-area-test http://getautomagical.com/viewable-area-test
Check out this website I found at gadgetopia.com

I've been coding all our CSS lately and one of the issues i think we'll run into into for multiple users is screen resolutions. Our WYSIWYG environment should scale properly. As some web designers/developers know, this can be a nightmare. I was recently trying to calculate the viewable are in my browser. I came across this tool which reports what the screen resolution is and what the current viewable are is in the browser.

Enjoy!

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Mon, 25 Oct 2010 20:42:00 -0700 Selector Cells http://getautomagical.com/selector-cells http://getautomagical.com/selector-cells
Screen_shot_2010-10-25_at_11
Check out this website I found at buttonator.com

I created some buttons with this site in order to represent the cells. I then added a border to the GIFs and used rounded corners in order to beautify the look. Check it out.

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Sat, 16 Oct 2010 13:52:00 -0700 The Father Of CSS Talks HTML5, CSS3 [Video] http://getautomagical.com/the-father-of-css-talks-html5-css3-video http://getautomagical.com/the-father-of-css-talks-html5-css3-video
via techcrunch.com

Although i've never heard of Håkon Wium Lie, i found his talk on the next 12 months in CSS and HTML interesting. Certainly a huge achievement proposing and getting approval for CSS standards. It's 16 years old!!! Further research would need to be done to find out what 30 elements of CSS are currently being worked on and their progress. He mentions only a few will make it to final SPEC.

Filip Mares

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Fri, 15 Oct 2010 19:29:00 -0700 Horizontal Scrolling Using JQuery and CSS http://getautomagical.com/horizontal-scrolling-using-jquery-and-css http://getautomagical.com/horizontal-scrolling-using-jquery-and-css

1283155086

I found this link on a tutorial to effectively make a region horizontally scrollable according to mousemove events.

It seems like a nice solution and I've currently implemented it in the Selector toolbar region for icons. I noticed however that when there are a large amount of icons, scrolling in this manner can become a bit "tedious" so I tried to keep my javascript code as tiny as possible so it can easily be removed if needed.

 

Raj

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/4TeOi8g4kyVH Raj Parameswaran rajpara Raj Parameswaran Thu, 14 Oct 2010 11:58:00 -0700 Top HTML 5 Developer Questions http://getautomagical.com/30545596 http://getautomagical.com/30545596

Html5-logo

I found this great article on Mashable discussing HTML 5 and essential information developers should have on it. From the article, I came across several things, but one stood out. Modernizer is a JS library for checking HTML 5 compatibility for the user's browser. It doesn't fix the incompatibility, but it does let you hook in and replace the code with another snippet you've tested for that browser. Fairly interesting stuff. They also list a number of HTML 5 recourses online which we've come across in the past few week. 

An import idea to take away is that although HTML 5 is present in various Web Apps we come across it isn't quite as adopted by other developers. Now is the time to sink our teeth in and gradually update our apps as the Spec standardizes in the following years. "Web 2.0" and "App" buzzwords are more likely dying out. C5an you imagine the days when Web 3.0 becomes a trend?

Filip Mares

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Sun, 10 Oct 2010 13:46:00 -0700 CSS 3 Menu Design (Gradient, Transition and Tool) http://getautomagical.com/css-3-menu-design-gradient-transition-and-too http://getautomagical.com/css-3-menu-design-gradient-transition-and-too

Since i am designing the UI for Automagical, I've been researching CSS3 techniques for animations and gradients. There are lots of changes to CSS and browser support in the past few years that allows for some awesome animations. i stumbled across this blog post on gradients for designing a menu bar and transitions for cool effects when hovering on and off the <li> element. Additionally, i also discovered a cool gradient property builder tool for WebKit. 

I'll be customizing what i got from the tutorial into our menu system which should be up and running within the next week pending any road blocks.

Cheers,

V. Filip Mares

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares Wed, 06 Oct 2010 08:09:00 -0700 Let's get Automagical http://getautomagical.com/lets-get-automagical http://getautomagical.com/lets-get-automagical

First post on the Automagical editor blog. We're going to be sharing information about our progress on the Automagical editor. What it does. Who we are. Links to interesting resources and of course our source for the project.

Enjoy!

Filip Mares

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/783823/twitter.jpg http://posterous.com/users/167hM4OMW09 Filip Mares filipmares Filip Mares