Cssah

Lectures, Screencasts and conferences for real web developers & designers

noreply@blogger.com (ahmicro) — Mon, 27 Dec 2010 20:32:00 +0000

OnTwik is my new website that aims to provide the web community with a hight quality, latest, and best web development lectures and conferences from the best web developers and designers. You can also find lectures about creativity, marketing, startups so you can make the next big thing, yes YOU can!. Just from community to community.

I didn't make anything new or make all of theses great videos my self but i want to make them accessible in one place for the awesome web community which i love.

So i hope you love it and keep learning new stuff every day

If you have any feedback feel free to contact me any time.

Web Development Resources Roundup #11

noreply@blogger.com (ahmicro) — Sun, 13 Jun 2010 17:27:00 +0000

Every week i love to share a lot of interesting stuff around the web contains a great content that helped me a lot and i think it will be useful for you.i also share more and more great resources via twitter .so be sure to follow me on twitter . @cssah

Programming for Kids and Newbies

I've been asked by friends and acquaintances who want to get into computer programming what to do. I find myself wanting to recite the same things over and over again. Rather than do this, I thought it might be easier to put my thoughts up online.

Math For Programmers

I've been working for the past 15 months on repairing my rusty math skills, ever since I read a biography of Johnny von Neumann. I've read a huge stack of math books, and I have an even bigger stack of unread math books. And it's starting to come together.

Kill The Settings, Build Opinionated Software

Your app has too many settings, too many things to tweak. API endpoints? Colors of the rainbow? 100 different fonts and font sizes? Temperature in Kelvin? Switch the app to use Esperanto? Kill the settings, kill them all.

Does Your Website Travel Well?

Creating a mobile optimized website is kind of like packing for a last minute trip – focus on the essentials first. Make a list of things that users must be able to find while browsing your website on a mobile device.

Comparing WWDC and Google I/O

I was lucky enough to have attended both WWDC and Google I/O this year. It was interesting comparing the two: There were clear cultural differences, differences in approaches and similarities in outcomes.

Getting Into Open Source

Joining open source projects can be great for your career.
By contributing to publicly visible projects, you are automatically creating an online portfolio. If you only work on traditional projects, it’s likely that all your contributions will be locked away in a vault.

30 Habits that Will Change your Life

Developing good habits is the basic of personal development and growth. Everything we do is the result of a habit that was previously taught to us. Unfortunately, not all the habits that we have are good, that’s why we are constantly trying to improve.

Google I/O 2010 - SEO site advice from the experts

A perfect opportunity to get your website reviewed by the experts in the Google Search Quality team. Attendees can get concrete search engine optimization (SEO) feedback on their own sites. We'll also answer real-life questions that affect developers when it comes to optimizing their websites for search.

Untangle URIs, URLs, and URNs

In information management, persistence and availability are in constant tension. This tension has led to separate technologies for Uniform Resource Names (URNs) and Uniform Resource Locators (URLs). Meanwhile, Uniform Resource Identifiers (URIs) are designed to serve as both persistent names and available locations. This article explains how to use the current URI standards with XML technologies, gives a history of URNs and URLs, and provides a perspective on the tension between persistence and availability.

Ultimate guide for screencasts & podcasts for every web developer.

noreply@blogger.com (ahmicro) — Thu, 03 Jun 2010 10:54:00 +0000

I’m a big lover of visual learning because this way makes me learn more and faster. I used to see screencasts, listen to podcasts and attend more conferences on my niche. In addition to that screencasts and conferences lectures are up to date and introduces a very intensive and new techniques. So i decided to share with you a very useful websites that will change your learning way and life. Some of them offers a live lectures and some screencasts and the others offer podcasts. Enjoy!

YUI Theater

Google Tech Talks

Google Developers

carsonified vimeo channel

jsconf

railscasts

The Pragmatic screencasts

zendcasts

css-tricks

5by5 Studios

peepcode

showmedo

themeforest screencasts

nettuts

teach me to code

jquery for designers

outlaw design blog

doctype

vim casts

boagworld podcast

freelanceswitch podcasts

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article. You can follow me on Twitter or subscribt for rss

Web Development Resources Roundup #10

noreply@blogger.com (ahmicro) — Wed, 02 Jun 2010 17:20:00 +0000

Robert Nyman: JavaScript - From Birth to Closure

This presentation will give you a brief background to JavaScript, what it is and where it comes from. Then it will walk you through general pitfalls, best practices and more advanced topics such as object-orientation, scope and closures.

PHP: What You Need To Know To Play With The Web

In this article, I’ll introduce you to the fundamentals of PHP. We’ll focus on using PHP to access Web services and on turning static HTML pages into dynamic ones by retrieving data from the Web and by showing different content depending on what the user has entered in a form or requested in the URL.

15 Things You Can Do with Yahoo! UI

In this article I’m going to share some of my "short stories", "poems", and random sonnets of affectionate escapades I’ve had with JavaScript during the last few months, which I’ve built using the Yahoo UI utilities.

HTML5 and CSS3 Books to Watch for in 2010

In this article, I’ve compiled a list of eleven books that will be released in 2010 that focus on HTML5 and CSS3. Many of the authors listed alongside the titles below will be familiar to us, since some of them have established themselves online as zealous proponents of best practices and standards-based code.

One Sure-Fire Way to Improve Your Coding

The most obvious way to improve your coding is to write more code. Everybody knows that. However, another activity which I guarantee will improve your coding is the complete opposite of writing. I will state this as plainly as I possibly can: If you want to dramatically increase your programming skills you need to be reading other people’s code.

Web Development For The iPhone And iPad: Getting Started

According to AdMob, the iPhone operating system makes up 50% of the worldwide smartphone market, with the next-highest OS being Android at 24%. Sales projections for the Apple iPad run anywhere from one to four million units in the first year. Like it or not, the iPhone OS, and Safari in particular, have become a force to be reckoned with for Web developers. If you haven’t already, it’s time to dive in and familiarize yourself with the tools required to optimize websites and Web applications for this OS.

What Every Apple Programmer Should Know

While the theme of this article is common problems in Cocoa, I think this will also have a great deal of relevance to any Cocoa programmer as well. Ultimately, this will be a collection of common problems in API design and implementation, and large chunks of any real application count as APIs. While I really want Apple to follow these ideas, if you follow them as well, they should make your life much easier.

HTML 5 Demos and Examples

HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter).

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article. You can follow me on Twitter or subscribt for rss

JSMag June 2010 is available

noreply@blogger.com (ahmicro) — Wed, 02 Jun 2010 16:04:00 +0000

Today JsMag magazine is launched their last issue for june 2010 ,and it’s available for download If you're a current subscriber, your issue is already available for download in your account area.

Creating Dynamic Charts with Flot - Jason Gilmore
Old School Unobtrusive JavaScript - Evandro Miller
Rich Enterprise Application Development with ExtJS - Andre Buchda
JavaScript UI Architecture Part 2 - Kyle Simpson
Securing Web Applications Part 2 - Tom Hughes-Croucher
JavaScript Beginner's Corner - Objects - Tom McFarlin
Cross Platform - Rich Editors - Christian Tiberg
Community News - Matt Henry

To learn more about this issue, visit JSMag and you can Follow @jsmag and @webdevpub on twitter.

What is the Right Hosting Solution for You?

noreply@blogger.com (ahmicro) — Thu, 27 May 2010 22:44:00 +0000

There are many options from which to choose when it comes to web hosting, so it is often a challenge for companies attempting to choose the perfect hosting solution. Naturally, a blog site has different hosting requirements than does an online retail store. In turn, an online retail store has different hosting requirements than does a video download site.

If a business is seriously committed to building an online presence but currently is not ready to purchase its own servers, there are four general web-hosting options from which to choose. These hosting options are as follows:

Managed Hosting Solutions

Managed hosting enables a business to lease an entire server while outsourcing the configuration and maintenance of the server to the managed hosting provider. Though the business does not control completely the operation of the server, this hosting solution alleviates the necessity of hiring an IT staff for server management. As part of the hosting package, the hosting provider supplies all resources necessary for maintaining server uptime and performance.

Because managed hosting does not allow a business full control of the server configuration, this type hosting is not a practical option for businesses that develop proprietary or custom technologies. Managed hosting is more appropriate for businesses that have high-traffic websites powered by well-established platforms. Online newspapers and high-traffic blogs are perfect candidates for managed hosting.

Dedicated Hosting Solutions

Dedicated hosting enables a business to lease an entire server and gain complete control over the server’s configuration and performance. Fundamentally, dedicated hosting is an option specifically designed for businesses based primarily online. These businesses rely heavily on internet technology for the success of their business operations.

Dedicated hosting benefits many companies and has several distinct advantages in its favor. First, by choosing dedicated hosting, a company receives access to a server allocated exclusively for its business. The benefit is that no other website’s traffic flows through the server slowing down its performance. This is of immense value for businesses that depend on server stability. Second, a business has no need to invest in the additional equipment and space required if the business maintained its own server. The hosting provider houses the server eliminating additional expense. Third, dedicated hosting gives a business the ability to configure and customize the server according to its company’s unique hosting needs. The only caveat with dedicated hosting is that a business needs in-house IT staff. This is a necessary expense with dedicated hosting. If a business cannot afford in-house IT staff, it needs a different hosting solution.

An example of a business that would benefit from dedicated hosting is an online retailer using a custom CMS that manages a huge inventory and must be able to handle thousands of queries each minute without lagging. Another example of a business that would benefit from dedicated hosting is an advertising company running an ad platform that manages numerous ad campaigns for multiple domains.

Cloud Hosting Solutions

Cloud hosting enables the leasing of a virtual server by a business. The business can dynamically scale the server as needed. This form of hosting is perfect for tech start-ups.
Cloud hosting especially benefits tech start-ups relying heavily on web-based technology and those without the capital to expend on infrastructure. It also helps tech businesses that project significant growth spurts over the next few years.

A cloud server benefits the fledgling technology company by allowing it to adjust its hosting resources based on its changing business needs. This option gives the company budget flexibility because it eliminates costly investment in additional hosting services that the company does not presently need. Cloud hosting allows the company to divert those savings to other business operations.
As with dedicated hosting, the use of cloud hosting requires a business to provide its own IT staff. For most technology-based businesses, this presents no problem since those resources are already an intrinsic part of their business model.

Virtual Hosting Solutions

Virtual hosting enables growing online businesses to manage spikes in web traffic while maintaining peak performance. With this hosting option, a virtual server acts as an intermediary between the web users and real servers. Using a process termed load balancing, the virtual server allocates user requests apportioning the requests evenly across multiple servers. This ensures the required bandwidth is available during periods of heavy traffic.

Virtual hosting benefits businesses with extensive web traffic. It benefits businesses processing numerous server requests, and virtual hosting benefits businesses requiring speedy load times but lacking the resources to invest in dedicated hosting.

Businesses that allow user access to blogs, forums and webmail platforms all with a single login are excellent candidates for virtual hosting. Despite being a part of the same domain, each platform requires its own server. This allows management of simultaneous user queries for different databases without overburdening a single server. A user may initiate several different queries, but the virtual server sends each query to a different server to ensure a speedy response for the user. Though many processes are occurring, the user remains oblivious to them since there is no delay. Virtual hosting provides a seamless experience for the user.

Choosing a Hosting Provider

Determining the hosting option best suited to a business is an easy task. A business makes its decision based on its unique needs. The challenge lies in choosing a hosting provider. The best approach to take is the approach of an informed consumer. Research various hosting providers and get to know the type services each provides. Some companies specialize in one type service while other companies specialize in another type service. Read any available reviews by current and former customers.

If choosing a hosting solution that requires a business to manage its own servers, be sure to consult the IT team before making a decision. The IT team knows the technology and is best qualified to determine the appropriate questions to ask the hosting provider. Relying on their advice will eliminate unnecessary frustration in the long term.

About the Author

Hosting.com is a cloud & web hosting company, has been a trusted name in web hosting since 1997 Hosting.com provides enterprise colocation, cloud computing, dedicated hosting, managed hosting, disaster recovery, and business continuance services to a global customer base

Web Design Resource Roundup #9

noreply@blogger.com (ahmicro) — Wed, 05 May 2010 10:16:00 +0000

A holistic approach for the typical workflow

A grid at its barest is nothing more than a series of intersecting horizontal and vertical lines spaced at regular intervals, but its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. If you want to reap their benefits of grids on your next project but are unsure of the specifics, this article is for you.

A new global visual language for the BBC's digital services

It was a basic offering with two sections to the site. Over time it has grown to encompass a great deal more. However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths.

Time to stop showing clients static design visuals

The biggest headaches for web designers and developers often come not from design, or from writing meaningful markup and CSS but from browser related issues. I'll assume and hope that you are already writing markup for the maximum meaning rather than simply to achieve a visual result. I also hope that you use all of the available CSS selectors to help you avoid filling your markup with presentational elements and attributes. After-all that is the real goal of CSS 2.1 and CSS 3 selectors; to enable you to target an element for styling without needing to add a specific class or id.

Create modern Web sites using HTML5 and CSS3

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.

Improving typography through space

As designers, we see websites, their parts and a variety of other design elements being overused, misused and abused on a daily basis. We label most of these as “trends”, but let’s face it: We have all fallen guilty of them and in a way we should be glad they exist. It helps the special few break free and try something new (again, setting us up for another future trend).

Designing for iPad: Reality Check

Over the last two months we have been working on several iPad projects: Two news applications, a social network and a word processor. We worked on iPad projects without ever having touched an iPad. One client asked us to “start working on that tablet thing” even before we knew whether the iPad was real. The question Are we designing desktop programs, web sites or something entirely new? has been torturing us until that express package from New York finally crossed our door sill.

The Anatomy of a Website

Many people find it hard to picture a website as more than a bundle of content. This often makes explaining the mixture of languages used and the way everything comes together a difficult task.

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article. You can follow me on Twitter or subscribt for rss

Web Design Resource Roundup #8

noreply@blogger.com (ahmicro) — Fri, 23 Apr 2010 22:34:00 +0000

YUI Theater “High Performance JavaScript”

YUI Theater — Nicholas Zakas, Stoyan Stefanov, Ross Harmes, Julien Lecomte, Matt Sweeney: “High Performance JavaScript” (92 min.)

JSConf 2010 : Video Interviews with Top JavaScript Developers

While at JSConf 2010, I was able to interview some great developers who are really making an impact on client-side development. I’ve posted the video interviews below and I hope you like them. I want to thank all of my guests for taking the time to speak with me and share some great insights into what they’re working on

The future of wireframes?

I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward.

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!” moments I’ve had in the past, which you can try out rather than waiting for them to come to you by chance.

Five Tips For Making Ideas Happen

Creative types have a problem. We have so many great ideas, but most of them never see the light of day. Why do most ideas never happen? The reason is that our own creative habits get in the way. For example, our tendency to generate new ideas often gets in the way of executing the ones we have. As a result, we abandon many projects halfway through. Whether a personal website, a new business idea or a long-dreamt novel, most of these projects stagnate and become a source of frustration.

Using CSS instead of images when coding your web design

As an Interface Developer, it has always been a challenge to make the designers’ dreams come true, especially when it comes to shadows, gradients and various level of transparency. Slicing images till no end, trying to make it look good. Nowadays, though, a nice alternative is to do it with CSS.

Resources

noreply@blogger.com (ahmicro) — Tue, 13 Apr 2010 16:27:00 +0000

Blogs

Arabic

keepondev
cssbit

English

#Web Design

alistapart
tutsplus

#Javascript

ajaxian

Stoyan Stefanov
dailyjs
yuiblog

5 css3 semantic code generators

noreply@blogger.com (ahmicro) — Mon, 12 Apr 2010 09:10:00 +0000

Css3 become more and more popular , because it has many and many features and the full support from browsers . you can see on my blog that I'm using it for several items and i think it gives a great look instead of images .
Css3 can make you a great designer by following it’ features to make your site more elegant and usable .
In the following are a set of web apps that generates a semantic css3 code to be more productive and discover the power of it.Enjoy!

CSS3, Please!

Css3 please is an amazing tool for generating live css3 code , it support #font-face, border-radius, box_transitions and more for Mozilla-based and WebKit-based browsers . Just you can edit the underlined values in the page and you can see the changes live.

border-radius

border-radius by Jacob Bijani is a quick way to generate and see what border radius do by editing the value you want and it generate the css3 code for you.

CSS3 Generator

Css3 generator is all in one tool for all css3 features . Simply choose the property and go with the full features of css3 .what i love is it shows browser icons for browsers that support the property and it’ll show IE support if the CSS3 property is supported.

CSS3 Gradient Generator

CSS3 Gradient Generator from Mozilla is a great tool to show you the power of css3 based gradients as well as a tool for developers and designers to generate a gradient in CSS
CSS gradients generate an image result, meaning the result of a CSS gradient can be used anywhere an image can be used, be it a background-image, mask,border, or list item bullet

CSS3 Sandbox

CSS3 Sandbox have a set of css3 code generator including shadows, graddiants, trnasforms text-stroke and more tools . Discover it by your self and you will love playing with.

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article. You can follow me on Twitter or subscribe for rss

Web Design Resource Roundup #7

noreply@blogger.com (ahmicro) — Mon, 12 Apr 2010 07:49:00 +0000

Adobe Creative Suite 5 Brings Sexy Back

Adobe will unveil its new Creative Suite 5 on Monday April 12th at 8AM PDT, just a few hours from now.
In this post, we’ll be sharing some of the highlights of each application in this exciting new release, with some detailed info on the new applications. We’ll also discuss whether we think CS5 is worth upgrading to or not.

CSS3 Generators Write All that Pesky Code for You

Playing around with CSS3 is fun, but remembering all those experimental properties with their vendor prefixes, and which browser supports which property is a real bummer. But never fear, CSS3 code generators have it covered. Recently, I’ve found three useful ones.

Cleaner Code with CSS3 Selectors

The parts of CSS3 that seem to grab the most column inches on blogs and in articles are the shiny bits. Rounded corners, text shadow and new ways to achieve CSS layouts are all exciting and bring with them all kinds of possibilities for web design. However what really gets me, as a developer, excited is a bit more mundane.

Make Your Mockup in Markup

I used to think the best place to design a website was in an image editor. I’d create a pixel-perfect PSD filled with generic content, send it off to the client, go through several rounds of revisions, and eventually create the markup.

On Web Typography

There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?

My top 10 JavaScript Blogs

These are the JavaScript blogs that I am repeatedly drawn to. Their emphasis is on the language itself. Real code, real situations. Enjoy!

You’re Failing as a Web Developer — and Here’s Why

There is endless content available in the world of web design blogging telling us how to do things right, and how to succeed at our chosen profession.
That’s obviously a good thing, and it will certainly continue that way. But once in a while we need reminders on the things we do (or fail to do) that are negative.

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article.
You can follow me on Twitter or subscribe for rss

The powerful of ubuntu gEdit editor

noreply@blogger.com (ahmicro) — Tue, 06 Apr 2010 01:14:00 +0000

When I first use Ubuntu linux I was looking for a suitable and powerful texteditor for web development and I found many tools out there, and I forgot to try the default text editor that comes by default with linux , the gedit.
By default when you open gedit for the first time you will feel suck for the current customisation, but when you start to play with it's tools you will feel great

First open it by : Application >> Accessories >> gedit .

how to customise gedit

from Edit menu click preferences and from the view tab

Check display line number
Check highlight current line
Play with other options to discover them

from the view tab

Set the tab indentation number as you like , I set it 4.
Check enable automatic indentation

from the font tab

Set the font type to monospace and the font size to 11 to make your text more readable
There are many Color Schemes you can try any of them if you like.

From the plugins tab there are many of useful plugins such as

Snippets: it will make you more productive by insert often pieces of code you are using usually.
Indent lines : indents or un-indents selected lines.
Sort : sorts a document or selected text .
File Browser Pane: a mini file browser embedded in the editor
Code comment: a shortcut to comment your code. Many languages are supported

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article.
You can follow me on Twitter or subscribe for rss

simple tips for creating a printer-friendly page

noreply@blogger.com (ahmicro) — Wed, 24 Mar 2010 14:52:00 +0000

Every website should have it's own css file that define how the pages will looks properly on tha peper not only the screen .Imagine you were to print a web page exactly as it appears on your screen , you will wasting a lot of ink and paper.The print style can decrease a lot of ink and increase the user experience and make you website more friendly .

First i want to show the difference between the other popular media types .

All : used for all media the devices .

Print : used for documents viewed on screen in print preview mode.

Screen : used for color computer screen .

there are many type of media types such as (braille, handheld , speech and tv) but they are not popular.

1 - Creating a print.css file .

The first thing to do is to create a new css file that dictates how a page looks when printed and set the media property to print .


<link rel="stylesheet" type="text/css"  href="css/print.css" media="print" />

You can also use one stylesheet for all media by set the media property to all


<link rel="stylesheet" type="text/css"  href="css/print.css" media="all" />

or you can use one stylesheet for more than one media by separate the media types with comma


<link rel="stylesheet" type="text/css"  href="css/print.css" media="print,screen" />

Use the first method for the print type and the other two methods are just for more information about the media types .

2 - style your text and links

The best type face for print to choose is Serif which more suitable to print style and is more easily readable, and set the color to black .

set the font size to PT rather tan PX, and your code will simply like this

body { 
 font-size: 12pt; 
 color: black;
 font-family: "Times New Roman", Serif; 
}

another way to show links is to change the color to the standard blue color which easy to recognizable , make font-weight to bold and make the text underlined as you can see below


a:link, a:visited { 
 color: blue; 
 font-weight: bold;
 text-decoration: underline;
}

when we print links we can't deal with the href value because it's already hidden, but we can use a great trick to display the value of the href attribute , after every anchor in the page .

By using the :after pseudo-element we can achieve that


 a:link:after, a:visited:after {
  content: " (" attr(href) ") ";

}

in this code we show a set of parentheses around the URL and placed two quotes around it, and then we insert the attr(x) function to display the URL .

now let's see what is the deference before and after the print style

3- Save the user's ink

How many ads and images on your page, you don't want to display in the final printout such

as #sidebar, #ads, you can use the css display : none to hide them


 #ads, #header, #comments {
 display: none;
 }

by hidden theses sections you not only save the user's ink but also you can customize you

sections as you like an important rule the can make the print more friendly is to turn off any background images .


body {
 background: none;
}

By adding a simple lines of css you can increase the user experience and make you website more friendly .
Try it and and if you get any problem don’t hesitate to tell me .Thx.

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article.
You can follow me on Twitter or subscribe for rss

The easiest way to get apps with ninite

noreply@blogger.com (ahmicro) — Wed, 24 Mar 2010 09:57:00 +0000

Ninite considered one of the easiest ways to get many of your favorite apps . The tools i love are Developer Tools including (Notepad++, Eclipse and Filezilla).

Also you can find all web browsers Firefox, Chrome , safari and Apple. Ninite lets you pick your favorite software from among an extensive list including all everyday apps you can imagine (web browesers, media, images , scurity and more ..)

Ninite checks your PC's language and 64-bit support to install the latest, best version of each program.Ninite runs on Windows XP/Vista/7 and works in the background unattended and 100% hands-free. All Ninite does is automatically download and install the apps you select.

I can say that you will fall in love with this app especially if you are a web geek!

Web Design Resource Roundup #6

noreply@blogger.com (ahmicro) — Sat, 13 Mar 2010 10:21:00 +0000

Code Conventions for the JavaScript Programming Language

This is a set of coding conventions and rules for use in JavaScript programming. It is inspired by the Sun document Code Conventions for the Java Programming Language. It is heavily modified of course because JavaScript is not Java.

JavaScript best practices

Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do.

Setting Up Photoshop For Web, App and iPhone Development

Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all.

The Future Of CSS Typography

In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.

What A Web Developer Is – And Isn’t

There seems to be a lot of confusion in the world today about what it is that web developers are and do. Are they designers? Programmers? Marketers? Business owners? While being a little of all of these is important in the world today, that’s not what web developers really are.

CSS Reset: Ways and Advantages

CSS Reset or Reset CSS are one of the best ways to ensure you have a consistent web layout and design across all browsers. In this post we discuss the different ways and the advantages or disadvantages of using them.

Writing an Interface Style Guide

Take a look at any CSS-based website design gallery, and you’ll see it’s obvious that beautiful interfaces are being designed and developed in amazing quantities. I frequently look to these sites for inspiration and, beyond a nice design and beautiful code, there’s usually something common about these sites: they’re new.

JSMag are giving away a free issue from their first year .

noreply@blogger.com (ahmicro) — Thu, 04 Mar 2010 19:52:00 +0000

Today JsMaj celebrating their first birthday . JsMaj aims to brings you quality JavaScript content to educate, movitate and inspire you in your work with JavaScript.

To get your free copy, simply log into your account and use the code ‘oneyear’ to get a free issue.Via YUI .

You will be able to keep your skills up to date with the latest javascript technologies, and i highle recommended it for every front-end developer .

Don’t forget to help them by adding their code into your website as i make on my sidebar .

Web Design Resource Roundup #5

noreply@blogger.com (ahmicro) — Thu, 04 Mar 2010 14:40:00 +0000

Search Engine Optimization for Blogs – SEO

Search Engine Optimization is something that makes many blogger’s heads spin – I know this because every time I write an SEO article I get comments from bloggers telling me that its too big a topic and that they’d rather just write ‘quality content’.

The Most Common HTML and CSS Mistakes to Avoid

Beginners through advanced coders make mistakes in their HTML and CSS files, either through carelessness or lack of experience. Clean code is very important though and will help further your skills as a developer, as well as save you time in editing later on! It never hurts to review if you’re a skilled developer, many mistakes are caused by going too quickly and not practicing good coding skills from the beginning.

Transparent PNGs in Internet Explorer 6

Newer breeds of browser such as Firefox and Safari have offered support for PNG images with full alpha channel transparency for a few years. With the use of hacks, support has been available in Internet Explorer 5.5 and 6, but the hacks are non-ideal and have been tricky to use. With IE7 winning masses of users from earlier versions over the last year, full PNG alpha-channel transparency is becoming more of a reality for day-to-day use.

Group Interview: Expert Advice For Students and Young Web Designers

Our readers have requested that Smashing Magazine conduct an interview with industry leaders on issues that are relevant to students and those just starting off in their design career. With the help of our panel of 16 designers, we’ll dispense advice that should help new designers get their career off to a promising start. We’ve asked a few different questions to each of the designers; you’ll see all of their responses below. First, here is a list of the designers who participated.

50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community.

Coding a CSS3 & HTML5 One-Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game. And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

10 User Interface Design Fundamentals

It’s no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way.‘Staying out of the way’ means not distracting your users. Rather, good UIs let your users complete goals. The result? A reduction in training and support costs, and happier, satisfied and highly engaged users.When getting started on a new interface, make sure to remember these fundamentals …

Unique Blog Posts and WordPress Tips

Today I would like to talk about blogs that have a unique design for each post. They break the traditional blog layout by designing a different theme for each post based on the topic. Designing a different layout for each topic requires a lot of time and creativity. So, we should appreciate these blogazines who spend their extra time to make your reading more pleasurable.

Creating A Quality WordPress Theme: 12 Points to Consider

Many designers enjoy creating WordPress themes. And creating a theme isn’t that difficult if you have a basic grasp of CSS and can follow directions (WordPress’s Codex has extensive documentation). But that doesn’t mean that every designer out there who can create a theme has created a good theme. In fact, really poor themes abound.

8 Ideas, Techniques & Tricks for your Web Design Toolkit

As important as information and interface design are, it's the satisfied feeling of designing something that just plain looks awesome that keeps us going during those times when the creative well is dry, when you've stared at a blank canvas for hours, when you've saved a hundred attempt.psd's, and when you're fed up of design.

10 Hand-Picked Tutorials for Beginning Web Designers

So you're starting to show interest in web design, but are having trouble figuring out where to start? Want to create awesome websites, learn how to code HTML/CSS, and learn about web standards and the user experience? If so, we have a list of hand-picked Envato tutorials that should get you started on your journey!

JS Bin a collaborative JavaScript debugging tool.

noreply@blogger.com (ahmicro) — Fri, 26 Feb 2010 09:28:00 +0000

JS Bin was built by Remy Sharp and is completely open source and available http://github.com/remy/jsbin. You can also follow @rem on Twitter where he'll tweet about JavaScript, HTML 5 and other such gems.

JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.

JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn't). Once you're happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

If you want a lightweight debugger tool that you can write your code from every where then you should use it now , and it’s really have a friendly UI .

Web Design Resource Roundup #4

noreply@blogger.com (ahmicro) — Sun, 14 Feb 2010 14:57:00 +0000

SEO Guide for Designers

According to a poll I conducted, just over 1 out of 10 people don’t think SEO (Search Engine Optimization) is mandatory as a designer; and what really surprised me is about 24% don’t even know what SEO is! If you’re among the quarter of people who don’t know what SEO is or understand how it can help you, you should really read this article. This is an SEO guide for designers who want to learn about making it easier for websites or blogs to be found by search engines.

The Three Golden Rules of Site Redesigns

there are also a number of critical questions to ask when you’re thinking about redesigning your website:

The redesign might appeal to a new audience, but will it alienate loyal readers?
How will restructuring content affect search engine rankings?
Will these changes even make the site any better?

Color Theory for Designer, Part 3: Creating Your Own Color Palettes

Well, that’s where Part 3 comes in. Here we’ll be talking about methods for creating your own color schemes, from scratch. We’ll cover the traditional color scheme patterns (monochrome, analogous, complementary, etc.) as well as how to create custom schemes that aren’t based strictly on any one pattern. By the end of this article, you’ll have the tools and skills to start creating beautiful color palettes for your own design projects. The best way to improve your skills is to practice, so why not set yourself a goal of creating a new color scheme every day.

10 front-end techniques to improve your site usability

Usability is a very important part of website building. Sadly, this is often neglected by designers and developers. In this article, you'll find 10 great techniques that you should definitely implement into your website.

The Definitive Guide To Styling Web Links

Hyperlinks (or links) connect Web pages. They are what make the Web work, enabling us to travel from one page to the next at the click of a button. As Web Standardistas put it, “without hypertext links the Web wouldn’t be the Web, it would simply be a collection of separate, unconnected pages.”. So without links, we’d be lost. We look for them on the page when we want to venture further. Sure, we pause to read a bit, but inevitably we end up clicking a link of some sort.

The Principle of Contrast in Web Design

Contrast is the difference between two or more elements. With contrast, a designer can create visual interest and direct the attention of the user. But imagine if all of the elements on a web page were the same in style and appearance. There would be no organization, no flow, and definitely no hierarchy. Content would be nearly impossible to digest. This makes contrast an essential part of effective web design.

Running a Design Blog Like a Business

Many design blogs start off as a hobby. Designers like to share what they have learned and seek out criticism from others. Blogs are a natural way of doing this. As blogs mature however many of us have found that they have had to transition from hobbyist to businessman. In the last year or so Colorburned has gone through a number of transitions and I have learned a lot about blogging; what works and what doesn’t. In this article I’ve decided to share a little about what I’ve learned about strong>running a design blog like a business

Web Design Resource Roundup #3

noreply@blogger.com (ahmicro) — Mon, 08 Feb 2010 15:04:00 +0000

Douglas Crockford / Chapter 2: And Then There Was JavaScript

Douglas Crockford is Yahoo!'s JavaScript architect and a member of the committee designing future versions of the world's most popular programming language. Over first three months of 2010, Douglas is delivering his acclaimed series of lectures on the history of JavaScript, its features, and its use.

15 Design Tips to Learn From Apple

There is no shortage of companies that follow popular design trends to appeal to a mass market. Much more rare is the breed of company that actually sets design trends. Today we’ll examine the techniques of a company that occupies the top of the design food chain: Apple.

The Missing Google Analytics Manual

Get the most out of your Google Analytics with this collection of links to implement, configure and get insights from Google Analytics.

Five Principles to Design By

Too often people blame themselves for the shortcomings of technology. When their computer crashes, they say “I must have done something dumb”. If a web site is poorly designed, they say “I must be stupid. I can’t find it”. They might even turn to a book for Dummies to get it right.

50 Interviews of Popular Web Designers, Developers and Founders

What drives someone to become a success? Why do people persevere when the odds are against them? Is there a secret to becoming successful? The best way to find out is to interview people who have been there, and done that, who have spent their lives in a pursuit of success in one form or another. And that’s exactly what we has done in this amazing collection of interviews.

11 Common Web Design Mistakes (Blunders)

Building a website can be daunting but the real challenge lies in making it usable. The problem is most web designers forget that the website wasn’t created for themselves but to solve the users’ needs. They give creativity priority over practicality and usability.
Read more .

Choosing The Best CSS Framework: A Complete Guide

There are plenty of reasons to use a CSS Framework to build your websites. They can speed up development, make your sites more aesthetically pleasing, and they can help eliminate all those nasty cross-browser compatibility issues (though not all of them do this, or do it well). But it can also be a steep learning curve to figure out which framework you should use (or if you should use one at all) and then how to use it.

10 Things Every Good Web Developer Should Know (A Checklist)

My favorite thing about web development is the wide variety of skills it uses. Being a good developer means staying on your toes and always learning, because there are so many important skills and these are constantly changing.
Here’s a checklist of 10 skills that are some of the most important for good web developers to have. These focus a bit on front-end skills, but they apply to all developers

Tips for Designing Unique and Attractive Blog Posts

Designers have began to inject increasing levels of creativity into their blog posts and articles, throwing out the traditional and generic style of blog posts in favour of a much more attractive layout that’s themed specifically to the content. Let’s take a look at some of the best examples, and see what makes them work so well.

Web Design Resource Roundup .#2

noreply@blogger.com (ahmicro) — Mon, 01 Feb 2010 20:28:00 +0000

the History of JavaScript lecture by : Douglas Crockford

Douglas Crockford is Yahoo!'s JavaScript architect and a member of the committee designing future versions of the world's most popular programming language. In the first three months of 2010, Douglas will be delivering his acclaimed series of lectures on the history of JavaScript, its features, and its use.

What to Expect in 2010: UX/UI Design Simplicity

In January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we’ve yielded to client and user requests to pack our website designs full of unrelated features and countless pages of duplicate information. The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.

On having layout

A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height. This leads to a question of why “layout” can change the rendering of and the relationships between elements.

CSS Wishlist: New Ideas, Debates and Solutions

The future of CSS is arriving fast, and many tools, languages, and solutions have been developed that make CSS a job not just for Web designers but developers, too. In many ways, the job could become more complex and confusing, but in many other ways, the new changes will provide more opportunity and better technology for the future of the Web.

50 Brilliant CSS3/JavaScript Coding Techniques

In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Please notice that most techniques presented below are experimental, and many of them are not pure CSS3-techniques as they use jQuery or other JavaScript-library.

Color Theory for Designers, Part 1: The Meaning of Color

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

Web design tools and resources I use

The following list contains the content, tools and resources I use to create websites. Content is updated regularly... and I have a large backlog of more free resources to add .Recommended

Web Design Resource Roundup .#1

noreply@blogger.com (ahmicro) — Fri, 22 Jan 2010 19:56:00 +0000

Interviewing the front-end engineer

Interviewing a front-end engineer is an interesting task primarily because most are self-taught. Startups and large companies alike have equal trouble finding quality front-end engineers simply because they don’t know what to look for and which questions to ask. Having been around the industry for a while, I’ve developed my own methods for interviewing front-end engineers that I find to be very effective.

Zen Coding: A Speedy Way To Write HTML/CSS Code

How much time do you spend writing HTML code: all of those tags, attributes, quotes, braces, etc. You have it easier if your editor of choice has code-completion capabilities, but you still do a lot of typing.
We had the same problem in JavaScript world when we wanted to access a specific element on a Web page. We had to write a lot of code, which became really hard to support and reuse. And then JavaScript frameworks came along, which introduced CSS selector engines. Now, you can use simple CSS expressions to access DOM elements, which is pretty cool.

What’s Next in Web Design?

Thinking about what’s next online is fun because everything you wish to come true will come true. While commercial products obey to the laws of the market, which in part are influenced by the resources needed to create these products, the web is defined by the user. If the user wants something he will either get it or create it himself. To see beyond today’s limits of the web all we need to do is see what is needed.

Realism in UI Design .

The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics. Some of these changes have helped usability. Shadows behind windows help us see which window is active. The physicality of the iPhone’s user interface makes the device more natural to use.

Complete beginners guide to interaction design .

Interaction design got its start only a few decades ago when the first interactive systems made their debut. Novel interfaces presented novel design challenges, and a new breed of designers emerged to accept it. Subsequently, a number of books were released that expressed the facets of this heretofore uncharted territory.

On Web Typography

Setting Type on the Web to a Baseline Grid

We web designers get excited about the littlest things. Our friends in the print world must get a kick out of watching us talk about finally being able to achieve layouts on the web that they’ve taken for granted for years. Let’s face it: it’s easier these days to embed a video on the web than it is to set type consistently or align elements to a universal grid.

Taming Advanced CSS Selectors

CSS is one of the most powerful tools that is available to web designers (if not the most powerful). With it we can completely transform the look of a website in just a couple of minutes, and without even having to touch the markup. But despite the fact that we are all well aware of its usefulness, CSS selectors are still not used to their full potential and we sometimes have the tendency to litter our HTML with excessive and unnecessary classes and ids, divs and spans.

Designing With Grid-Based Approach

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it isn’t easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.

Grid Based Design Toolbox .

My favorite place to go for Grid based design information is The Grid System. It’s a ‘must bookmark’ in my opinion. Don’t forget to check out the new Grid System Forum too. I’m a minimalist designer so I believe the grid is one of the most important elements of web design. There are many articles and resources on the web, I’ve chosen to pick through them all and compile my best resources/tools all in one fell swoop. Keep in mind, there are plenty of list posts out there but these are my ‘go to’ grid resources.

52 Blog Tips to Kick Start Your Blog in 2010

Over the week between Christmas and New Year I took the week off from blogging here on ProBlogger and posted a simple series of ‘best of posts’ from 2009 in 5 different categories.

5 Elegant & stylish free icon sets.

noreply@blogger.com (ahmicro) — Sun, 13 Dec 2009 22:19:00 +0000

As you can see i’m using a simple free icons on my navigation with css sprites, and i think the make it very simple and stylish.Because i’m using the best elegant icons on the web.I was looking for these icons along time and i found it.For that i want to share them just for you. They are free .Enjoy it.

15 Free Photoshop Custom Shapes: Web Icons & Buttons

Free icons to use in your presentations

108-mono-icons-huge-set-of-minimal-icons

30 Free Vector Icons

A Life in Pixels

Why not leave a comment ?

If you enjoyed the article it would be really appreciated if you could spare some time to leave a comment to share your thoughts on the article.
You can follow me on Twitter or subscribt for rss

Add Xhtml Code to Your Blogger Posts .

noreply@blogger.com (ahmicro) — Wed, 09 Dec 2009 20:59:00 +0000

Are you using Blogger like me, want to write your own great tutorials with Xhtml, Css, javascript, … code .
Trying many plugins and scripts with a huge lines of code and more complexity,
none-readable. What about the simplicity of code , you have to make your code more simple that readers could understand it.With one line of css code you can put your code properly .
With Simplecode you can put normal XHTML in the markup box and it will spit out entity-encoded markup suitable for <code> tag, and put the code between <pre> tag ( ! important ) that defines preformatted text.Once you get the code put it directly into your posts .
But before that, you have to put a simple line of Css into your blog template .Copy and past it.


pre  { 
        width: 580px; 
        padding: 10px;
        overflow: auto;
        border: 2px solid #ECECEC;
        background: #fff url(http://img260.imageshack.us/img260/3792/codebg.png) repeat; 
 }

Try this trick and if you have any problem with it just let me know .

best resources for every front-end developer.

noreply@blogger.com (ahmicro) — Fri, 13 Nov 2009 17:02:00 +0000

Front-end developers they play the important role in web development process.The are responsible for coding, accessibility, performance and more …. .
Below i collect best resources for every front-end from the really useful steps to start
on to professional front-end development they helped me so much on my learning process.Hope you learn more about front-end process. If you have any other resources let me know on your comments .

Cssah

Lectures, Screencasts and conferences for real web developers & designers

Web Development Resources Roundup #11

Ultimate guide for screencasts & podcasts for every web developer.

Why not leave a comment ?

Web Development Resources Roundup #10

Why not leave a comment ?

JSMag June 2010 is available

Contents

What is the Right Hosting Solution for You?

Managed Hosting Solutions

Dedicated Hosting Solutions

Cloud Hosting Solutions

Virtual Hosting Solutions

Choosing a Hosting Provider

About the Author

Web Design Resource Roundup #9

Why not leave a comment ?

Web Design Resource Roundup #8

Resources

Beginers

Math

Books

JavaScript

iPhone Dev

Python

Ruby

Ruby on Rails

Videos

Resources

Blogs

Arabic

English

#Web Design

#Javascript

5 css3 semantic code generators

Why not leave a comment ?

Web Design Resource Roundup #7

Why not leave a comment ?

The powerful of ubuntu gEdit editor

how to customise gedit

from the view tab

from the font tab

From the plugins tab there are many of useful plugins such as

Why not leave a comment ?

simple tips for creating a printer-friendly page

1 - Creating a print.css file .

2 - style your text and links

3- Save the user's ink

Why not leave a comment ?

The easiest way to get apps with ninite

Web Design Resource Roundup #6

JSMag are giving away a free issue from their first year .

Web Design Resource Roundup #5

JS Bin a collaborative JavaScript debugging tool.

Web Design Resource Roundup #4

Web Design Resource Roundup #3