maxresdefault.jpg
April 19th, 2016 by editor



Let’s look at several examples of Parallax on the web!

“The phenomena of parallax is a result of having a perspective in in 3D space when movement is introduced to the observational experience.”

Examples ——

## 1 – Fixed background, scrolling body
http://www.ok-studios.de/home/
http://themes.tvda.eu/demos/kutcherstudio/

## 2 – Slow Elements
http://jason-kenny.com/
http://unfold.no/
http://www.apple.com/macbook/

## 3 – Landing Elements
http://www.apple.com/macbook]
http://www.streamlineicons.com/
http://news.microsoft.com/stories/garage/index.html

## 4 – Multiple direction elements
http://mainequarterly.com/thoreau/
https://carousel.dropbox.com/

## 5 – Mouse movements
http://stephband.info/jparallax/
http://www.alquimiawrg.com/#/home
http://travisneilson.com/rootbeer-tasting/

## 6 – thumbnails
http://tympanus.net/Development/HoverEffectIdeas/

## 7 – Follow the rabbit
http://poppyspend.britishlegion.org.uk/
http://lostworldsfairs.com/atlantis/
http://benthebodyguard.com/index.php
https://www.fiftythree.com/pencil

## 8 – Zooming elements
http://travisneilson.com/workflow-tools/
http://www.nytimes.com/projects/2013/tomato-can-blues/?hp

This video was sponsored by the DevTips Patron Community – https://www.patreon.com/DevTips

You should follow DevTips on Twitter – https://twitter.com/DevTipsShow

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , , , ,

maxresdefault.jpg
April 13th, 2016 by editor



Here is a speed code (time lapse) of a web application and proof of concept that I created during a hack-a-thon (24-36 hours of code).

My idea is the improvement of developer experience in static web development. I do this by creating a new filetype called CHTML (Composite HTML) that will provide “include” tags that will contain a file name to receive the content to replace. This will make code more modular and organized. However, I needed to create a “compiler” to take CHTML and convert to deployable HTML. This is the web application I made.

Technologies I used are Java, Spring MVC, HTML, CSS, Bootstrap, and jQuery Datatables.

I hope you all enjoy the speed code! I plan to do much more of these. If you want to see more, please subscribe to my YouTube!! If you are interested about coding, please follow my Twitter!!

Want to learn more about programming every day? Follow me on twitter!
Twitter: http://www.twitter.com/CodingBash

Want to stay up to date with my projects? Or possibly contribute to them? Follow me on GitHub!
GitHub: https://github.com/CodingBash/

Here is the code for the video!
View code: https://github.com/CodingBash/chtml-transcriptor

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , , , , ,

hqdefault.jpg
April 12th, 2016 by editor



Day 1: https://www.youtube.com/watch?v=6rM4DruuDco&feature=youtu.be

Live webcast from the 2016 Web Audio Conference (WAC) at the Academy of Medicine at the Georgia Institute of Technology, Atlanta, GA.

09:00 AM Keynote: Helen Thorington
10:00 AM Coffee/snack break
10:20 AM Paper session
12:40 PM Lunch
02:00 PM Lightning Talks
02:15PM Talks session
04:00 PM Poster/demo session
06:15 PM Dinner
07:30 PM Concert

Full Schedule Available Here: https://docs.google.com/spreadsheets/d/1hk_P0ZMNRwY0lEU6EmF_InCAfjd0g3X-AUOGQ1YjdO0/pubhtml#

WAC is an international conference dedicated to web audio technologies and applications. The conference addresses research, development, design, and standards concerned with emerging audio-related web technologies such as Web Audio API, Web RTC, WebSockets and Javascript. WAC welcomes industry engineers, R&D scientists, academic researchers, artists, and students from fields such as web development, music technology, computer music, and audio applications. The first Web Audio Conference was held in January 2015 at IRCAM and Mozilla in Paris, France.

The keynote speakers for WAC 2016 are Helen Thorington and Frank Melchior. The conference will feature over 75 papers, posters, talks, demos, artworks, and musical performances, a plenary session with the W3C working group on the Web Audio API, a hack session, tutorials, and related activities.

source

Posted in Video WebO2 Tagged with: , , , , , , , , , ,

hqdefault.jpg
April 12th, 2016 by editor



Day 2: https://www.youtube.com/watch?v=_FHzCzL-VUw

LIVE Tomorrow @ 9am EST

April 3, 2016:
09:00 AM Keynote: Helen Thorington
10:00 AM Coffee/snack break
10:30 AM Paper session
12:30 PM Lunch (on your own)
02:00 PM Talks session

Full Schedule: https://docs.google.com/spreadsheets/d/1hk_P0ZMNRwY0lEU6EmF_InCAfjd0g3X-AUOGQ1YjdO0/pubhtml#

WAC is an international conference dedicated to web audio technologies and applications. The conference addresses research, development, design, and standards concerned with emerging audio-related web technologies such as Web Audio API, Web RTC, WebSockets and Javascript. WAC welcomes industry engineers, R&D scientists, academic researchers, artists, and students from fields such as web development, music technology, computer music, and audio applications. The first Web Audio Conference was held in January 2015 at IRCAM and Mozilla in Paris, France.

The keynote speakers for WAC 2016 are Helen Thorington and Frank Melchior. The conference will feature over 75 papers, posters, talks, demos, artworks, and musical performances, a plenary session with the W3C working group on the Web Audio API, a hack session, tutorials, and related activities.

The conference takes place at Georgia Tech, a major research university located in midtown Atlanta, with convenient access from Hartsfield-Jackson Airport (the busiest passenger airport in the world). The conference venue, Georgia Tech’s Academy of Medicine, is listed on the National Register of Historic Places and houses the chandelier seen in the movie “Gone with the Wind.” The venue is a short walk to the Georgia Tech campus, dining, shopping, nightlife, the conference hotel, and the city’s main subway line.

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , ,

1459312325_maxresdefault.jpg
March 30th, 2016 by editor



In this episode I show you what are tags, attributes, and the structure of a web page.

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , ,

1459115244_maxresdefault.jpg
March 27th, 2016 by editor



Quer aprender a criar um website responsivo usando Bootstrap?

Comece já este curso de 2+1/2 horas e se torne um profissional web!

Acesse: https://curseduca.com/209-aprenda-a-fazer-um-site-responsivo-utilizando-bootstrap/B410D55B

————————————————

Se inscreva no canal: http://goo.gl/ct3Mo1
Phonegap/Cordova #7 – Web Service

—————————
Já deixou seu like na nossa página do Facebook? Lá você encontra material extra além dos vídeos que temos aqui! Não deixe de conferir!
https://www.facebook.com/pages/Codeam/1547427158848185

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , ,

1459005750_maxresdefault.jpg
March 26th, 2016 by editor



In this video, I will demo how to use Web SQL Databases in HTML 5

You also can buy my apps in http://codecanyon.net/user/octopuscodes/portfolio

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , , , , ,

1458254156_maxresdefault.jpg
March 17th, 2016 by editor



React.js is an exciting technology for the web that is also making it easier to write native, cross-platform applications. In this talk, Ian Sinnott of TruSTAR Technologies discusses building static, serverless sites using the full power of React.

Presented at the March 2016 Real World React meetup at Deco Software in San Francisco, CA.

Real World React Meetup: http://www.meetup.com/Real-World-React/
Slides: https://github.com/iansinnott/react-static-presentation/tree/master/presentation/examples
React Static Webpack Plugin: https://github.com/iansinnott/react-static-webpack-plugin
React Static Boilerplate: https://github.com/iansinnott/react-static-boilerplate

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , ,

1457442268_maxresdefault.jpg
March 8th, 2016 by editor



Presentation

Title: React 201: Beyond The Basics
Duration: 1 hour
Speaker: Evgueni Naverniouk
LinkedIn: https://www.linkedin.com/in/evgueninaverniouk
Twitter: https://twitter.com/EvNaverniouk
Speaker Bio: Evgueni Naverniouk has been building web applications for the past 16 years. He’s currently the lead developer at Cumul8 Technologies where his team uses React and React Native to build complex applications for large Enterprises. Evgueni has also worked as a musician, an artist in the movie industry, developed several mobile games and is an active contributor in the Open Source community.

Talk Description: If you’ve ever tried to build something large and serious with React you’ve probably stumbled upon a few issues. We at Cumul8 certainly did. In this talk Evgueni’s going to talk about the challenges and lessons his team went through while moving their entire tech stack over to React. This will be an advanced talk which assumes you understand the basics of React components, unidirectional data flow and functional programming.

Panelists
• Evgueni Naverniouk (Lead developer, Cumul8)
• Ryan MacLeod (React Native engineer, Cumul8)
• Rei Colina (Senior engineer, Hootsuite Labs)
• Matt Holland (Senior Software Developer, D&B Cloud Innovation Center)
• Eric Muyser (Front-end engineer, Mobify)
• Mike Nikles (Engineering Team Lead, Mobify)

Remember, use #reactjsvan to send in your questions on Twitter

source

Posted in Video WebO2 Tagged with: , , , , ,

1456170410_hqdefault.jpg
February 22nd, 2016 by editor



This video is collected from channel WSO2TechFlicks. Thanks for authors.
Newest WSO2 Tech will update in here: https://www.youtube.com/channel/UC8PgKuELQItQYntfp0xpWXA
[Full-fidelity version at http://wso2.org/library/presentations/wso2-mashup-server-screencast-series-2-web-scraping ] Jonathan Marsh, Director of Mashup Technologies for WSO2, begins development of a podcast statistics mashup, showing in this episode how to scrape a Web page, extract information from the page, and expose it as a Web service. Demonstrates the basics of the scraping configuration language for acquiring the page and converting it to XML, the use of the Firebug extension for Firefox to examine the structure of the page, and the navigation of the resulting XML using E4X navigation capabilities. Also demonstrates annotations for enumerated types and numbers, including showing their effect on generating a useful and accurate WSDL complete with SOAP 1.1, SOAP 1.2, and HTTP bindings.

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , ,