http://julianomoreira.com/index.php en julianodasilva@gmail.com Copyright 2010 2010-04-28T12:59:14+00:00 http://julianomoreira.com/new_site/notebook/hasta-la-vista-firebug/ http://julianomoreira.com/new_site/notebook/hasta-la-vista-firebug/#When:12:59:14Z The latest set of improved and new features to the Web Inspector are really great. I mean great to a point where I might use Web Inspector as my main web development tool. Those of us who breath web development know how much a tool such as Firebug and now Web Inspector can help. Here it is a quick highlight of the updates: Improved CSS inspection You can jump to where a particular rule in CSS is defined, view it and edit styles. You can also view user agents style which lets you view the “secret” styles behind Webkit and its forms styles. There’s also a search bar that lets you search HTML elements in your code. Edit DOM and Nodes trees. Finally, you’ll be able to edit the HTML of a DOM through an “edit as HTML” mode (right click the code you want to edit) in the context menu. Timeline Mode Wonder what makes your website slower? Timeline will check what the browser does and possible what’s bogging down your site until the page is rendered. Performance tips from the Audit panel Once you click “run”, Audit’s panel will run a check on your site to see what can be improved to make your site faster. It’ll give good tips on performance. So far I’m very excited. I really love the Web Inspector UI and I’m looking forward to using it. For more detailed information WebKit Blog.   2010-04-28T12:59:14+00:00 http://julianomoreira.com/new_site/notebook/formatting-your-css-properly/ http://julianomoreira.com/new_site/notebook/formatting-your-css-properly/#When:01:46:36Z As web designers, we like certain things done a very particular way. Some developers like camelCasing whereas some developers don’t, some designers prefer single line whereas some designers prefer multiple line formatting. There’s no right or wrong and it all depends on your work environment. Most web designers have their own way of writing and they stick to it no matter what. But the more diverse your projects are, the more you need to evaluate how you write your CSS. Since I work directly with developers(.NET, PHP, Python, Java) I took a step further trying to standardize my CSS formatting as much as possible based on a few things I know developers do. 01. Multiple Files @import url("reset.css"); @import url("master.css"); @import url("color.css"); @import url("layout.css"); @import url("typography.css"); @import url("orangish_theme.css"); I think that single files are most suitable for small projects no more than one page. When working on big projects, dividing your CSS files in multiple different files can help you tremendously specially if you intend to change colors periodically, have more control over typography and layout. For example, I wanted to be able to change color theme on my site as easy as possible so multiple files was the way to go. In this case, I have separated my structure, reset, master, typography and color css files so anytime I need to apply a different color theme all I need to do is add css declaration to my screen style sheet and that’s it. Very sweet! 02. Commenting /* !GENERAL STYLES———————————————————————————————————*/ a:link, a:visited { color: rgb(64,65,30); } a:hover { text-decoration: none; } I’ve been commenting my CSS quite a bit as I start to write a lot of ie6 “workarounds”, browsers differences etc. Since IE6 plays a very important role in my work, the more I comment, the best it becomes for developers to understand why I did that a certain way. Commenting is a common habit between developers due to complexity of the code. 03. Indentation ul#nav {float: right; width: 414px; height: 42px; margin-right: 10px}     ul#nav li {height: 42px; background: url(../images/nav_bg.png) no-repeat 0px 0px;  text-indent: -999em; overflow: hidden; float: left;}     ul#nav li a {display: block; height: 42px;} Indentation is a must-do when working with developers. Indenting your CSS is just a good as indenting your Javascript code. I learned that mostly from writing Javascript while reading DOM Scripting on my spare time. There’s a huge benefit in indenting your CSS. I tend to indent in chunks. That is to say, that children elements and sections are indented. CSS, Web Design 2010-04-26T01:46:36+00:00 http://julianomoreira.com/new_site/notebook/speaking-of-modern-lets-modernizr-ou-css/ http://julianomoreira.com/new_site/notebook/speaking-of-modern-lets-modernizr-ou-css/#When:00:18:29Z First off, I want to apologize for not being good about writing on my blog. Things have been really crazy in the past few months and time has been really short. However, I plan to be writing more often than ever before. I haven’t been writing often on my own site but I’ve been very active on Twitter. That’s how I found Modernizr, through a tweet from our incredible css expert, Andy Clarke. You may ask: “What the hell Is that?” Well, Modernizr is a tool that will help get things done in browsers that don’t support top-notch technology such as CSS3 and HTML5. Yeah! I’m talking about old browsers like Internet Explorer 5.5/6 and Firefox 1.0/2.0. All you have to do is add the Javascript file in your page and add a class of “no-js” to your HTML element. After the file is loaded (executed), you’ll be able to use the Javascript object and all the CSS classes it’ll attach to the HTML element. I’ve been playing around with it today and it seems pretty cool. I’m sure to put some examples here when I got a solid experience with it. Web Design 2009-09-19T00:18:29+00:00 http://julianomoreira.com/new_site/notebook/ten-things-you-may-not-know-about-me/ http://julianomoreira.com/new_site/notebook/ten-things-you-may-not-know-about-me/#When:05:35:32Z Inspired by one of the famously respected designers, Cameron Moll, in the web community, I decided to talk about ten things you may not know about me. I like playing soccer (football) but I was really good at Tennis. I was raised in a Baptist Church. I played Bass in a band at church. I was 19 years old when I migrated to U.S to pursue my career in design. I went to Bridgewater State College to study graphic and web design. I used to go every week, sometimes three or four times of week, to Lions Tap for burgers. They have the best burger in the planet. I’m a frequent customer at Barnes and Noble bookstore. I like to read a lot of magazines and books. I went through a lot of surgery this year, thoracic spine, left leg and my right foot was amputated in an accident in March of this year due to being destroyed by the car’s engine. I want to write a book about design. I have a beautiful girlfriend who stayed with me for 2 months in the hospital and she’s the reason why I’m happy and alive. Personal 2009-08-13T05:35:32+00:00 http://julianomoreira.com/new_site/notebook/better-grammar-better-writing-better-person/ http://julianomoreira.com/new_site/notebook/better-grammar-better-writing-better-person/#When:16:35:55Z Believe it or not, I’m never on cutting edge of anything. I didn’t get an ipod until the fifth generation and I’ve never watched “The Office”. So even though it’s been around for a few years, I feel like I won the lottery when I came across “Grammar Girl’s quick and Dirty tips for Better Writing” website. And I had to share with all of you. Some of you know I’m a foreign, English is my second language so my writing isn’t great, nearly awful. Grammar Girl is loaded with good resources for people like me who English isn’t their first language or the writing really sucks (in my case). Grammar girl hosts a weekly podcast to address questions of grammar, punctuation, and other hazards of the English language. Anyone following their website or tweets can call in, email or twitter with questions and Grammar Girl will respond fairly quick. Besides all the goodness provided by Grammar Girl, I hope to improve my English as well as my writing skills through this awesome resource given by our respected teacher Aka Migon Fogarty. Visit Quick and Dirty Tips to find links to podcasts by Grammar Girl as well as other subject such as law, nutrition etc. English, Personal 2009-08-11T16:35:55+00:00