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: ..., coding, CSS, design, dev tips, how to, html, internet, Internet code, JavaScript, startup, tips, tutorial, web, web design tuts, web development ..., web tech, web technologies, Web-design, website
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: CSS, Dynamic, editing, startup, theme, web, web tech, web technologies
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: Code, coding, CSS, development, Ent..., hackathon, html, Java, JavaScript, jquery, Programming, Speed, speed code, spring, Spring MVC, startup, web, web development ..., web tech, web technologies, websites
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: blog, CSS, google, hostgator, html, Marketing, site internet, software, startup, The Internet, tutori..., web, web tech, web technologies, Web-design, website, wordpress, world wide web
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: basic w..., CSS, design, how to make web design, html, startup, web, web design bangla tutorial, web tech, web technologies, Web-design, website design, wordpress tutorial, ওয়েব ডিজাইন, বাংলা টিউটোরিয়াল
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: basic web de..., CSS, easy way to design website, easy website design, how to design website, html, make website, startup, web, web tech, web technologies, website design, website design bangla tutorial
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: Androïd, AngularJS, App development, apps, azure, C..., CSS, Game dev..., gaming, html, Hybrid apps, IOS ..., net, SASS, startup, visual studio, web, web development ..., web tech, web technologies, windows
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: Adobe, createtheweb, CSS, CSS3, HTML5, kevin lynch, startup, web, web tech, web technologies
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: CSS, html, JavaScript, JS, Node, nodejs, Programming, React, reactjs, startup, web, web development ..., web tech, web technologies
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: CSS, media queries, responsive, startup, web, web tech, web technologies, webdesign