Latest: Add Latest Article Here | Recommended: Add Recommended Article Here

Increase your website traffic, expand your business, get best perfect unique SEO content and many more.

Subscribe For Free Latest Updates!

We'll not spam mate! We promise.

Sunday, June 8, 2014


E-learning (or eLearning) is the use of electronic media and information and communication technologies (ICT) in education. E-learning is broadly inclusive of all forms of educational technology in learning and teaching. E-learning is inclusive of, and is broadly synonymous with multimedia learningtechnology-enhanced learning (TEL), computer-based instruction (CBI), computer managed instruction,[1] computer-based training (CBT), computer-assisted instruction or computer-aided instruction (CAI), internet-based training (IBT), web-based training (WBT), online educationvirtual educationvirtual learning environments (VLE) (which are also called learning platforms), m-learning, and digital educational collaboration. These alternative names emphasize a particular aspect, component or delivery method.
E-learning includes numerous types of media that deliver text, audio, images, animation, and streaming video, and includes technology applications and processes such as audio or video tape, satellite TV, CD-ROM, and computer-based learning, as well as local intranet/extranet and web-based learning. Information andcommunication systems, whether free-standing or based on either local networks or the Internet in networked learning, underly many e-learning processes.
E-learning can occur in or out of the classroom. It can be self-paced, asynchronous learning or may be instructor-led, synchronous learning. E-learning is suited todistance learning and flexible learning, but it can also be used in conjunction with face-to-face teaching, in which case the term blended learning is commonly used.
E-learning in learning and education refers to the use of modern technology, such as computers, digital technology, networked digital devices (e.g., the Internet) and associated software and courseware. There are several aspects to describing the intellectual and technical development of e-learning, which can be categorized into discrete areas. These are addressed in turn in the sections of this article:
  1. e-learning as an educational approach or tool that supports traditional subjects;
  2. e-learning as a technological medium that assists in the communication of knowledge, and its development and exchange;
  3. e-learning itself as an educational subject; such courses may be called "Computer Studies" or "Information and Communication Technology (ICT)";
  4. e-learning administrative tools such as education management information systems (EMIS).
E-learning is an inclusive term that describes educational technology that electronically or technologically supports learning and teachingBernard Luskin, a pioneer of e-learning, advocates that the "e" should be interpreted to mean "exciting, energetic, enthusiastic, emotional, extended, excellent, and educational" in addition to "electronic." This broad interpretation focuses on new applications and developments, and also brings learning and media psychology into consideration.[3] Parks suggested that the "e" should refer to "everything, everyone, engaging, easy".[4]
Depending on whether a particular aspect, component or delivery method is given emphasis, a wide array of similar or overlapping terms has been used. As such, e-learning encompasses multimedia learning, technology-enhanced learning (TEL), computer-based training (CBT), computer-assisted instruction (CAI), internet-based training (IBT), web-based training (WBT), online education, virtual education, virtual learning environments (VLE) which are also called learning platforms, m-learning, digital educational collaboration, distributed learning, computer-mediated communication, cyber-learning, and multi-modal instruction. Every one of these numerous terms has had its advocates, who point up particular potential distinctions. In practice, as technology has advanced, the particular "narrowly defined" aspect that was initially emphasized has blended into "e-learning." As an example, "virtual learning" in a narrowly defined semantic sense implies entering the environmental simulation within a virtual world, for example in treating posttraumatic stress disorder (PTSD). In practice, a "virtual education course" refers to any instructional course in which all, or at least a significant portion, is delivered by the Internet. "Virtual" is used in that broader way to describe a course that not taught in a classroom face-to-face but through a substitute mode that can conceptually be associated "virtually" with classroom teaching, which means that people do not have to go to the physical classroom to learn. Accordingly, virtual education refers to a form of distance learning in which course content is delivered by various methods such as course management applicationsmultimedia resources, and videoconferencing. Students and instructors communicate via these technologies.
The worldwide e-learning industry is economically significant, and was estimated in 2000 to be over $48 billion according to conservative estimates. Developments in internet and multimedia technologies are the basic enabler of e-learning, with consulting, content, technologies, services and support being identified as the five key sectors of the e-learning industry. Information and communication technologies (ICT) are used extensively by young people.
E-learning expenditures differ within and between countries. Finland, Norway, Belgium and Korea appear to have comparatively effective programs.
In 1960, the University of Illinois initiated a classroom system based in linked computer terminals where students could access informational resources on a particular course while listening to the lectures that were recorded via some form of remotely linked device like television or audio device.[14]
In the early 1960s, Stanford University psychology professors Patrick Suppes and Richard C. Atkinson experimented with using computers to teach math and reading to young children in elementary schools in East Palo Alto, California. Stanford's Education Program for Gifted Youth is descended from those early experiments. In 1963, Bernard Luskin installed the first computer in a community college for instruction, working with Stanford and others, developed computer assisted instruction. Luskin completed his landmark UCLA dissertation working with the Rand Corporation in analyzing obstacles to computer assisted instruction in 1970.
Educational institutions began to take advantage of the new medium by offering distance learning courses using computer networking for information.
Early e-learning systems, based on Computer-Based Learning/Training often attempted to replicate autocratic teaching styles whereby the role of the e-learning system was assumed to be for transferring knowledge, as opposed to systems developed later based on Computer Supported Collaborative Learning (CSCL), which encouraged the shared development of knowledge.
Computer-based learning made up many early e-learning courses such as those developed by Murray Turoff and Starr Roxanne Hiltz in the 1970s and 80s at theNew Jersey Institute of Technology, and the ones developed at the University of Guelph in Canada. In 1976, Bernard Luskin launched Coastline Community College as a "college without walls" using television station KOCE-TV as a vehicle. By the mid-1980s, accessing course content become possible at many college libraries.
Cassandra B. Whyte researched about the ever increasing role that computers would play in higher education. This evolution, to include computer-supported collaborative learning, in addition to data management, has been realized. The type of computers has changed over the years from cumbersome, slow devices taking up much space in the classroom, home, and office to laptops and handheld devices that are more portable in form and size and this minimalization of technology devices will continue.
The Open University in Britain and the University of British Columbia (where Web CT, now incorporated into Blackboard Inc. was first developed) began a revolution of using the Internet to deliver learning, making heavy use of web-based training and online distance learning and online discussion between students. Practitioners such as Harasim (1995) put heavy emphasis on the use of learning networks.
With the advent of World Wide Web in the 1990s, teachers embarked on the method using emerging technologies to employ multi-object oriented sites, which are text-based online virtual reality system, to create course websites along with simple sets instructions for its students. As the Internet becomes popularized, correspondence schools like University of Phoenix became highly interested with the virtual education, setting up a name for itself in 1980.
In 1993, Graziadei described an online computer-delivered lecture, tutorial and assessment project using electronic mail. By 1994, the first online high school had been founded. In 1997, Graziadei described criteria for evaluating products and developing technology-based courses include being portable, replicable, scalable, and affordable, and having a high probability of long-term cost-effectiveness.
By 1994, CALCampus presented its first online curriculum as Internet becoming more accessible through major telecommunications networks. CALCampus is where concepts of online-based school first originated, this allowed to progress real-time classroom instructions and Quantum Link classrooms. With the drastic shift ofInternet functionality, multimedia began introducing new schemes of communication; through the invention of webcams, educators can simply record lessons live and upload them on the website page. There are currently wide varieties of online education that are reachable for colleges, universities and K-12 students. In fact, theNational Center for Education Statistics estimate the number of K-12 students enrolled in online distance learning programs increased by 65 percent from 2002 to 2005. This form of high learning allowed for greater flexibility by easing the communication between teacher and student, now teachers received quick lecture feedbacks from their students. The idea of Virtual Education soon became popular and many institutions began following the new norm in the education history.
The emergence of e-learning is arguably one of the most powerful tools available to the growing need for education. The need to improve access to education opportunities allowed students who desire to pursue their education but are constricted due to the distance of the institution to achieve education through "virtual connection" newly available to them. Online education is rapidly increasing and becoming as a viable alternative for traditional classrooms. According to a 2008 study conducted by the U.S Department of Education, back in 2006-2007 academic year, about 66% of postsecondary public and private schools began participating in student financial aid programs offered some distance learning courses, record shows only 77% of enrollment in for-credit courses being for those with an online component. In 2008, the Council of Europe passed a statement endorsing e-learning's potential to drive equality and education improvements across the EU.
The extent to which e-learning assists or replaces other learning and teaching approaches is variable, ranging on a continuum from none to fully online distance learning. A variety of descriptive terms have been employed (somewhat inconsistently) to categorize the extent to which technology is used. For example, 'hybrid learning' or 'blended learning' may refer to classroom aids and laptops, or may refer to approaches in which traditional classroom time is reduced but not eliminated, and is replaced with some online learning. 'Distributed learning' may describe either the e-learning component of a hybrid approach, or fully online distance learning environments. Another scheme described the level of technological support as 'web enhanced', 'web supplemented' and 'web dependent'.(Sloan Commission)
E-learning may either be synchronous or asynchronous. Synchronous learning occurs in real-time, with all participants interacting at the same time, while asynchronous learning is self-paced and allows participants to engage in the exchange of ideas or information without the dependency of other participants′ involvement at the same time.
Synchronous learning involves the exchange of ideas and information with one or more participants during the same period of time. A face-to-face discussion is an example of synchronous communications. In e-learning environments, examples of synchronous communications include online real-time live teacher instruction and feedback, Skype conversations, or chat rooms or virtual classrooms where everyone is online and working collaboratively at the same time.
Asynchronous learning may use technologies such as emailblogswikis, and discussion boards, as well as web-supported textbooks, hypertext documents, audio video courses, and social networking using web 2.0. At the professional educational level, training may include virtual operating rooms. Asynchronous learning is particularly beneficial for students who have health problems or have child care responsibilities and regularly leaving the home to attend lectures is difficult. They have the opportunity to complete their work in a low stress environment and within a more flexible timeframe. In asynchronous online courses, students proceed at their own pace. If they need to listen to a lecture a second time, or think about a question for a while, they may do so without fearing that they will hold back the rest of the class. Through online courses, students can earn their diplomas more quickly, or repeat failed courses without the embarrassment of being in a class with younger students. Students also have access to an incredible variety of enrichment courses in online learning, and can participate in college courses, internships, sports, or work and still graduate with their class.
Both the asynchronous and synchronous methods rely heavily on self-motivation, self-discipline, and the ability to communicate in writing effectively.
Computer-based learning or training (CBT) refers to self-paced learning activities delivered on a computer or handheld device such as a tablet or smartphone. CBT often delivers content via CD-ROM, and typically presents content in a linear fashion, much like reading an online book or manual. For this reason, CBT is often used to teach static processes, such as using software or completing mathematical equations. Computer-based training is conceptually similar to web-based training (WBT), the primary difference being that WBTs are delivered via Internet using a web browser.
Assessing learning in a CBT is often by assessments that can be easily scored by a computer such as multiple choice questions, drag-and-drop, radio button, simulation or other interactive means. Assessments are easily scored and recorded via online software, providing immediate end-user feedback and completion status. Users are often able to print completion records in the form of certificates.
CBTs provide learning stimulus beyond traditional learning methodology from textbook, manual, or classroom-based instruction. For example, CBTs offer user-friendly solutions for satisfying continuing education requirements. Instead of limiting students to attending courses or reading printed manuals, students are able to acquire knowledge and skills through methods that are much more conducive to individual learning preferences. For example, CBTs offer visual learning benefits through animation or video, not typically offered by any other means.
CBTs can be a good alternative to printed learning materials since rich media, including videos or animations, can easily be embedded to enhance the learning.
However, CBTs pose some learning challenges. Typically the creation of effective CBTs requires enormous resources. The software for developing CBTs (such asFlash or Adobe Director) is often more complex than a subject matter expert or teacher is able to use. In addition, the lack of human interaction can limit both the type of content that can be presented as well as the type of assessment that can be performed. Many learning organizations are beginning to use smaller CBT/WBT activities as part of a broader online learning program which may include online discussion or other interactive elements.
Computer-supported collaborative learning (CSCL) uses instructional methods designed to encourage or require students to work together on learning tasks. CSCL is similar in concept to the terminology, "e-learning 2.0" and "networked collaborative learning" (NCL).
Collaborative learning is distinguishable from the traditional approach to instruction in which the instructor is the principal source of knowledge and skills. For example, the neologism "e-learning 1.0" refers to the direct transfer method in computer-based learning and training systems (CBL). In contrast to the linear delivery of content, often directly from the instructor's material, CSCL uses blogswikis, and cloud-based document portals (such as Google Docs and Dropbox). With technological Web 2.0 advances, sharing information between multiple people in a network has become much easier and use has increased. One of the main reasons for its usage states that it is "a breeding ground for creative and engaging educational endeavors."
Using Web 2.0 social tools in the classroom allows for students and teachers to work collaboratively, discuss ideas, and promote information. According to Sendall (2008),[37] blogs, wikis, and social networking skills are found to be significantly useful in the classroom. After initial instruction on using the tools, students also reported an increase in knowledge and comfort level for using Web 2.0 tools. The collaborative tools also prepare students with technology skills necessary in today's workforce.
Locus of control remains an important consideration in successful engagement of e-learners. According to the work of Cassandra B. Whyte, the continuing attention to aspects of motivation and success in regard to e-learning should be kept in context and concert with other educational efforts. Information about motivational tendencies can help educators, psychologists, and technologists develop insights to help students perform better academically.
Classroom 2.0 refers to online multi-user virtual environments (MUVEs) that connect schools across geographical frontiers. Also known as "eTwinning", computer-supported collaborative learning (CSCL) allows learners in one school to communicate with learners in another that they would not get to know otherwise,enhancing educational outcomes and cultural integration. Examples of classroom 2.0 applications are Blogger and Skype.
E-learning 2.0 is a type of computer-supported collaborative learning (CSCL) system that developed with the emergence of Web 2.0. From an e-learning 2.0 perspective, conventional e-learning systems were based on instructional packets, which were delivered to students using assignments. Assignments were evaluated by the teacher. In contrast, the new e-learning places increased emphasis on social learning and use of social software such as blogs, wikis, podcasts and virtual worlds such as Second Life. This phenomenon has also been referred to as Long Tail Learning See also (Seely Brown & Adler 2008)
E-learning 2.0, in contrast to e-learning systems not based on CSCL, assumes that knowledge (as meaning and understanding) is socially constructed. Learning takes place through conversations about content and grounded interaction about problems and actions. Advocates of social learning claim that one of the best ways to learn something is to teach it to others.
In addition to virtual classroom environments, social networks have become an important part of E-learning 2.0. Social networks have been used to foster online learning communities around subjects as diverse as test preparation and language educationMobile Assisted Language Learning (MALL) is the use of handheld computers or cell phones to assist in language learning. Traditional educators may not promote social networking unless they are communicating with their own colleagues.
Virtual worlds for e-Learning have been amongst the first applications being deployed in clouds in order to exploit the characteristics of Cloud computing with respect to on-demand provision of resources during runtime.
Various technologies are used to facilitate e-learning. Most e-learning uses combinations of these techniques, including blogscollaborative softwareePortfolios, and virtual classrooms.

Audio

The radio has been around for a long time and has been used in educational classrooms. Recent technologies have allowed classroom teachers to stream audio over the internet. There are also webcasts and podcasts available over the internet for students and teachers to download. For example, iTunes has various podcasts available on a variety of subjects that can be downloaded for free.

Video

Videos allow teachers to reach students who are visual learners and tend to learn best by seeing the material rather than hearing or reading about it. Teachers can access video clips through the internet instead of relying on DVDs or VHS tapes. Websites like YouTube are used by many teachers. Teachers can use messaging programs such as Skype, Adobe Connect, or webcams, to interact with guest speakers and other experts. Interactive video games are being integrated in the curriculum at both K-12 and higher education institutions.
Research on the use of video in lessons is preliminary, but early results show an increased retention and better results when video is used in a lesson. Creating a systematic video development method holds promise for creating video models that positively impact student learning.[52]

Computers, tablets and mobile devices

Computers and tablets allow students and teachers access to websites and other programs, such as Microsoft Word, PowerPoint, PDF files, and images. Many mobile devices support m-learning. Turkey's Fatih project is putting tablet computers in the hands of every student from grade 5 to 12, and interactive whiteboards in every classroom.

Blogging

Blogs allow students and teachers to post their thoughts, ideas, and comments on a website. Blogging allows students and instructors to share their thoughts and comments on the thoughts of others which could create an interactive learning environment.

Webcams

The development of webcams and webcasting has facilitated the creation of virtual classrooms and Virtual learning environment. Virtual classrooms supported by such technology are becoming more and more popular, especially since they are contributing as a main solution to solving problems with travel expenses. Virtual classrooms with such technology also provide the benefits of being easy to set up.

Whiteboards

Interactive whiteboards, similar in use to "smartboards", allow teachers and students to write on the touch screen, so learning becomes interactive and engaging.

Screencasting

Screencasting is a recent trend in e-learning. There are many screencasting tools available that allow users to share their screens directly from their browser and make the video available online so that the viewers can stream the video directly.[55] The advantage of such tools is that it gives the presenter the ability to show his ideas and flow of thoughts rather than simply explain them, which may be more confusing when delivered via simple text instructions. With the combination of video and audio, the expert can mimic the one-on-one experience of the classroom and deliver clear, complete instructions. From the learner's point of view this provides the ability to pause and rewind and gives the learners the advantage of moving at their own pace, something a classroom cannot always offer.

Combining technology

Along with the terms learning technologyinstructional technology, the term educational technology refers to the use of technology in learning in a much broader sense than the computer-based training or Computer Aided Instruction of the 1980s. It is also broader than the terms Online Learning or Online Education which generally refer to purely web-based learning. In cases where mobile technologies are used, the term M-learning has become more common. E-learning, however, also has implications beyond just the technology and refers to the actual learning that takes place using these systems.
In higher education especially, the increasing tendency is to create a virtual learning environment (VLE) (which is sometimes combined with a Management Information System (MIS) to create a Managed Learning Environment) in which all aspects of a course are handled through a consistent user interface standard throughout the institution. A growing number of physical universities, as well as newer online-only colleges, have begun to offer a select set of academic degree and certificate programs via the Internet at a wide range of levels and in a wide range of disciplines. While some programs require students to attend some campusclasses or orientations, many are delivered completely online. In addition, several universities offer online student support services, such as online advising and registration, e-counseling, online textbook purchases, student governments and student newspapers.
E-learning can also refer to educational websites such as those offering learning scenarios, worksheets and interactive exercises for children. The term is also used extensively in the business sector where it generally refers to cost-effective online training.

Virtual classroom

Virtual Learning Environments (VLE), also known as learning platforms, utilize virtual classrooms and meetings which often use a mix of communication technologies. One example of web conferencing software that enables students and instructors to communicate with each other via webcam, microphone, and real-time chatting in a group setting, are GoToTraining, WebEx Training or Adobe Connect, which are sometimes used for meetings and presentations. Participants in a virtual classroom can raise hands, answer polls or take tests. Students are able to 'write on the board' and even share their desktop, when given rights by the teacher. Other communication technologies available in a virtual classroom include text notes, microphone rights and mouse control.
The virtual classroom also provides the opportunity for students to receive direct instruction from a qualified teacher in an interactive environment. Students have direct and immediate access to their instructor for instant feedback and direction. The virtual classroom also provides a structured schedule of classes, which can be helpful for students who may find the freedom of asynchronous learning to be overwhelming. In addition, the virtual classroom provides a social learning environment that replicates the traditional "brick and mortar" classroom. Most virtual classroom applications provide a recording feature. Each class is recorded and stored on a server, which allows for instant playback of any class over the course of the school year. This can be extremely useful for students to review material and concepts for an upcoming exam. This also provides students with the opportunity to watch any class that they may have missed, so that they do not fall behind. It also gives parents the ability to monitor any classroom to ensure that they are satisfied with the education their child is receiving.

Learning management system

learning management system (LMS) is software used for delivering, tracking and managing training and education; for example, tracking attendance, time on task, and student progress. Educators can post announcements, grade assignments, check on course activity, and participate in class discussions. Students can submit their work, read and respond to discussion questions, and take quizzes. An LMS may allow teachers, administrators, students, and permitted additional parties (such as parents if appropriate) to track various metrics. LMSs range from systems for managing training/educational records to software for distributing courses over the Internet and offering features for online collaboration. The creation and maintenance of comprehensive learning content requires substantial initial and ongoing investments of human labor. Effective translation into other languages and cultural contexts requires even more investment by knowledgeable personnel.
Internet-based learning management systems include Blackboard Inc.Edvelop and Moodle. These types of LMS allow educators to run a learning system partially or fully online, asynchronously or synchronously. Blackboard can be used for K-12 education, Higher Education, Business, and Government collaboration. Moodle is a free-to-download Open Source Course Management System that provides blended learning opportunities as well as platforms fordistance learning courses. Eliademy is a free cloud based Course Management System that provides blended learning opportunities as well as platforms fordistance learning courses.
Learning content management system
learning content management system (LCMS) is software for author content (courses, reusable content objects). An LCMS may be solely dedicated to producing and publishing content that is hosted on an LMS, or it can host the content itself. The Aviation Industry Computer-Based Training Committee (AICC) specification provides support for content that is hosted separately from the LMS.
A recent trend in LCMSs is to address this issue through crowdsourcing (cf.SlideWiki).
Computer-aided assessment
Computer-aided assessment (also but less commonly referred to as e-assessment), ranging from automated multiple-choice tests to more sophisticated systems is becoming increasingly common. With some systems, feedback can be geared towards a student's specific mistakes or the computer can navigate the student through a series of questions adapting to what the student appears to have learned or not learned.
The best examples follow a formative assessment structure and are called "Online Formative Assessment". This involves making an initial formative assessment by sifting out the incorrect answers. The author of the assessment/teacher will then explain what the pupil should have done with each question. It will then give the pupil at least one practice at each slight variation of sifted out questions. This is the formative learning stage. The next stage is to make a summative assessment by a new set of questions only covering the topics previously taught.
Learning design is the type of activity enabled by software that supports sequences of activities that can be both adaptive and collaborative. The IMS Learning Design specification is intended as a standard format for learning designs, and IMS LD Level A is supported in LAMS V2.elearning has been replacing the traditional settings due to its cost effectiveness.

Electronic performance support systems (EPSS)[edit]

An Electronic Performance Support System is, according to Barry Raybould, "a computer-based system that improves worker productivity by providing on-the-job access to integrated information, advice, and learning experiences" (Raybould, 1991). Gloria Gery defines it as "an integrated electronic environment that is available to and easily accessible by each employee and is structured to provide immediate, individualized on-line access to the full range of information, software, guidance, advice and assistance, data, images, tools, and assessment and monitoring systems to permit job performance with minimal support and intervention by others." (Gery, 1989).
Electronic performance support systems are used for:
  • task structuring support: help with how to do a task (procedures and processes),
  • access to knowledge bases (help user find information needed)
  • alternate forms of knowledge representation (multiple representations of knowledge, e.g., video, audio, text, image, data)
Copyrighted by: http://en.wikipedia.org/wiki/E-learning
Read More >>

Wednesday, June 4, 2014


I have given these tutorials earlier but I think a reminder will need for newbies. So here are they and I got some useful stuff just for you.

Every web designer has a secret or two. Hard-won workflows, hidden hacks, and insider knowledge that are the mark of true experience and the stuff that separates great web design trainingfrom good.
Here, we've managed to persuade some of the web's busiest devs and designers to part with their most closely guarded tricks and tips. It's quite a collection.
Packed with professional know-how, you'll discover secret features of well known tools, the beta services that the design industry is buzzing about and CSS tricks that make page design for multiple platforms easy. So whether you're a beginner at online design or a web veteran, you're bound to uncover one or two tips here that will change the way you work.

Faster coding

01. CodeKit for browser reloading

 CodeKit
CodeKit enables you to instantly see changes in your browser, without refreshing
"If you're on a Mac then CodeKit is a must," says Keir Whitaker, co-founder of Viewport Industries. "The browser reloading feature is worth the small cost alone. The days of hard refreshing your browser to make changes take effect are long gone."

02. Apply global changes

Here's a coding tip from musician, producer and web dev Elliott Fienberg that can help speed things up at the early stages of your design work. Use the wildcard CSS rule - using an asterisk as the selector - and you can globally apply changes to an entire page. For example, to change all the fonts on a page to sans-serif, you just need: *{font-family:arial, helvetica, sans-serif;}
This is a great designer's trick to have in your pocket while you're going through the design process. Of course, it's not such a great idea to leave it in your live code, so use this trick carefully and sparingly!

03. Set garish outlines

File this in the "simple acts of genius" folder - a tip from Christopher Murphy of Web Standardistas that makes cross-platform design so much easier. "When working with media queries, set an outline in a garish colour," says Murphy. "For example: {outline:10px solid green/red/yellow/blue;}. This enables you to instantly see which exact rules are being applied to what you're currently looking at."

04. Check your character count

"45-75 characters per line is generally accepted as safe for comfortable reading," says Trent Walton, founder and designer with Paravel. "There's a quick trick to ensure your responsive or fluid design supports this. Place a line of dummy text on your page with an asterisk at character 45 and an asterisk at character 75. Now test the site to make sure it resizes within these parameters."

05. Use FitVids for video embedding

HTML5 has simplified video embedding, but designers still have two problems. The first is getting video to resize responsively, the second is to ensure resizing degrades gracefully for Flash when HTML5 embedding isn't supported. Enter FitVids, a jQuery plugin that takes care of all that for you.

Dealing with images

06. Smushit for image size reduction

 Smushit
Smushit uses optimisation techniques to remove unnecessary bytes from image files
Sites with highly optimised images load faster and work better on more devices. "SmushIt is a great option to reduce image file sizes," says web developer and Microsoft evangelist Martin Beeby, and we agree. You may also want to give Trent Walton's fave ImageOptim a try.

07. Export images as 8bit PNG

Martin Beeby makes an old-school suggestion for handling PNG image files. "If you're exporting an image from Photoshop to PNG, and it doesn't need to be transparent, try exporting it as an 8bit PNG," he explains. "In most cases the image quality won't be affected but you will massively reduce the file size."

08. PNGQuant for image conversion

If you want to maintain transparency and minimise file size, there's a service that can help. PNGQuant can convert 24/32bit PNGs to 8bit PNGS and still maintain transparency. There's fancy for you.

Layouts

09. Use GuideGuide

 GuideGuide
GuideGuide is a columns, rows, and midpoints panel for Photoshop
"The best websites are designed to a grid," says Rhys Little, director of digital marketing agency Plug and Play. Setting up grids everytime in Photoshop can be tedious, though. He recommends Guide Guide: "It makes the process a breeze and save you a lot of time creating custom grids."

10. Use a 12-column grid

Another tip from Rhys Little: "Typically it is a good idea to use a grid with columns nicely divisible by 2, 3 and 4. Therefore, a 12 column grid is one of the most popular and versatile grids to use." Check out 960grid for more web design-friendly grid templates for a host of apps.

11. Find colour inspiration

We’re already fans of Adobe Kuler; Martin Beeby has uncovered a use we hadn't thought of: "I'm colour blind and so when I'm putting colour palettes together for a project I always reach for Kuler," he explains. He also recommends Colour Lovers - a creative community where members share colour schemes, designs and ideas.

Web typography

12. Typecast for typographic palettes

Typecast helps you build up a typographic palette quickly
Typecast, an app produced by the talented team at Belfast-based design agency Front, makes designing typographically rich sites a breeze. "It enables you to rapidly build and compare typographic palettes," enthuses Christopher Murphy.

13. Use Typecast with Google Fonts

Monotype recently teamed up with Google to release a new, free public version of Typecast which can be accessed throughGoogle Fonts. It enables you to select any font on the Google Fonts website and then follow the link to the Typecast app.
From there, you can work with that font on text of any length and use a wide range of type controls to build clear, readable type systems through adjustments such as font size, weight and line spacing. Your work can be exported as production-ready HTML and CSS, or PNG files, to share with others or merge with comps.

14. Font Squirrel for free web fonts

Free web fonts have really come of age. With Font Squirrel,Google Web Fonts and the @font-face attribute of CSS3, there's no need to put up with the typography troubles the last generation of web designers struggled so much with. Here's our round up of some of the best free web fonts around.

Plan the perfect site

15 Use Dropbox for version control

 Dropbox Pro
Dropbox Pro can be used as a simple versioning system
Keir Whitaker suggests using Dropbox Pro as a simple versioning system. As well as having 100GB of storage, you'll get versioning of your files for 30 days rolling. "More than enough to help you out with those 'accidental' deletes," says Whitaker.

16. Slow down

Visual creatives have a habit of whipping out their sketchbook first. Aidan Martin, senior designer at Alienation Digital, says we all need to slow down. "Don't start with a design: take a scenario-based approach," says Aidan. "Firmly establish the user's goals, map out their journey and then build the design around this."

17. Put your site on a Post-it

Does your design idea fit on a Post-it note, asks Elliott Fienberg? "One exercise I like to do is to write down your core content on a small piece of paper like a Post-it note," he says. "This will help you figure out what is really important and what can be omitted. The small piece of paper simulates the attention span of most users these days."

18. Plan your user flow

Want to know what to do with the rest of those Post-its? "You can expand this exercise by planning out your user flow on a series of Post-it notes," adds Elliott Fienberg. "I guarantee your project will be far more focused." Other sticky notes are available, of course, including virtual Sticky Notes on Windowsand Stickies on OS X.

Photoshop workflow

19. Name your layers wisely

 Photoshop layers
Be as descriptive as possible when naming your Photoshop layers
Rhys Little offers a clutch of tips on sharing Photoshop layouts within your team. His first suggestion: "Be as descriptive as possible when you name your Photoshop layers. It takes a second when creating a new layer to give it a simple name that others will be able to understand. This will save hours of forensic work later on."

20. Bin spare layers

Throw away any extra layers in Photoshop designs, adds Rhys Little. "If you like to save those extra layers 'just in case' then just archive a version with the layers you want to save," he says. Your main file will only contain the layers developers and other designers need access to, minimising confusion.

21. Label your folders

"Make sure you create an ASSETS Folder containing all fonts, images, logos, etc used in your project," continues Rhys Little. "And ensure that those individual folders are labelled accordingly."

22. Keep names consistent

Rhys Little also suggests that you maintain a consistent naming scheme, where the current site design file is always has the same name, rather than incrementally naming files. Older files should then be banished to an archive folder. For example:
ARCHIVE
WEBSITE.PSD

23. Save everything to server

"Remember to save your work to the server," adds Rhys Little. Even when you're taking an afternoon to tweak a file; "if you are sharing files, you need to ensure that your most recent work is readily available even if you are not."

Keep clients happy

24. Use Pinterest for moodboards

 Pinterest
Pinterest is a great way to get started collaborating on moodboards with your client
While we’re talking about keeping clients on your side, we all know that clients love moodboards. They’re a great way to collect elements together quickly and clue your client in - or even get them involved in the initial design process. The easiest way to get started? Create a shared board on Pinterest and invite your client to pin away.

25. Involve clients from the start

"Get the client involved as early as possible and throughout the design process," says Aidan Martin. "Always remember that they know their business best and only by combining this knowledge with your own will you be able to develop a truly successful digital solution."

26. Focus on prototyping

Use prototyping tools to get early versions of your designs in front of clients as soon as possible. This could be as simple as a Fireworks prototype or as complex as a functioning wireframe made in Balsamiq. "Get those signed off before jumping in with Photoshop and it will make your job a lot easier," urges freelance web designer Gavin Elliott.

Boost your career

27. Ask for help

 Trello
Use a free collaboration tool such as Trello to ask for help when you get stuck
If a job calls for an advanced skill you don't yet have, don't be afraid to ask for help. With free collaboration tools like Trelloand Redbooth you don't even need to be in the same country!

28. Work on your portfolio during downtime

"Don't wait for other people to ask you to try something new or to challenge you," says Ben Howdle, developer at Wapple.net. "In the downtime between jobs, when you’ve finished pitching, you should always be creating new portfolio work. The more inventive, the better."

29. Say yes to new challenges

Ben Howdle has another strategy for keeping the work flowing: say yes to work even if it's outside your comfort zone. "Taking on jobs that challenge you helps you to develop and expand your skills much more than any tutorial. And deadlines are a powerful motivator to learn on the job."

30. Get feedback from Dribbble

Remember how helpful those crit sessions were at college? "Check places like Dribbble for inspiration," urges Ben Howdle. It's a social network for designers, where you can share work in progress and get comments from your peers. Sometimes it takes another designer to tell you where you're going wrong - or right.
Get the Web designing tutorials here:....................
Introduction                                       : http://adf.ly/TjnQF
Introducing xHTML and HTML             : http://adf.ly/Tjp6J
Text Tags                                          : http://adf.ly/TjsHh
Image Tags                                        : http://adf.ly/Tjr9n
Link Tags                                           : http://adf.ly/TjtLK
Tables                                                : http://adf.ly/Tjv32
Frames                                               : http://adf.ly/Tjvl0
Forms                                                 : http://adf.ly/Tjwmw
CSS                                                    : http://adf.ly/Tjxt4
Exercise Files                                      : http://adf.ly/TjyDJ
If you like this article, please follow this blog or like my fb page to get known instantly about newest posts.
Read More >>


Copyright © 2016 - The SEO Consultant's Blog - All Rights Reserved
(Articles Cannot Be Reproduced Without Author Permission.)
Design By : | Powered By: Blogger