34 capturas de pantalla de calidade

Algunha vez fixen retransmisións de TV para que a aprendizaxe sexa máis doada, pero se o teu é o inglés creo que vas disfrutar moito con esta entrada que che traio.

Un cribado é unha gravación dixital da saída da pantalla do ordenador, ás veces contén narración de audio. Aínda que o termo cribado data de 2004, produtos como Loto Desde entón empregáronse ScreenCam 1993. Os produtos pioneiros producían enormes ficheiros e tiñan funcións de edición limitadas. Os últimos produtos admiten formatos de ficheiro máis compactos como Macromedia Flash e teñen funcións de edición máis sofisticadas que permiten cambios na secuencia, no movemento do rato e no audio.

Hai nada menos que trinta e catro screencasts para mellorar as súas habilidades de deseño e programación, todo en inglés pero moi ben explicado e de excelente calidade, polo que non hai que preocuparse.

Fonte | 1º WD

AJAX:

1.AJAX refrescante contido RSS

Supere os problemas de actualización de páxina actualizando o contido sen actualizar manualmente a páxina. Este vídeo demostra o que hai que facer e como actualizar os feeds RSS coa axuda de AJAX.

Se estás a facer só un feed, creo que sería máis eficiente rodar o teu propio código JavaScript, especialmente se só analiza RSS. Polo que recordo, SimplePie parecía ser unha sobrecarga.

2.Simple-Jquery-efecto-espía

O bo do sitio QuickSnapper de Realmac é que se JavaScript está desactivado, a lista de instantáneas é visible por defecto. Así que seguiremos o exemplo.

Tamén cómpre destacar que a súa versión só segue tirando de novos elementos ata que chega ao final. Vou amosarche como podes manter a lista en bucle e nun tutorial de seguimento amosarei como enganchar isto a un éxito do Ajax que non golpea o servidor e mantén o efecto agradable e suave.

3.Os 25 mellores tutoriais de vídeo AJAX de youtube

Os tutoriais aquí presentados dan comezo desde o principio de como crear un documento HTML, engadindo javascript e tamén ligando un javascript externo a iso, construíndo chat AJAX, engadindo elementos AJAX a unha páxina web usando o framework Spy, inserindo obxectos AJAX en Adobe Dreamweaver, como crear aplicacións Mash up usando o marco AJAX, crea unha web Delphi para PHP tamén sobre a base de datos AJAX MySql

Consulta:

4.Cabeceiras desprazables como o iphone

Algunha vez quedou frustrado cando non atopas o encabezado mentres exploras un contido e perdesche co asunto
ao pasar á seguinte páxina, este reparto de pantalla axuda a que a cabeceira permaneza contido e tamén substitúe a seguinte cabeceira simultaneamente cando se move á seguinte páxina dun xeito sutil. É moi útil para todos os deseñadores web que sigan a tendencia.

5.Volveuse a saltar a animación cara abaixo

Notarías que a túa animación salta cara ao final, o que podería deberse a problemas de altura. Esta pantalla axúdalle a atopar unha solución considerando os factores de altura almacenando unha altura en liña e configurando unha altura en liña máis tarde e proceder en consecuencia se revelamos ou ocultamos o elemento. Podemos usar esta acción para amosar os nosos resultados ou tamén podemos empregalo nas preguntas frecuentes. Polo tanto, non hai que actualizar a páxina.

6.Galería deslizante

¿Queres crear unha galería cunha diapositiva para navegar polos elementos? Este reparto de pantalla axúdache con pasos sinxelos para traducir a posición dos controles deslizantes para desprazar os produtos inversamente coa axuda de Markup, control de widgets deslizantes, jQueryUI, CSS e algúns complementos que proporcionan un desprazamento máis rápido e unha pausa cando sexa necesario. Podes amosar os teus produtos e podes rodar as túas imaxes, etc.

7.Consulta para principiantes absolutos

Unha serie de principiantes Absolute de 15 días en Jquery con Theme forest.net como referencia de Jeff Way, que conta con vídeos exclusivos para cada día onde podes aprender todos os métodos, o cambio de estilo Jquery, o efecto hover e moitos máis empregados en Themeforest.net.

Esta serie de reparto de pantalla ensinaralle a Jquery de forma clara e eficaz. Cada retransmisión ten o seu propio estilo e sería moi útil para os principiantes que necesitan aprender Jquery dun xeito defectuoso.

8.Construír o menú de navegación de estilo de lámpada de lava

Aprende a crear un menú de estilo de lámpada de lava dende o principio que inicialmente demostra o mesmo proceso usando un menú de tres niveis e logo crea un menú de lámpada de lava usando unha biblioteca Javascript nesta pantalla.

É un xeito moi profesional de monetizar o teu sitio web e este tipo de menú daralle un bo aspecto ao teu sitio web.

9.Carrusel infinito automático

A maioría das veces unha acción de desprazamento non se detén automaticamente e temos que controlala manualmente cando é necesario. Así, para facer unha acción de desprazamento automática e detela cando o rato está sobre o carrusel usando Jquery demóstrase nesta pantalla.

Tamén podemos usar este carrusel con fins dinámicos.

10.Jquery mira tim van damme

Os efectos claves do efecto Tim the Accordion e Hover que só funcionan en Webkit tamén poden funcionar en jQuery cando se teñen en conta dous factores: a marxe animada: esquerda e o efecto de fundido cruzado rgba de fondo.

Para máis detalles, vai polo screencast e atópao só.

11.Xanela de inicio de sesión emerxente

Sempre se fai unha autenticación coa axuda dun contrasinal. Este lanzamento en pantalla será moi útil para fins de autorización.

Neste molde de pantalla creamos unha sinxela ventá emerxente que verifica o contrasinal dunha conta nun servidor LDAP e onde se pasan os datos dunha ligazón á xanela creada dinámicamente.

12.Screencasts para crear o seu propio complemento jquery

Toma a guía dos expertos James Padolsey, Jeffery Way e Dan Wellman neste reparto de pantalla para crear os teus complementos de Jquery e usalos nos teus programas. Aprendín a establecer valores predeterminados, precargar imaxes, crear métodos de devolución de chamadas e crear botóns de radio dinámicos usando Jquery, CSS.

Para aprender os pasos completos, estuda o reparto completo da pantalla.

13. Serie de vídeos de consulta

Un réxime de adestramento máis elaborado e preciso de 10 minutos para Themeforest.net e usando o mesmo como usar a biblioteca Jquery e crear os seus propios proxectos coa axuda da descrición da serie de vídeos durante 15 días.

Toda a serie traerá aos principiantes como un profesional exitoso en Jquery. Poden editar e personalizar as aplicacións de Jquery de xeito flexible.

Screencasts de PHP:

14.Mergullo en PHP

Un pequeno percorrido sobre varios temas en PHP ofrécese como tutoriais separados. Estes tutoriais autónomos de Jeffery Way ensínanlle a cargar ficheiros usando PHP coa axuda do blog ThemeForest, que é unha fonte completa de consultas sobre PHP.

Este elenco de pantalla abrangue os distintos tipos de temas para usuarios de nivel principiante e intermedio.

15.Screencast de PHP Json Jquery Ajax

Para crear unha comunicación entre a fonte de datos PHP e JSON usando a funcionalidade AJAX de jQuery onde creamos un script para enviar os datos JSON, logo unha matriz PHP cargamos o ficheiro e a nosa fonte de datos rellénase.

Para aprender os pasos completos, vexa o reparto completo da pantalla. É un screencast avanzado para os amantes de PHP.

16. Sitio de administración de fotos usando PHP e Jquery

Este screencast axúdache a crear un sitio de fotos usando PHP e jQuery onde se crea unha base de datos con colección de fotos e ao administrador dáselle os dereitos de actualizar o título das fotos e manter calquera subdirectorio facendo clic no texto .

Podes administrar toda a galería de fotos segundo o teu requisito. A especialidade deste reparto de pantalla é usar Jquery para acceder ás galerías.

Capturas de pantalla CSS:

17.HTML e CSS o máis básico

Axude ao principiante absoluto cos conceptos básicos de HTML e CSS, que só son ficheiros de texto ata un nivel no que pode usalos como previsualización no seu sitio web.

Este reparto de pantalla ensínache que HTML é o contido e que CSS é o deseño do sitio web e tamén como crear un sitio web con boa calidade. Aquí podes aprender os elementos básicos de HTML e CSS para que poidas manexalos facilmente cando o aprendes. o básico ben.

18.Galería de imaxes CSS3 editable

Construímos un patrón de deseño de galería de imaxes bastante típico, unha cuadrícula de imaxes que aparecen máis grandes ao facer clic. Esta galería de imaxes daralle un aspecto moi profesional para o seu desenvolvemento web.

Pero esta páxina da galería de imaxes fai uso dun marcado HTML5 semántico quente, unha chea de golosinas visuais con CSS3 e jQuery, e editable a través do CMS PageLime.

19. Como usar sprites CSS

Os Sprites CSS son un tema candente desde hai moito tempo. O feito é que cada imaxe dunha páxina web é unha solicitude de servidor separada e pode aumentar drasticamente o rendemento dunha páxina. A redución do número de solicitudes HTTP mellora os tempos de carga. Para conseguilo empregamos sprites CSS, Como crear un sprite CSS e como describen aqueles sprites aquí.

Isto darache unha boa idea sobre os sprites CSS e como empregalo co teu lado de desenvolvemento web.

20.Vista detallada do marco CSS 960

O 960 Grid System é un esforzo para racionalizar o fluxo de traballo de desenvolvemento web proporcionando dimensións de uso común, baseadas nun ancho de 960 píxeles. Hai dúas variantes: 12 e 16 columnas, que se poden usar por separado ou en tándem.

Non tes que dominar o código para crear unha aplicación web. Os frameworks CSS están aí para que poidas escribir o teu código. Pasa un pouco de tempo con esta pantalla para coñecer os frameworks e desenvolver de xeito eficiente as túas aplicacións web.

21. Cambiador de imaxes

Image Switcher é un JavaScript gratuíto que insire automaticamente unha serie de imaxes nun único porto de vista intercambiable en quente. Este é un conmutador de imaxes CSS puro, lixeiro e compatible cos estándares. Podería usarse para unha galería ou calquera outra función similar. Pódese usar calquera número de opcións de selección de lista sempre que o ancho poida acomodalas.

Cambiar as imaxes a medida que se move a través dunha ligazón é o que este ensino de pantalla ensina sen a axuda de JavaScript. Para conseguir isto, só precisa activar o índice z e un pouco de posicionamento absoluto.

22.Construíndo unha galería de fotos

Como moita xente por aí, pode que queiras crear un sitio web para amosar as túas fotos de amigos, familiares, vacacións, voda, etc. Ben, este pequeno tutorial amosarache como crear unha galería de fotos e cargala en Internet.

CSS pode facer unha galería de fotos que se crea automaticamente coas imaxes dun directorio e dos subdirectorios. Chris Coyier ensina neste elenco de pantalla a construír unha galería de fotos automática.

23.Inserir audio

Como se incorpora un ficheiro MP3 (como un podcast, canción ou música de fondo) nunha páxina web ou nun feed RSS para que os visitantes poidan escoitar o audio no propio navegador sen necesidade dun reprodutor externo como QuickTime ou Windows Media Player.

A maioría da imaxe usámola ou un arquivo de audio. Pero unha imaxe cun son de fondo fai que o usuario se sinta cómodo de comprender a información. Chris Coyier ensina o mesmo coa axuda de JavaScript e Flash neste reparto de pantalla.

24.Usando CSS3

Estanse pensando en moitas novas e interesantes funcións CSS3. Tentaremos amosar algúns deles nesta páxina web. Para melloras visuais como varios fondos, RGB, imaxe de bordo, radio de bordo, cara @font, animacións / transicións e moito máis para CSS3 está en movemento agora.

Para seguir esta última ola, albisque este elenco de pantalla.

25.Presentamos firebug

Podes obter información sobre o marcador, CSS, deseño e DOM dun elemento nunha páxina con Firebug, unha extensión de Firefox que se fixo inevitable para os deseñadores e desenvolvedores web onde podes editar e ver os resultados directamente no navegador.

Para saber máis aprende este reparto de pantalla.

26.Páxina única para actualizacións de twitter

Cando se deseña ben, a chilro o feed pode mellorar a estética do deseño dun sitio web. Se o tweeting é o teu pasatempo, debes estar ansioso por mostrar os teus tweets de principio a fin. Por exemplo, podes cubrir o deseño en Photoshop e tamén estilos a túa páxina.

Para acadar esta tarefa, siga este elenco de pantalla que o guía desde o material javascript ata CSS para estilizar a súa páxina.

Codeigniter:

27.Screencasts básicos

Code Igniter é unha aplicación web de código aberto para escribir programas PHP e tamén para crear aplicacións web con características completas. Escribindo código desde cero, proporcionando un rico conxunto de bibliotecas para tarefas normalmente necesarias, así como unha interface sinxela e unha estrutura lóxica para acceder estas bibliotecas.

Neste screencast ofrécelle unha introdución sobre CodeIgniter e tamén para crear un blog en CodeIgniter usando PHP de Derek Jones.

28.Fácil desenvolvemento con codeigniter

Con PHP en bruto, isto pode levar algo de tempo. Non obstante, con CodeIgniter, simplemente se trata de facer referencia á biblioteca correcta e pasar algunhas opcións de configuración. Mergullámonos.

Desexando axustar as habilidades de PHP despois de aprender a introdución, avanza ao seguinte paso, este screencast ensina a cargar unha imaxe e gardala despois da validación inicial usando PHP en CodeIgniter.

29.Capturas de pantalla de inicio de asasinos para codeigniter

Prepárate para crear a túa primeira aplicación con CodeIgniter, crea un formulario usando o creador de formularios, crea unha aplicación de mostra, crea un blog en 20 minutos, crea unha paginación, envía e recibe datos a través de jQuery Post e JSON neste screencast de 10 minutos de Derek Jones .

Esperamos que aprenda máis adiante Marco de desenvolvemento de aplicacións CodeIgniter despois de coidar o screencast.

XML:

30.Constrúe un sistema de inicio de sesión e rexistro con xml

Construír un sistema completo de membros pode ser unha tarefa tediosa e que leva moito tempo. Tim Cooper vainos amosar como construír todo en aproximadamente trinta minutos.

Usando XML poderiamos crear un formulario de inicio de sesión e rexistro en moito menos tempo que MySQL, Tim Cooper nesta pantalla móstranos revisando PHP, .htaccess, ficheiros, sesións e moito máis.

31.Constructor de formularios

Pode parecer raro intentar estandarizar os tipos de datos nun sistema DESEÑADO PARA SER TAN FLEXIBLE, pero máis dunha institución informa que establecer expectativas razoables para os despregamentos de carteiras en todo o campus e xestionar os seus recursos de TI para aproveitar unha certa cantidade de normalización fan moito para o proxecto sostible.

Aprenda os conceptos básicos sobre a construción dun formulario empregando a ferramenta Creador de formularios que se podería empregar para construír un ficheiro de esquema XML e tamén para moitos fins múltiples en moitos formularios. Sean Keesler ensínache a construír un formulario neste elenco de pantalla.

32.Parametrizar datos de proba usando XML

Crea scripts de automatización para probar a funcionalidade das aplicacións web en Internet Explorer en Windows.

A partir deste reparto de pantalla, logra esta tarefa coa axuda de Pamie: un ficheiro de clase Python que crea un script de proba Pamie para automatizar un formulario, crear un ficheiro XML, ler datos e executar a proba.

Móstrache:

  • Como crear un script de proba Pamie para automatizar un formulario
  • Como atopar os nomes e identificadores dos elementos DOM para automatizar
  • Crear un ficheiro XML desde cero usando Notepad ++
  • Como ler os datos nun ficheiro XML usando ElementTree
  • Como realizar a proba

33.Lanzamentos de pantalla para facerche patear co cu con drupal

Resulta difícil aprender Drupal, este screencast facilita practicamente o proceso paso a paso que comeza coa instalación, o sistema de nodos, o sistema de bloques, os tipos de contido, o desenvolvemento de temas e moito máis.

Tamén podes atopar recursos para libros de Drupal, podcasts de Drupal, foros de Drupal, canles de Drupal.

34. Resumo de drupal

Obtén toda a información que quería saber sobre Drupal, este screencast ofrécelle o mellor dos screencasts de Drupal, os mellores libros sobre Drupal, recursos, módulos e tamén as molestias de Drupal. Recibe os últimos screencasts en Drupal 6, aprende sobre CSS Injector, Node Convert, síndrome de buffet aberto, creando unha copia de seguridade, sobre Webform, Toboggan de inicio de sesión, filtros de entrada, lonxitude do teaser e moito máis sobre esta plataforma de xestión de contido - Drupal.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado.

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.

bool (verdadeiro)