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: , , , , , , , , , , , , , , , , , , ,

hqdefault.jpg
April 14th, 2016 by editor



Just a short demo of web technology – Dynamic CSS theme editing.

HomeRunPlay.com

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: , , , , , , , , , , , , , , , , , , , ,

maxresdefault.jpg
April 12th, 2016 by editor



Lien Hostgator : http://goo.gl/YKbDzP
Bon de réduction – 25% : MONCOUPON25

Lien thème Zerif Pro : http://goo.gl/UaJ3cu
MEILLEURS THEMES WORDPRESS : http://goo.gl/l8iLvT

#Code #Liens : http://goo.gl/RLSz1c
Mon site : http://lachainedantoine.com/
Facebook: http://facebook.com/lachainedantoine
Twitter: http://twitter.com/chainedantoine

Apprenez à créer un site internet! avec WordPress en 1 heure 1/2, étape par étape, sans aucune connaissance de création de site web. Cette vidéo vous montrera comment créer un site de A à Z, de l’hébergement à la mise en ligne en passant par la personnalisation de celui-ci.

Dans cette vidéo je vous montre les bases de la création, le site reste très simple, si vous avez besoins de conseils, ou des demandes, je ferai mon possible pour vous aider.

Cette vidéo vous montrera aussi comment créer un site compatible sur les smartphones tablettes et PC, le thème utilisé prenant en charge automatiquement ces différents appareils.

http://lachainedantoine.com/2015/07/1…

source

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

maxresdefault.jpg
April 2nd, 2016 by editor



Welcome to the web design Bangla tutorial part-1.
In this video for web design beginner. You can learn form this video, how to design website look like nice. It’s a really nice video for website designer.
in this video you can learn:
what is web design
how to create website
how to create menubar
what is css and html
do you want to customize css but you don’t know how to customize it, don’t worry thn this video for you. you can easily learn from this video how to customize css.

Best bangla website design for beginner . You can learn easily.
If you like this( Web design Bangla tutorial part 1) this video then please subscribe my channel.
https://www.youtube.com/channel/UC37sgyf-ICDBmUUYDleHlYQ
http://bit.ly/1qbHlTh

source

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

maxresdefault.jpg
April 1st, 2016 by editor



Welcome to the website design Bangla tutorial part 2. In this video for web design beginner. You can learn form this video, how to design website look like nice. It’s a really nice video for website designer.
do you want to customize css but you don’t know how to customize it, don’t worry thn this video for you. you can easily learn from this video how to customize css.

If you like this( Web design Bangla tutorial part 2) this video then please subscribe my channel.
https://www.youtube.com/channel/UC37sgyf-ICDBmUUYDleHlYQ
http://civilengineer.tech/

source

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

1458737253_maxresdefault.jpg
March 23rd, 2016 by editor



Hybrid apps, where the UI is written using web technology hosted in a webview inside a native app, is a well known architectural pattern for building cross platform mobile apps. But did you know that some of your favourite desktop apps, such as Visual Studio Code, Atom and Slack, are written using a similar approach?
This presentation will give you an introduction to Electron, a platform from the Atom team at GitHub for building cross platform desktop apps using HTML, CSS and JavaScript. The presentation will demonstrate a real-world app that uses non-browser functionality such as accessing the file system, SQLite databases and integrating with the host OS shell (Windows and Mac OS X). The presentation will also cover how the app can be packaged and distributed on the App Store or Windows Store.
The presentation will feature videos and pictures of sharks!

source

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

1458287129_maxresdefault.jpg
March 18th, 2016 by editor



In the opening from the Create the Web Keynote in San Francisco (September 24th, 2012), Kevin Lynch discusses how Adobe helps move the web forward through its work on web standards.

You can find more information on everything discussed in the keynote at:
http://html.adobe.com

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: , , , , , , , , , , , , ,

1457496980_maxresdefault.jpg
March 9th, 2016 by editor



[Tutoriel www.siteduzero.com]

Regardez comment un site web responsive (www.smashingmagazine.com) adapte automatiquement l’emplacement des éléments en fonction de la largeur disponible.

source

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