Alguna vez os he hecho screencasts para que el aprendizaje fuera más sencillo, pero si el inglés es lo tuyo creo que vas a disfrutar muchísimo con esta entrada que te traigo.
Un screencast es una grabación digital de la salida por pantalla de la computadora, a veces conteniendo narración de audio. Aunque el término screencast data del 2004, productos tales como Lotus ScreenCam fueron usados desde 1993. Los productos pioneros producían ficheros enormes y tenían características de edición limitadas. Los productos más recientes soportan formatos de ficheros más compactos tales como Macromedia Flash y tienen características de edición más sofisticadas permitiendo cambios en la secuencia, movimiento del ratón y audio.
Se trata de nada menos que treinta y cuatro screencasts para mejorar tus habilidades diseñando y programando, todos en inglés pero muy bien explicados y en una calidad excelente, por lo que no hay de que preocuparse.
Fuente | 1stWD
Overcome the hassles of page refreshing by updating the contents without a manual page refresh. This video demonstrates the do’s and how’s to refresh the RSS feeds with the help of AJAX.
It’s also worth noting that their version only keep pulling in new items until it hits the end. I’ll show you how you can keep the list looping, and in a follow up tutorial I’ll show you how to hook this in to an Ajax hit that doesn’t hammer your server and keeps the effect nice and smooth.
Ever Got frustrated when you cannot find the header while browsing a content and got lost with your subject
when moving on to next page, this screen cast helps the header to remain content and also replaces the next heading simultaneously when you move to next page in a subtle manner.It’s very useful for every web designers who is following the trend.
You would have noticed that your animation jumps towards the end, which could be because of height problems.This screen cast helps you to find a solution by considering the height factors by storing an inline height and setting an an inline height later and proceed accordingly whether we are revealing or hiding the element.We can use this action to show our results or can use this in FAQ’s also.So there’s no need to refresh the page.
Wanna create a gallery with a slide to navigate the items? This screen cast helps you with simple steps to translate the sliders position to slide the products inversely with the help of Markup, slider-widget control, jQueryUI, CSS and certain plug-ins which provides faster scroll and a pause when needed.Using this slider you can display your products and you can roll your images etc.
A 15 day Absolute beginner series in Jquery with Theme forest.net as a reference by Jeff Way who has exclusive videos for each day where you could learn all the methods, Jquery style switcher, hover effect and lots more used in Themeforest.net.
This screen cast series will teach you Jquery clearly and effectively.Each screencasts has the own style and it would be very useful for beginners who needs to learn Jquery in an defective manner.
It’s highly professional way to monetize your website and this type of menu will give you a good look to your website.
Most of the times a scroll action doesn’t stop automatically and we have to control it manually when needed, So to make a scrolling action automatic and pause it when the mouse is over the carousel using Jquery is demonstrated in this screen cast.
We can use this carousel for dynamic purpose too.
The key effects of Tim the Accordion and Hover effect which work only in Webkit can also work in jQuery when two factors namely animated margin – left and Background rgba crossfade effect is taken into account.
For further details go through the screencast and find it on your own.
An authentication is always done with the help of a password.This screen cast will be very useful for authorization purposes.
In this screen cast we create a simple pop up window which verifies the password of an account in an LDAP server and where data is passes from a link to the dynamically created window.
Take the guidance of experts James Padolsey, Jeffery Way and Dan Wellman in this screen cast to create your Jquery plugins and use them in your programs. Lear how to set defaults,pre-load images, create call back methods and create dynamic radio buttons using Jquery, CSS.
To learn the full steps study the complete screen cast.
13.Jquery video series
A more elaborate and precise training regimen of 10 minutes for Themeforest.net and using the same how to use the Jquery library and create your our own projects with the help of video series description for 15 days.
The whole series will bring the beginners as a successful professional in Jquery.They can edit and customize the Jquery applications flexibly.
A short tour on various topics in PHP are given as separate tutorials.These self contained tutorials by Jeffery Way teaches you to upload files using PHP with the help of ThemeForest blog which is a complete source on PHP queries.
This screen cast covers the different type of topics for the beginners and intermediate level users.
To create a communication between PHP and JSON data source using jQuery’s AJAX functionality where we create a script to send the JSON data, then a PHP array then we load the file and our data source is populated.
To learn the full steps please view the complete screen cast.It’s an advanced screencast for PHP lovers.
16.Photo admin site using PHP and Jquery
This screencast helps you to create a photo site using PHP and jquery where a database is created with collection of photos, and the admin is given the rights of updating the title of the photos as well as maintaining any sub-directories by clicking on the text.
You can administrate the whole photo gallery as per your requirement.The specialty of this screen cast is using Jquery we are accessing the galleries.
Help the absolute beginner with the basics of HTML and CSS which are only text files to a level where you can use them as a preview in your website.
This screen cast teach you that HTML is the content and CSS is the design of the website and also how to create a website with good quality.Here you can learn the very basics of both HTML and CSS so you can handle the websites easily when learned the basics well.
We build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked.This image gallery will give you a highly professional look for your web development.
But this image gallery page makes use of hot semantic HTML5 markup, loads of visual treats with CSS3 and jQuery, and made editable through the CMS PageLime.
19.How to use CSS sprites
CSS Sprites have been a hot topic for a long time now. The fact is that each image on a web page is a separate server request and you can dramatically increase the performance of a page.Reducing the number of HTTP requests improves the load times. To achieve this we use CSS sprites, How to create a CSS sprite and how to those sprites describe here.
This will give you an good idea about CSS sprites and how to use this with your web development side.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
You don’t have to master the code to create a web application .CSS frameworks are there for you to write your code.Spend some time with this screen cast to learn about the frameworks and to efficiently develop your web applications.
Like many people out there, you may want to create a web site to show off your photos of friends, family, vacation, wedding, etc. Well, this small tutorial will show you how to create a photo gallery and upload it to the Internet.
A photo gallery which automatically builds itself with the images from a directory as well as the sub-directories is possible by CSS . Chris Coyier teaches in this screen cast to build an automatic photo gallery.
How do you embed an MP3 file (like a podcast, song or background music) into a web page or an RSS feed so that visitors can listen to the audio in the browser itself without requiring an external player like QuickTime or Windows Media Player.
Many exciting new functions and features are being thought up for CSS3. We will try and showcase some of them on this web page.For visual enhancements such as multiple backgrounds, RGB, border image, border radius, @font face, animations / transitions and a lot more for CSS3 is on the move now.
To follow this latest wave catch a glimpse of this screen cast.
You can get the information about the markup, CSS, layout and DOM of an element in a page with Firebug, an extension of Firefox which has become inevitable for Web designers and developers where you can edit and see the results directly in the browser.
To know more learn this screen cast.
When designed right, a Twitter feed can improve the aesthetics of a website’s layout.If tweeting is your pastime then you must be eager to display your tweets from start to finish. For e.g. you could cover the design in Photoshop also style your page.
Code Igniter is an open source web application for writing PHP programs and also to create full -features web applications.writing code from scratch, by providing a rich set of libraries for commonly needed tasks, as well as a simple interface and logical structure to access these libraries.
In this screencast it gives you introduction about CodeIgniter and also to create a blog in CodeIgniter using PHP by Derek Jones.
With raw PHP, this can be somewhat time-consuming. However, with CodeIgniter, it’s simply a matter of referencing the correct library, and passing in some configuration options! Let’s dive in.
Eager to tune PHP skills after learning the introduction , Move on to the next step ,this screencast teaches you to upload an image and save it after initial validation using PHP in CodeIgniter.
Get ready to create your first application with CodeIgniter, create a form using Form builder, build a sample application,create a blog in 20 minutes, create a Pagination, send and receive data via jQuery Post and JSON in this 10 minute screencast by Derek Jones.
We are hoping that you will learn further on CodeIgniter Application Development Framework after watch out screencast.
Building an entire membership system can be a tedious, and time-consuming task. Tim Cooper is going to show us how to build the ENTIRE thing in roughly thirty minutes.
Using XML we could create a login and registration form in much less time than MySQL, Tim Cooper in this screen cast shows us this by reviewing PHP, .htaccess, files, sessions and more.
It may seem odd to attempt to standardize data types in a system DESIGNED TO BE SO FLEXIBLE, but more than one institution reports that setting reasonable expectations for portfolio deployments across campus and managing your IT resources to leverage some amount of standardization do a lot to the project sustainable.
Learn the basics of building a form using the Form builder tool which could be used to build an XML schema file and also use for many multiple purposes in many forms. Sean Keesler teaches you to build a form in this screen cast.
Create automation scripts to test web application functionality in Internet Explorer on Windows.
From this Screen cast achieve this task with the help of Pamie – a Python class file which creates a Pamie test script to automate a form, create an XML file, read data and run the test.
It show you:
- How to create a Pamie test script to Automate a form
- How to find the names and ID’s of DOM Elements to automate
- Creating an XML file from scratch using Notepad++
- How to read the data in an XML file using ElementTree
- How to run the test
Find it difficult to learn Drupal, this screencast makes it easy for practically learning step by step process starting with the installation, node system, block system, content types, theme development and more.
Also you could find resources for Drupal books, Drupal podcasts, Drupal forums, Drupal channels.
Get all the information you wanted to know about Drupal, this screencast gives you the best of Drupal’s screencasts, best books on Drupal, resources, modules and also the annoyances of Drupal. Get the latest screencasts on Drupal 6, Learn about CSS Injector, Node Convert, open buffet syndrome, creating a backup, about Webform, Login Toboggan, Input filters, Teaser length and lots more about this content management platform – Drupal.