If I Had Started Web Design Today (And You?)

It has been ~15 years that I've been into web design where the first 5 was totally amateur, 7 years were for creating client projects and the last 3 is focused on personal ones.

When looking back, I'm thankful to many stuff that helped me improve my skills on web design/development. And, there are some important ones that makes me say "I wish I had..".

This article is mostly focused on the "I wish" part hoping it may help anyone who is new to web design.

They are not the absolute truths, in fact, they may be wrong. They are simply my thoughts based on what I experienced. You decide if they'll fit you or not.

So, starting now. If I had started web design today, I would (share yours in the comments):

Start With PHP

When I started web development, the stability of open source was still a question mark and developers were discussing whether ASP or PHP was more powerful.

As a user of Windows, having Ms Access already installed in my PC and no idea what MySQL was, I started with ASP. Bang!.. wrong move.

ASP is not developed further after 2000 however PHP is improved so much and so is its community, tutorials, etc. Today, it is clearly the most popular scripting language.

There are also many other great languages like Python, Perl, ASP.NET, Ruby, etc. However, learning the most popular one at first is the easiest, most functional and you can better decide which other language you want to learn after that.

Learn JavaScript Very Well

JavaScript was always popular but never as this much. And every new day makes it more popular and required.

It was mostly used for form validations, displaying alerts or pop-ups and knowing few things about it was enough.

Today, it is hard to think of a non-Ajaxed web application, we can pull tweets, Flickr images, draw images, implement animations and much more.

Also, it is the best cure for the biggest headache: browser incompatibilities. And, the HTML5 world will push it more.

Use Frameworks

To me, words like CodeIgniter, Zend, MooTools or jQuery sounded like totally new languages and didn't know why to use them when I already can do anything I want.

After spending few hours to understand their basics and experiencing them, that was the moment when I realized I was coding so slow and not.. that organized.

Why not use something that enables to manipulate images or upload files with ready-to-go functions and validate forms or use Ajax easily and better?

There are awesome frameworks for every language, just spend some time on reading/understanding them, choose one and master it.

Store Snippets

Within time, you start re-coding stuff like a contact form, an e-mail validation pattern ,etc.

I started storing such snippets ~3 years ago (better late than ever) and it now takes me to build a membership module (new user, e-mail validation, forgot password & login) no more than 15 minutes.

Also, in every project, take a little time to look skeptically on the snippets used that will help you to figure out any possible bugs and make the code better (if needed).

Store (or Bookmark) Resources

While building something, I used to say "I had seen something nice that would fit here but can't remember the URL". Pretty sure, you live that too.

Whether it is an icon set, an application or a tutorial, store or bookmark them with a good categorization. That saves too much time.

Learn Tricks Of Image Editing

If you design a website in an image editing application (like Photoshop) and it gets too much time of yours to make it look good, then you may be missing the tricks as they are the one that makes the difference.

Not everyone is a designer, that's ok (I'm not as well) but learning tricks like using filters, gradients, patterns or effects can convert a standard object into something impressive.

Besides the basics, make sure you learn them (following tutorials is a great way).

Never Build A CMS

Many developers don't like ready-to-use codes but prefer to build everything from scratch. That has a reason: "it is usually harder to learn another system compared to building your own".

By thinking the same, I have built various CMSs for years, small to complicated ones or project-specific ones to smarter ones that would fit many projects.

When I look back, I see that none of them were better than WordPress, Drupal, ExpressionEngine, Modx, etc.

There are lots of talented designers/developers creating themes and plugins for these platforms that are making them better and better everyday. Just pick one and become an expert on that.

Start Writing A Blog On Web Design

Even if you are not an expert in a field, writing about a subject helps improving yourself so much.

You share your knowledge, then work hard to share more and better, others comment to your thoughts and so. It is a recursive learning process.

And, meeting new people about the subject is another big plus.

Focus More On Personal Projects

I'm pretty sure every web designer/developer has a great project in mind for months/years but couldn't bring it to life because of the client projects.

Same for me. After 7 years of client projects, decided to quit them all and started building the ones in my mind.

I'm definitely not saying you should do that because it is risky and requires the right time.

However, personal projects are usually more satisfactory as the playground is totally yours and at least making few of them online will be great. They will grow within time (while you're still into client projects) and can easily become your first job (which is good to have options if you ever want to quit client jobs).

Resource from http://www.webresourcesdepot.com/if-i-had-started-web-design-today-and-you/comment-page-1/#comment-184554

Free Video Converters For Web-Ready Videos

There are various video sharing services, like Youtube or Vimeo, in the web that can host and serve the files for us which is great.

However, there are cases that these services may not be a good fit like "unbranded videos", "custom sizes", a custom player, etc. This is when we usually need to convert/encode our videos to make them ready for the web.

And there are multiple formats like the popular FLV or HTML5 video formats like OGG, h.264 and WebM where you may need multiple versions of the same video for maximum compability.

Here are free video converter applications that support these formats to help you complete this process easily:

Miro Video Converter (Windows & Mac)

A very simple but powerful application to convert any video into MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and more.

Miro Video Converter is open source and has presets to convert videos into selected device with the right size + format.

Freemake (Windows)

Freemake is a feature-rich video converter that supports too many formats from avi, wmv, flv or swf to mp3, ogg, aac, wma and much more.

The program also has built-in video editing, photo slideshow creation and burning the outputs to DVD.

Hamster (Windows)

An easy-to-use application with a drag'n drop interface that can convert multiple videos into all popular formats.

It enables you to change codecs, bitrates, frames-per-second for videos and more. Hamster also is a multilanguage software (with 40+ languages).

FFmpeg (Windows, Mac, Linux)

FFmpeg is actually a base for many converters. It is a command line tool to convert multimedia files between formats.

Once setup, it is a handy resource specially for batch processing files. If you're looking for a graphical interface for FFmpeg, check the next 2 items.

WinFF (Windows, Linux)

A GUI for the FFmpeg which supports most of the formats supported by FFmpeg.

It supports converting multiple files in one time and the application is open source.

ffmpegX (Mac)

This Mac application makes use of ffmpeg, mpeg2enc and mencoder tools for converting media.

It works very fast and can queue encoding jobs.

Firefogg (Any OS With Firefox)

A Firefox plugin that uses ffmpeg library for encoding videos.

Resource from webresourcesdepot

BlackBerry OS 6: A preview

One of the key factors in revamping OS 6 is giving the tired BlackBerry home screen a makeover. RIM says the Home Screen is the most used area of the phone, so it's only fitting they spent quite some time customizing the interface with new views and interactivity, while still maintaining that familiar BlackBerry look-and-feel.

Here is an example of how users can customize their home screens by adding favorite shortcut icons of contacts and applications.

One of the biggest changes to the home screen is the introduction of five separate views. You can switch between them by swiping the navigation bar (either via touch or trackpad, depending on your BlackBerry). The views are separated into "Frequent" (where your most frequently-used apps are), "Favorites," "Media," "Downloads," and "All."

An example of the "Media" view, which houses all the media-related apps.

RIM is also introducing two new "quick access areas" to the home screen. One of them is accessed by tapping on the status bar, highlighted in blue here. This leads to a pull-down list of Connections, Alarm, and Options screens.

This is the quick view of Connections, Alarms, and Options that you can access by tapping on the very top of the home screen. This way, you can easily toggle your options on and off without having to dig through the phone's menu.

The other "quick access view" leads to your most recent messages. You access this by tapping on the Notifications bar. Recent messages include everything from email and text messages to Facebook and Twitter notifications. The notifications bar also lets you know about new voicemail, upcoming appointments, and more.

Finally, BlackBerry OS 6 introduces universal search, which will let you search through the content on your BlackBerry as well as the world wide web. If the phone can't find the content on the phone, it'll let you choose whether you're searching for the keyword on YouTube, Google, BlackBerry App World, or other sources.

Resource from Techrepublic

Change the launch directory to root in Windows Explorer

To change the Windows Explorer default directory you must access the Properties dialog box. You can get there a few ways. One obvious way is type "Windows Explorer" in the Start Menu Search box like shown.

Or, if you are like me and have Windows Explorer pinned to the Taskbar, you can right-click the icon and then right-click the Windows Explorer menu item as shown.

You should now be looking at the Windows Explorer Properties dialog box. Notice the default target path (red arrow). That target path is what we are going to change.

To change the launch folder default in Windows Explorer, modify the target path to be this command:

%SystemRoot%\explorer.exe /e,::{20D04FE0-3AEA-1069-A2D8-08002B30309D}

Be sure to type it exactly or it will not work and then click OK.

The next time you load Windows Explorer from that particular shortcut, it will launch in the system root directory as shown.

Keep in mind that this change only modifies that particular Windows Explorer shortcut. If you were so inclined you could copy the Windows Explorer shortcut several times and change the respective target folders to whatever you wished. What other folders would you put in that target box?

Resource from Techrepublic

Ubuntu's two big advantages over Windows and Mac

I’ve been using the latest version (10.04) of Ubuntu Linux since April and there’s a lot to like about it. I announced earlier this year that I was giving desktop Linux another look, and I went with Ubuntu because it is the Linux distribution most focused on a desktop OS. I have lots of observations about the Ubuntu experience and how it compares to Mac and Windows, but I’m going to save most of that feedback for another article.

Today I want to talk about two significant advantages that Ubuntu has over Windows 7 and Mac OS X. This came up last week because Apple displaced Oracle as the new world leader in security vulnerabilities, according to a report from Secunia. And Ars Technica astutely pointed out:

“The report includes cumulative figures for the number of vulnerabilities found on a Windows PC with the 50 most widely-used programs. Five years ago, there were more first-party flaws (in Windows and Microsoft’s other software) than third-party. Since about 2007, the balance shifted towards third-party programs. This year, third-party flaws are predicted to outnumber first-party flaws by two-to-one. Secunia also makes a case that effectively updating this third-party software is much harder to do; whereas Microsoft’s Windows Update and Microsoft Update systems will provide protection for around 35% of reported vulnerabilities, patching the remainder requires the use of 13 or more updating systems. Some vendors-Apple, Mozilla, and Google, for example-do have decent automatic update systems, but others require manual intervention by the user.”

That leads us to Ubuntu’s first big advantage.

1. Comprehensive software updates

In a world where most of the security vulnerabilities are coming from third-party applications, Windows and Mac machines are at significant risk because they run lots of these apps and those apps aren’t always updated automatically, which leaves the machines open to attacks.

Again, to be clear, both Microsoft and Apple have comprehensive updating systems for their software — both the OS as well as company apps that run on top of the OS. The problem is with the software (programs, extensions, and plug-ins) from other vendors and the inconsistent methods they use for updating their code to protect against known flaws.

With Ubuntu, there’s one comprehensive software updating system. This is possible because Ubuntu has a centralized repository of applications and the only third-party applications that make it into the main repository are the ones that have been tested by Canonical (the company that produces Ubuntu) and are proven to work with the OS. This means that the Ubuntu main repository doesn’t always have the very latest version of Firefox, for example, but you can be sure that the one it does have will typically install easy, work smoothly, and remain updated automatically.

There are also other repositories of applications that you can connect to with Ubuntu, but these are supported by the Ubuntu community or by commercial companies. Still, if you trust them and connect to them, then their updates are also automatically run through Ubuntu’s Update Manager (below). As a result, Ubuntu offers a much more centralized and effective way to keep computers up to date — especially if you stick mostly to the software in its main repository.

2. Integrated app store

While managing Ubuntu’s software repositories is handled with an administrator tool called Synaptic Package Manager, there’s also a much easier way to browse through the official Ubuntu-sanctioned applications. It’s called the Ubuntu Software Center and the people I know who have used both Ubuntu and the iPhone typically say, “It’s just like the App Store.”

From a user perspective, the Ubuntu Software Library has a very similar experience to the iPhone App Store or the Android Market. You simply open it up, browse or search through different categories of applications, and download the ones that you want to try. It’s basically an app store for the PC.

And, while iPhone and Android have a mix of free apps and paid apps, the apps in the Ubuntu Software Center are nearly all open source and free of charge. Like iPhone and Android, you have to sort through a fair amount of chaff in order to get to the wheat, but it’s still a terrific 21st century computing experience. Both Windows and Mac need to learn from the app experience that is driving the mobile device market. Ubuntu has already beaten them to the punch.

If you add that to the fact that Ubuntu does a better job with software updates (a big security boost), then Ubuntu becomes a much more viable alternative for modern PC users, especially those who access most of their services and enterprise apps via a Web browser.

Resource from Techrepublic

Xe tập đi hại cả trước mắt lẫn lâu dài

Ảnh: Goodsmart.

Chị Ly (Cầu Giấy, Hà Nội) cười vui tự hào nhìn bé Hoa 8 tháng tuổi đang lao mình trên chiếc xe tập đi, không hề biết rằng bé có nguy cơ chấn thương do ngã và biến dạng xương chân.

Cũng như nhiều em bé khác ở thành phố, bé Hoa được bà nội mua cho chiếc xe tập đi từ rất sớm. Dù chưa biết đứng, bé đã được đặt vào chiếc xe này, ban đầu được xem như cái ghế đồ chơi để bé chịu ăn bột. Một tháng sau đó, bà nội bắt đầu khuyến khích và tập cho bé di chuyển trong xe. Hoa có vẻ thích với cách chơi mới, còn người lớn thì phấn khởi thấy bé di chuyển rất nhanh, hy vọng bé sớm biết đi.

Mức giá trung bình của xe tập đi là 150-250 nghìn đồng. Nhiều loại đắt hơn được làm bằng vật liệu tốt, màu sắc bắt mắt, trang trí thêm một số đồ chơi như xúc xắc, con giống, có chỗ để thức ăn, thậm chí có nhạc. Cũng có những loại làm bằng nhựa xấu, thiết kế tối đơn giản, giá chỉ 70-80 nghìn đồng. Do đó, hầu như gia đình nào cũng có thể mua cho con vật dụng này. Theo một khảo sát nhanh của VnExpress với hơn 300 người tham gia, cứ 10 phụ huynh thì có đến 7 từng mua xe tập đi cho con mình.

Những người mua xe cho con chỉ biết là nó là vật dụng thú vị, đem đến cho con họ những khoảnh khắc đáng yêu mà không biết rằng vật dụng này đã gây nhiều tai nạn. Theo tiến sĩ Lê Thanh Hải, Phó giám đốc Bệnh viện Nhi Trung ương, cơ sở này từng tiếp nhận một số ca tai nạn do xe tập đi, phần lớn các cháu bị ngã do xe lao rất nhanh, lăn xuống bậc thềm hoặc cầu thang. Những trẻ này thường bị chấn thương đầu, mặt hoặc gãy xương chân tay...

Bệnh viện Nhi Đồng TP HCM cũng từng cấp cứu, điều trị nhiều ca chấn thương sọ não, gãy xương, bỏng... do dùng xe tập đi. Gần đây nhất là một bé gái 7 tháng tuổi tử vong do bỏng và ngạt nước sau khi ngã úp mặt vào nồi nước sôi.

Có nên cho trẻ dùng xe tập đi?

Tiến sĩ Hải trả lời dứt khoát: "Không nên". Lý do là các loại xe tập đi trên thị trường hiện nay có độ an toàn thấp, thường không kiểm soát được tốc độ nên dễ xảy ra tai nạn. Tiến sĩ Trịnh Quang Dũng, Phó trưởng khoa Phục hồi chức năng Bệnh viện Nhi Trung ương cũng đồng quan điểm: Trên thế giới, như mọi đồ dùng cho trẻ khác, xe tập đi được sản xuất theo các quy cách chặt chẽ nhằm đảm bảo an toàn, kết cấu vững, có bộ phận giảm trơn trượt, chống đổ ngã. Sản phẩm được bán ở Việt Nam thường không đạt yêu cầu này. Mặt khác, trẻ thường phải sống trong không gian hẹp, ở nhà tầng, đi mấy bước đã đến bậc thềm hay cầu thang, rất dễ lăn xuống.

Ngay cả khi không gây tai nạn cấp cứu, xe tập đi cũng có tác hại nghiêm trọng cho cơ thể trẻ về lâu dài. Hệ xương của trẻ dưới 1 tuổi rất mềm yếu, dễ thay đổi theo tác động bên ngoài. Tư thế của bé khi đứng trong xe lâu ngày sẽ dẫn đến biến dạng xương, gây dị tật chân vòng kiềng chữ O, chữ X.

Nhiều người cho con sử dụng xe với hy vọng trẻ sẽ biết đi sớm. Thực ra, theo tiến sĩ Dũng, nếu bắt trẻ đi khi hệ xương, gân, cơ, dây chằng chưa phát triển đủ để đáp ứng cho hoạt động này, hệ vận động của trẻ sẽ bị ảnh hưởng xấu, thậm chí biến dạng xương chân.

"Nhiều bà mẹ dựa vào câu thành ngữ 3 tháng biết lẫy, 7 tháng biết bò, 9 tháng lò dò tập đi và sốt ruột thúc trẻ tập đi sớm để đạt 'chỉ tiêu' này. Thực ra câu đó không hoàn toàn đúng. Mỗi đứa trẻ có một lịch trình sinh trưởng khác nhau, có thể sớm hoặc muộn, nhưng thông thường trẻ biết đi khi 12 tháng tuổi" - tiến sĩ Dũng nói. Theo ông, chỉ khi trẻ đã thực sự đứng vững, bố mẹ mới nên khuyến khích trẻ đi.

Mặt khác, theo tiến sĩ Nguyễn Thanh Hải, dù vào thời điểm nào, chiếc xe kể trên cũng không hề giúp trẻ biết đi sớm hơn, thậm chí việc di chuyển được mà không cần cố gắng sẽ càng khiến trẻ lười tập đi thực sự khi đến lúc. Ông Hải cho rằng, dù không ngồi xe thì khi đủ tuổi, đủ sức, trẻ vẫn biết đi như thường.

Quan điểm trên cũng thống nhất với kết quả một nghiên cứu của Anh: Những trẻ dùng xe tập đi sẽ chậm biết đứng, biết đi hơn bạn bè đồng lứa không dùng thiết bị này. Nguyên nhân là trẻ đã quen di chuyển mà không cần nâng toàn bộ trọng lượng cơ thể, lâu ngày khiến cơ - xương không lớn mạnh được như bình thường. Hệ thần kinh cũng bị tước mất những thông tin cảm giác cần có để trẻ học đi hiệu quả.

Do những tác hại đó, một số nước tiên tiến đã cấm sử dụng xe tập đi cho trẻ em. Ở Việt Nam hiện không có lệnh cấm này, và theo ông Nguyễn Huy Quang, Phó vụ trưởng vụ Pháp Chế, Bộ Y tế, các vật dụng cho trẻ em như xe tập đi không thuộc phạm vi quản lý của ngành. Bộ Y tế chỉ quản lý các thiết bị, dụng cụ dùng trong điều trị. Ở nhiều nước, khi một thứ đồ gia dụng được phát hiện là ảnh hưởng xấu đến sức khỏe, đe dọa sự an toàn của người sử dụng, ngành y tế sẽ có các khuyến cáo hoặc đề nghị ra lệnh cấm. Tuy nhiên, ông Quang cho biết ở Việt Nam hiện chưa có tiền lệ nào về việc này, cũng không có quy trình để áp lệnh cấm cho một thiết bị gia dụng với lý do liên quan đến sức khỏe.

Theo báo vnexpress.net

Blackberry: Đèn LED đỏ hoài? ( Led Ghost )

Sau khi mua Bold 9000 về và cài đặt phần mềm tiggit để check mail thì phát hiện ra 1 hiện tượng như sau. Khi có email thì đèn LED sẽ sáng nhưng khi đọc xong email đó thì đèn vẫn sáng. Không giống như sms là khi đã đọc xong rồi thì sẽ ngừng sáng. Sau 1 ngày tìm tòi đã tìm ra được 1 phần mềm để tắc các đèn đó: LEDReset. Phần mềm này rất đơn giản, khi đèn LED sáng nhấp nháy hoài thì chỉ việc click vào phần mềm thế là xong, nhanh gọn. Các bạn thử xem nha

Je m'appelle Funny Bear - Full French Version

Bold 9000

Sau 1 khoảng thời gian nghiên cứu và tìm hiểu, cuối cùng thì đã rướt em Blackberry Bold 9000 về. Về cảm nhận ban đầu thì Bold 9000 có vẻ ngoài rất ấn tượng, nó tạo vẻ chắc chắn khi cầm và nó mang lại sự tự tin cho người cầm ( nếu cầm thêm hoster thì càng đẹp ).
Sau khi chiêm ngưỡng phần ngoại hình thì đến phần nội y. Ấn tượng ban đầu là không có gì quá nổi bật so với các dòng điện thoại khác. Cũng vẫn những icon ứng dụng, cách sắp xếp tương tự như tất cả các điện thoại trên thị trường. Tuy nhiên sau khi vọc 1 hồi thì thấy rằng các icon này hoàn toàn có thể thay đổi: vị trí, ẩn hay hiện. Cái hay của Blackberry đã phát huy ở đây, các icon có thể tuỳ biến theo người dùng.
Về phần cấu hình thì quả thật hơi phức tạp đối với người dùng bình thường vì có quá nhiều thông số. Đấy là nói vậy chứ người ta mua về cũng chỉ nghe gọi chứ chọt vào mấy cái cấu hình làm chi.
Sau 1 hổi đi vòng vòng giờ đến khoảng cài đặt, việc cài đặt cũng tương đối đơn giản, có 2 cách cài là thông qua chương trình Desktop Manager hoặc là dùng Bold Browser vào thẳng web và download về ( cách này gọi là OTA ). Các phần mềm dành cho Blackberry tương đối nhiều, free cũng có mà fee cũng có.
Một điểm cần lưu ý đối với mọi người là Blackberry thiên về kết nối GPRS và 3G nên khi lựa chọn phần mềm có kết nối internet thì nên xem nó hỗ trợ cách kết nối nào. Vì có những phần mềm chỉ hỗ trợ GPRS, 3G chứ không hỗ trợ Wifi

Màu sắc đèn LED Blackberry

Màu sắc thay đổi trên đèn LED của chiếc Blackberry mang lại cho bạn nhiều thông tin hữu ích , biết được các thông điệp màu sắc LED giúp bạn dùng Blackberry dễ dàng hơn. Đôi khi bạn cũng muốn tạm tắt đèn LED trên Blackberry đi, bài viết này sẽ giúp bạn phần nào...

Bạn đang sở hữu 1 chiếc điện thoạiBlackberry ,nếu quan sát 1 chút bạn sẽ thấy là trên phần đầu Blackberry của bạn sẽ có 1 chiếc đèn LED nhỏ ( thường bố trí ở góc trên bên phải ). Bạn sẽ thấy là màu sắc của chiếc đèn này khi xanh, khi đỏ, khi vàng, màu sắc của chiếc đèn này sẽ mang lại cho bạn những thông tin nhất định, khá hữu ích nếu bạn biết được ý nghĩa của những thông điệp do chúng mang lại.



Màu sắc của đèn LED Blackberry mang lại nhiều thông điệp cho bạn

Xanh da trời - Màu xanh da trời biểu thị kết nối bluetooth . Nếu bạn thấy đèn LED Màu xanh da trời chớp / nháy thì tức là bạn đang có kết nối tới 1 thiết bị bluetooth khác. Để bật / tắt chức năng này , bạn chọn Menu > Options > Bluetooth > Menu > Options > LED Connection Indicator: On/Off

Xanh lá cây - Màu xanh lá cây biểu thị cho vùng phủ sóngGreen . Khi bạn thấy LED chớp / nháy màu xanh lá cây tức là bạn đang trong vùng phủ sóng điện thoại , chắc hẳn nhiều bạn thấy "bực mình" vì tình trạng này . Để bật / tắt chức năng này ,bạn chọn Menu > Options > Screen/Keyboard > LED Coverage Indicator On/Off

Màu đỏ- Màu đỏ thể hiện cho thông báo tin nhắn/ email mà bạn chưa đọc. Thông báo này rất có ích vì thường bạn chỉ cần nhìn LED báo là biết có tin nhắn/ email / calllog mà không cần bật màn hình lên kiểm tra. Để bật / tắt chức năng này bạn chọn Profiles > Advanced > [chọn profiles mà bạn muốn sửa] > [Chọn mục SMS Text/ email mà bạn muốn sửa] > Repeat Notification LED Flashing/Off

Màu vàng- Màu vàng thể hiện thông báo là pin của bạn đã sắp hết, bạn nên sạc pin cho máy. Trong 1 số trường hợp thì thông báo này khá khó chịu ( vì bạn đã biết rồi ) nhưng rất tiếc là chưa cho phép bạn tắt đèn LED thông báo này đi. Nếu bạn có cách xin chia sẻ cùng VTN và mọi người : )