ഇന്റെർനെറ്റിന്റെ ലോകത്തേക്ക് എത്തിയപ്പോൾ തന്നെ മനസ്സിൽ തങ്ങിയ ഒരു മോഹമായിരുന്നു സ്വന്തമായി ഒരു വെബ്സൈറ്റുണ്ടാക്കുക എന്നത്. 1998 ഇൽ ആണ് ആദ്യമായി ഒരു മെയിൽ ഐഡി യാഹുവിൽ ഉണ്ടാക്കുന്നത്. Continue reading
web designs
CSS3 Gradient Backgrounds
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Read more >>
Linear Gradient (Top → Bottom)
#linearBg2 { background-color: #fddfa4; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fddfa4), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2F2727, #fddfa4); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2F2727, #fddfa4); /* IE 10 */ background: -ms-linear-gradient(top, #2F2727, #fddfa4); /* Opera 11.10+ */ background: -o-linear-gradient(top, #2F2727, #fddfa4); }
Linear Gradient (Left → Right)
#linearBg1 { background-color: #ec800b; background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#fddfa4), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #2F2727, #fddfa4); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #2F2727, #fddfa4); /* IE 10 */ background: -ms-linear-gradient(left, #2F2727, #fddfa4); /* Opera 11.10+ */ background: -o-linear-gradient(left, #2F2727, #fddfa4); }
Linear Gradient (with Even Stops)
#even-stops { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.25, #fddfa4), color-stop(0.5, #2F2727), color-stop(0.75, #fddfa4), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, #2F2727, #fddfa4, #2F2727, #fddfa4, #2F2727); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #2F2727, #fddfa4, #2F2727, #fddfa4, #2F2727); /* IE 10 */ background: -ms-linear-gradient(left, #2F2727, #fddfa4, #2F2727, #fddfa4, #2F2727); /* Opera 11.10+ */ background: -o-linear-gradient(left, #2F2727, #fddfa4, #2F2727, #fddfa4, #2F2727); }
Linear Gradient (with Specified Arbitrary Stops)
#arbitrary-stops { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.05, #fddfa4), color-stop(0.5, #2F2727), color-stop(0.95, #fddfa4), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, #2F2727, #fddfa4 5%, #2F2727, #fddfa4 95%, #2F2727); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #2F2727, #fddfa4 5%, #2F2727, #fddfa4 95%, #2F2727); /* IE 10 */ background: -ms-linear-gradient(left, #2F2727, #fddfa4 5%, #2F2727, #fddfa4 95%, #2F2727); /* Opera 11.10+ */ background: -o-linear-gradient(left, #2F2727, #fddfa4 5%, #2F2727, #fddfa4 95%, #2F2727); }
Radial Gradient (Centered, Full Size)
#radial-center { background-color: #2F2727; background-image: url(images/radial_bg.png); background-position: center center; background-repeat: no-repeat; /* Safari 4-5, Chrome 1-9 */ /* Can’t specify a percentage size? Laaaaaame. */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fddfa4), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #fddfa4, #2F2727); /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #fddfa4, #2F2727); /* IE 10 */ background: -ms-radial-gradient(circle, #fddfa4, #2F2727); /* Opera cannot do radial gradients yet */ }
Radial Gradient (Positioned, Sized)
Warning: Not Consistent Among Browsers
#radial-position { background-color: #2F2727; background-position: 80% 20%; background-repeat: no-repeat; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(radial, 80% 20%, 0, 80% 40%, 100, from(#fddfa4), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(80% 20%, closest-corner, #fddfa4, #2F2727); /* Firefox 3.6+ */ background: -moz-radial-gradient(80% 20%, closest-corner, #fddfa4, #2F2727); /* IE 10 */ background: -ms-radial-gradient(80% 20%, closest-corner, #fddfa4, #2F2727); /* Opera cannot do radial gradients yet */ }
ചിത്രങ്ങൾ വിറ്റു കാശാക്കാം!!
ഗൂഗിൾ പ്ലസ്സിലും ഫെയ്സ്ബുക്കിലും മറ്റു സോഷ്യൽ മീഡിയകളിലു ഒക്കെയായി പോസ്റ്റു ചെയ്യുന്ന ഫോട്ടോസ് കാണുമ്പോൾ കൊതിയാവാറുണ്ട്… എത്ര മനോഹരങ്ങളാണവ!! ഈ ചിത്രങ്ങൾ ഇങ്ങനെ വെറുതേ പ്ലസ്സിലും ഫെയ്സ്ബുക്കിലും കൊടുക്കുന്നതിനോടൊപ്പം തന്നെ ഏതെങ്കിലും ഇമേജ് വിൽപ്പന സൈറ്റിൽ കൂടി കൊടുത്ത് ഇക്കൂട്ടർക്ക് വരുമാനം ഉണ്ടാക്കാവുന്നതല്ലേ! ആയിരം വാക്കുകൾക്ക് സമമാണ് ഒരു ചിത്രമെനന്നു പഴമൊഴി; അതു സത്യമോ മിഥ്യയോ ആവട്ടെ, കലാപരമായി ഗുണമേന്മയുള്ള ചിത്രങ്ങൾ അനേകം ഡോളറുകൾ കൊടുത്ത് വാങ്ങിക്കാൻ ആളുണ്ട് എന്നത് ഒരു സത്യമാണ്. സായിപ്പിന്റേതായും മലയാളിയുടേതായും ഫോട്ടോഗ്രാഫി വിൽപ്പന നടത്തുന്ന നിരവിധി സൈറ്റുകൾ ലഭ്യമാണ്. താഴെ കൊടുത്തിരിക്കുന്നവ തന്നെ നോക്കുക:
01) മലയാളിയായ ചള്ളിയാന്റെ ക്യാമറോക്സ്,
02) ഐസ്റ്റോക്ക് ഫോട്ടോസ്,
03) ഷട്ടർ സ്റ്റോക്,
04) നിരവധി ഇന്ത്യൻ ഇമേജുകൾ അടങ്ങിയ കോർബിസ് ഇമേജസ്,
05) ഡ്രീംസ്ടൈം,
06) ക്യാൻസ്റ്റോക്ക് ഫോട്ടോ,
07) ഡിപ്പോസിറ്റ് ഫോട്ടോസ് ,
08) ബിഗ്സ്റ്റോക്ക് ഫോട്ടോ,
09) 123rf,
10) ഫോട്ടോലിയ,
11) ഷട്ടർ പോയിന്റ് …
ഞാൻ ഓഫീസ്/വെബ്സൈറ്റ് ആവശ്യങ്ങൾക്കായി ഈ സൈറ്റുകളിൽ നിന്നും ധാരാളം ചിത്രങ്ങൾ വാങ്ങിക്കാറുണ്ട്. ഒരു ചിത്രത്തിന് 5000 മുതൽ 14000 രൂപ വരെയൊക്കെ കൊടുത്ത ചരിത്രവും ഉണ്ട്. 2010 ഇൽ മൂന്നര ലക്ഷം രൂപയുടെ ചിത്രങ്ങൾ ഐസ്റ്റോക്ക് ഫോട്ടോസ് എന്ന സൈറ്റിൽ നിന്നും തന്നെ വാങ്ങിച്ചിരുന്നു… വെബ്സൈറ്റിൽ കൊടുക്കുന്നതിനുള്ള ചിത്രങ്ങൾക്കുവേണ്ടി കോർപ്പറേറ്റുകൾ സമീപിക്കുന്നത് ഇത്തരം സൈറ്റുകളെയാണ് എന്നകാര്യം പല ഫോട്ടോഗ്രാഫേർസിനും അറിയില്ലെന്നു തോന്നുന്നു. സോഷ്യൽ നെറ്റുവർക്കുകളിൽ മിന്നിമറയുന്ന ചിത്രങ്ങൾ പരിധിയില്ല, ഒരു കാര്യവുമില്ലാതെ കുറച്ച് ലൈക്കും കുറച്ചു കമന്റും വാങ്ങി എങ്ങോ ഒടുങ്ങുന്ന ആ ചിത്രങ്ങൾ ഇതുപോലുള്ള സൈറ്റുകളിൽ അപ്ലോഡ് ചെയ്ത് അല്പം കാശുണ്ടാക്കിയാലെന്താ!!
ഗുണമേന്മയുള്ള ഫോട്ടോസിന്റെ മൂല്യം നമ്മൾ കാണുന്നതിലും എത്രയോ അധികമാണ്. അത് വേണ്ടവിധം ഉപയോഗിക്കാൻ ഇനിയും മലയാളത്തിലെ ഫോട്ടോഗ്രാഫർമാർ തയ്യാറാവുന്നില്ല എന്നത് എന്തുകൊണ്ടെന്നു മനസ്സിലാവുന്നില്ല. മുകളിൽ പറഞ്ഞിരിക്കുന്നതിൽ ഒന്നാമത്തെ സൈറ്റ് മലയാളിയായ ഡോ: ചള്ളിയാന്റേതാണെന്നു പറഞ്ഞല്ലോ. ചള്ളിയാന്റെ https://www.camerocks.com/ എന്ന സൈറ്റ് ഈ രംഗത്തുള്ള മലയാളത്തിന്റെ ആദ്യചിവടുവെയ്പ്പാണ് എന്നു തോന്നുന്നു. മുകളിൽ കൊടുത്ത മറ്റു സൈറ്റുകളോട് എന്തുകൊണ്ടും കിടപിടിക്കുന്ന സൈറ്റാണിത്. ഞാനതിൽ യൂസർ നേയിം ഉണ്ടാക്കി അതിന്റെ പ്രവർത്തനങ്ങൾ നോക്കുകയുണ്ടായി. ഇത്രനല്ല ഒരു സൈറ്റ് ഉണ്ടായിട്ടും നമ്മുടെ മലയാളി ഫോട്ടോഗ്രാഫേർസിന്റെ ശ്രദ്ധിയിൽ ഇതങ്ങനെ വേണ്ടത്ര ശ്രദ്ധ നേടിയില്ല എന്നത് അത്ഭുതമായിരിക്കുന്നു എന്നു പറയാതെ വയ്യ! ചിത്രങ്ങൾ ഫ്രീ ആയി അപ്ലോഡ് ചെയ്യാനുള്ള ഓപ്ഷൻ ചള്ളിയാന്റെ സൈറ്റ് തരുന്നുണ്ട്. സൈറ്റ് മെയിന്റനൻസിനു വേണ്ടിയുള്ള അല്പം തുക എടുത്ത് ബാക്കി അതേപടി ഫോട്ടോഗ്രാഫേർസിനു കൊടുക്കുന്നുമുണ്ട്.
ഫോട്ടോഗ്രാഫേർസിനോട് പറയാനുള്ളത്
സോഷ്യൽ നെറ്റ്‌വർക്കുകളിലെ ഫോട്ടോഗ്രാഫേർസ് ഒക്കെ കട്ട പ്രകൃതിസ്നേഹികളാണെന്നു തോന്നും. അത്രയ്ക്കുണ്ട് അവരുടെ പ്രകൃതി ചിത്രങ്ങൾ. അതു മാത്രം പോരാ. ചിത്രങ്ങളിൽ വെറൈറ്റി കൊണ്ടുവരണം. നല്ല ക്യാമറയും അതിൽ അല്പം ഐഡിയയും ഇൻവെസ്റ്റ് ചെയ്താൽ നല്ലൊരു വരുമാനമാർഗം തന്നെയാണു ഫോട്ടോഗ്രാഫി. കഴിഞ്ഞ 5 വർഷങ്ങളിലായി നിരവധി ചിത്രങ്ങൾ ഞാൻ വാങ്ങിക്കുകയുണ്ടായി. എന്റെ ആവശ്യങ്ങൾ പ്രധാനമായും വെബ്സൈറ്റ്, പിന്നെ പോസ്റ്റേർസ്, ബാനർ എന്നിങ്ങനെ പോകുന്നു. ചിത്രങ്ങൾ വാങ്ങിക്കുമ്പോൾ ഞാൻ മുൻതൂക്കം കൊടുക്കുന്ന ചില പ്രധാന കൺസെപ്റ്റുകൾ പറയാം.
ഒബ്ജക്റ്റിന്റെ ക്ലോസ് അപ് ഫോട്ടോസിനാണു ഊന്നൽ നൽകുക. ഒത്തിരി ഒബ്ജക്റ്റുകൾ കുത്തിനിറച്ചതോ, അവയുടെ ദൂരെ നിന്നുള്ള ദൃശ്യങ്ങളോ ഞാൻ എടുക്കാറില്ല.
ബാക്ക്ഗ്രൗണ്ട് പ്ലെയിനായിരുന്നാൽ വളരെ നല്ലത്. എന്തെങ്കിലും കളറാണെങ്കിലും ഒപ്പിക്കും. പരമാവധി ഏതെങ്കിലും ഒറ്റ കളർ ഉള്ളതു തന്നെയാവും എടുക്കുക. ഇതു മറ്റൊന്നിനുംവേണ്ടിയല്ല, ഞാനവ വേറെ ഏതെങ്കിലും പ്രതലത്തിൽ ട്രാൻസ്പരന്റായിട്ടാവും ഉപയോഗിക്കുക.
ആശയങ്ങളെ വ്യംഗ്യമായി ദ്യോതിപ്പിക്കുന്ന ചിത്രങ്ങൾക്കു മുൻഗണന. എന്നുവെച്ചാൽ ടീംവർക്ക് എന്ന കീവേർഡ് ചേർച്ച് ചെയ്തെന്നു കരുതുക, കുറേ ഉറുമ്പുകൾ അരിമണിയോ മറ്റോ പൊക്കിയെടുത്തു കൊണ്ടുപോകുന്ന ചിത്രം കിട്ടിയാൽ ഞാൻ തൃപ്തനായി.. അപ്പോഴും മുൻപു പറഞ്ഞ ബാക്ക്ഗ്രൗണ്ട് പ്രശ്നമാവാതെ കിട്ടണം.
മൂന്നോ നാലോ കളറിൽ ചിത്രം ഒതുങ്ങിയാൽ നന്നായി.
വിശാലമായ ഫ്രെയിം വർക്ക് ഒരുക്കുന്നതിനേക്കാൾ ഒരു ഒബ്ജക്റ്റ് ഓറിയന്റഡായി ഉള്ള ഫോട്ടോ ആയിരിക്കും പെട്ടന്നു വിറ്റുപോവുക. ഉദാഹരണത്തിന് ഒരു വലിയ കളിക്കളത്തിന്റെ ഫോട്ടോ കൊടുക്കുന്നതിനു പകരം അതിലെ ഒരു കളിക്കാരനെ മാത്രം കേന്ദ്രീകരിച്ചോ, കളിയിലുപയോഗിക്കുന്ന പന്തിനെ കേന്ദ്രീകരിച്ചോ കളിക്കാരന്റെ കൈയിലിരിക്കുന്ന ഉപകരണത്തെ കേന്ദ്രീകരിച്ചോ വനിർവചിക്കുന്നതായിരിക്കണം ചിത്രങ്ങൾ.
ഫോട്ടോഗ്രാഫേർസ് എപ്പോഴും മാർക്കറ്റ് അറിഞ്ഞിരിക്കണം. വഴിയിൽ കാണുന്ന പരസ്യങ്ങളിലെ ചിത്രങ്ങളെ സൂക്ഷ്മമായി നിരീക്ഷിക്കണം അവയുടെ ട്രൻഡ് മനസ്സിലാക്കിയിരിക്കണം. വന്നുപോകുന്ന വെബ്‌സൈറ്റുകളെ കാര്യമായി പഠിക്കണം. കൂടാതെ ഫോട്ടോഗ്രാഫിയെ ശാസ്ത്രീയമായിതന്നെ സമീപിക്കണം. എന്തു ഫോട്ടോ എടുത്താലും അവ എടുക്കും മുമ്പുതന്നെ അവയ്ക്ക് കൊടുക്കേണ്ട കീവേർഡ്സ് ഇന്നതായിരിക്കണം എന്ന ദീർഘവീക്ഷണംനുണ്ടായിരിക്കണം. മാർക്കറ്റ് നോക്ക് കീവേർഡുകളുടെ ഒരു ശേഖരം ഉണ്ടാക്കി അവയ്ക്ക് വേണ്ടി ഫോട്ടോസ് തപ്പണം. എന്തായാലും ക്യാമറയുമായി നിങ്ങൾ ഒരുങ്ങി പുറപ്പെടുന്നു; അപ്പോൾ ഇത്തരത്തിലുള്ള ഒരു കുഞ്ഞു ചിന്ത കൂടി മനസ്സിൽ ഉണ്ടായാൽ വലിയൊരു മാറ്റംതന്നെ ഭാവിയിൽ ഉണ്ടാവുമെന്നു കരുതാം 😉
കീവേർഡുകൾ
ഒരു പ്രധാന കൺസൾട്ടിങ് കമ്പനിയിലെ ഐടി ടീമിൽ വർക്ക് ചെയ്യുന്ന എനിക്ക് അത്യാവശ്യം വേണ്ട കീവേഋഡുകൾ താഴെ കൊടുക്കുന്നു.talent, opportunity, aim, goal, job, vacancy, recruitment, Contact us, acquisition, bank, credit, finance, search, jigsaw, teamwork, circuit, employee, employer, career, success, growth തുടങ്ങിയ ഒട്ടനവധി സേർച്ചിങ് കീവേർഡുകളുമായാണ് ഞാൻ ഇത്തരം സൈറ്റുകളെ സമീപിക്കാറുള്ളത്. ഈ കീവേർഡുകളുടെ അർത്ഥം ധ്വനിപ്പിക്കുന്ന ഏതു ചിത്രവും എനിക്കിഷ്ടമാവും. ഉദാഹരണത്തിന് ഗ്രോത്തിനെ കാണിക്കാൻ ഒരു മരത്തിന്റെ തൈ അതിന്റെ മുള പൊട്ടിവിരിഞ്ഞ് മരമാവുന്നതിലേക്കുള്ള പ്രോസസ് ക്രമമായി എടുത്ത ഫോട്ടോസ് (വരച്ച ചിത്രമായാലും മതി) അയാൽ മതിയാവും. ഏതെങ്കിലും നല്ല ഫോട്ടോ എഡിറ്റിങ് സോഫ്റ്റ്‌വെയർ ഉപയോഗിച്ച് കീവേർഡുകൾ ഫോട്ടോയിൽ തന്നെ മെറ്റാടാഗായി കൊടുക്കാനുള്ള വഴികളും ഒരു നല്ല ഫോട്ടോഗ്രാഫർ പഠിക്കണം. ഗൂഗിൾ പോലുള്ള സേർച്ച് എഞ്ചിനുകൾ ആ കീവേർഡുകൾ മനസിലാക്കി ആവശ്യക്കാർക്ക് കൃത്യമായി ചിത്രം എത്തിച്ചുകൊടുക്കാൻ ഇതുപകരിക്കും.
ഫോട്ടോഗ്രാഫേർസിനു മാത്രമല്ല നല്ല ചിത്രകാരന്മാർക്കും ഈ രംഗത്തേക്ക് വരാവുന്നതാണ്. മുകളിൽ പറഞ്ഞ കീവേർഡുകൾ എന്റെ തൊഴിലുമായി ബന്ധപ്പെട്ടവ മാത്രമാണ്. ഇതുപോലെ നിരവധി കീവേർഡുകൾ കണ്ടെത്താവുന്നതാണ്. അവയ്ക്ക് യഥാവിധം ചേരുന്നവ വരച്ചെടുത്ത ചിത്രങ്ങൾ ആയാലും ഞാൻ അതു വാങ്ങിക്കാറുണ്ട്. വിവിധ ഐക്കണുകൾ, ഇല്ലുസ്റ്റ്ട്രേഷനുകൾ എന്നിവയൊക്കെ വരച്ചെടുക്കാം. നല്ല വെബ് 2 കളറിൽ വരച്ച ചിത്രങ്ങൾക്ക് ഒരു വാക്യത്തേക്കാൾ ഒരായിരം അർത്ഥങ്ങൾ ജനിപ്പിക്കാനാവുന്നുണ്ട്.
കേവലം പ്രകൃതി ചിത്രണത്തിൽ മാത്രം ശ്രദ്ധകേന്ദ്രീകരിച്ച് സോഷ്യൽ നെറ്റ് വർക്കിങ് സൈറ്റുകളിൽ നിന്നും കിട്ടുന്ന കമന്റിലും ലൈക്കിലും മനസ്സുടക്കി വീഴാതെ, ചിത്രമെഴുത്തിലെ നൂതനമാറ്റങ്ങൾ ഉൾക്കൊണ്ട് മുന്നേറാൻ എല്ലാ ഫോട്ടോഗ്രാഫേർസിനും ഈ ലേഖനം ഒരു പ്രചോദനം ആകട്ടെ എന്നാശംസിക്കുന്നു.
വേർഡ്പ്രസ് ഫങ്‌ഷൻ റഫറൻസസ്
വേർഡ്പ്രസ് ഉപയോഗിക്കുന്നവർക്ക് ഇത് ഉപകാരപ്പെടും. പലപ്പോഴും ഒരു ഫങ്‌ഷനും അതിന്റെ ഡീറ്റൈൽസും കിട്ടാൻ നെറ്റിൽ തപ്പി പണ്ടാരടങ്ങി മടുത്തുപോവാറുണ്ട്. ഇവിടെ കിടക്കട്ടെ, ആവശ്യത്തിന് എടുക്കാല്ലോ!!
ആത്മികയുടെ ജന്മദിനം
(2013 ആഗസ്റ്റ് 15 - 4:11 pm)
കഴിഞ്ഞിട്ട് 6 ദിവസങ്ങൾ ആയി!
കഴിഞ്ഞിട്ട് 6 ദിവസങ്ങൾ ആയി!
