Home
Search results “Vaadin css style”
Grid multi selection, deletion & CSS modification in Vaadin
 
13:32
Hey guys, It's Kiril Anastasov from the Mastermind group and I'm back with some more content about Grid multi selection, deletion & CSS modification in Vaadin. LinkedIn: http://uk.linkedin.com/pub/kiril-anastasov/64/a9/23a Facebook: https://www.facebook.com/kiril91 Instagram: https://www.instagram.com/kirilanastasoff As Always Hate, Comment, Subscribe. https://www.youtube.com/channel/UCwXZYx-eI6Srf-Hv8MSg25Q?sub_confirmation=1
Theming with Valo Webinar
 
46:43
The Valo theming engine has powers beyond this universe. Join our webinar together with the man who made it in the first place Mr. Jouni Koivuviita and his fellow wingman Mr. Teemu Pöntelin to learn how to master this beast.
Views: 9531 vaadinofficial
Building themes with Sass
 
50:31
Join Vaadin Designers Jouni Koivuviita and Marlon Richert for a Webinar on how to leverage Syntactically Awesome Style Sheets, or Sass, for building themes for Vaadin applications. You'll learn what Sass is, both in general as well as specifically in Vaadin's case.
Views: 7116 vaadinofficial
Warum Vaadin 8: CSS und Themen #06
 
17:17
Hier beschreibe ich wie CSS und Themen in Vaadin geändert werden. Der Sourcecode ist auf Github abgelegt: https://github.com/oltzen/whyvaadin
Views: 155 Thomas Oltzen
Styling Vaadin Elements (Polymer Web Components)
 
00:55
Read more here: https://vaadin.com/blog/-/blogs/vaadin-elements-2 One of the most common questions we hear when it comes to working with Web Components is how to easily style them to match the theme of your application. Without adaptability, the reusability promise of Web Components suffers. This is why the Vaadin team is working on a set of components that are easily themeable with CSS custom properties and standard CSS.
Views: 1585 vaadinofficial
Using the vaadin-split-layout polymer element
 
05:51
vaadin-split-layout is a Polymer layout element that allows the user to resize the layout areas with a slider. This video show you how to set up and use the component and how you can customize the look and feel using CSS. More info and docs: https://vaadin.com/elements/-/element/vaadin-split-layout
Views: 1643 vaadinofficial
Community Answer: Creating new Vaadin Themes in Spring Applications
 
05:22
In this video, Alejandro Duarte shows how to add a new Vaadin theme in an existing Spring Boot application and how to modify the theme in order to give the app a totally different look by using only a few lines of Sass. The code is available on GitHub here: https://github.com/alejandro-du/community-answers/tree/master/valo-theme You can find a written summary here: https://vaadin.com/blog/community-answer-creating-new-vaadin-themes-in-spring-applications Watch more Community Answers here: https://www.youtube.com/playlist?list=PLcRrh9hGNaln3i0stypuu_hxQMXYy8eOU
Views: 2613 vaadinofficial
Building a Rich Internet Application with Vaadin Tutorial : Creating Custom Themes | packtpub.com
 
03:14
Part of 'Building a Rich Internet Application with Vaadin' video series. For the full Course visit: http://www.packtpub.com/web-development/building-rich-internet-application-vaadin-video?utm_source=youtube&utm_medium=video-description&utm_campaign=yt-BRIAppwithVaadin An application can rarely have a default look-and-feel framework. More often than not, there is a need to customize each application with a unique appearance and styling the HTML elements. Vaadin supports themes—SCSS files that can instruct the browser on how to render certain components. This video instructs you on how to create a custom theme using the Eclipse plugin. • How is SASS different from CSS • Create the custom theme • Creating other SCSS files ___________________________________________________________________ For the latest in Web Development video tutorials, please visit: http://www.packtpub.com/books/video?utm_source=youtube&utm_medium=video-description&utm_campaign=yt-BRIAppwithVaadin Find us on Facebook -- http://www.facebook.com/Packtvideo Follow us on Twitter - http://www.twitter.com/packtvideo
Views: 2132 Packt Video
Vaadin 7 Font icon tutorial
 
14:18
A tutorial about using font icons with Vaadin 7 ( https://vaadin.com ) - using the built-in FontAwesome, and also making a custom icon font with Icomoon ( https://icomoon.io/app ). 1:19 Basic usage (skip intro & project setup) 3:04 Styling the icon 5:56 Custom icons with Icomoon This is the first tutorial I've done like this, and I'm very interested in what you think! Did you find it useful? Would you like to see more? About what? How can I improve, and make this more useful? Did you like it? Hated it? Let me know below, or @marcenglund
Views: 2293 Marc Englund
Custom Item Templates for vaadin-combo-box
 
01:08
This video shows you how to use Item Templates to customize the Item List. * Code sample can be found here: http://jsbin.com/kixupa/edit?html,css,output * Read the accompanying blog post here: https://vaadin.com/blog/-/blogs/use-item-templates-with-vaadin-combo-box-to-customize-the-item-list * Learn more about Vaadin Elements and vaadin-combo-box here: https://vaadin.com/elements/-/element/vaadin-combo-box
Views: 873 vaadinofficial
UX Tips: Radio Check
 
03:09
In this episode of Vaadin UX Tips we’re discussing checkboxes, radio buttons, labels and popular hot beverages seasoned with some cool CSS.
Views: 795 vaadinofficial
[CSSconf.eu 2013] Peter Gasston - Future CSS in Web Components
 
32:24
CSSconf.eu - http://cssconf.eu - Berlin, September 13, 2013 Slides: https://speakerdeck.com/stopsatgreen/future-css-in-web-components Talk description: "Web Components are set to revolutionise the way we create web pages, and a key role in that revolution will be played by CSS. Scoped styles and variables are vital to the reusability of content modules which Web Components bring, while more advanced proposals even allow the application of markup through style... This talk will introduce the core features of the future web - templates, custom elements and Shadow DOM - with a strong emphasis on new and repurposed CSS properties and capabilities." License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
Views: 6462 JSConf
Styling a design system based on Bootstrap 4 and Web Components by Andres Galante
 
38:32
Based on a real-life example, this live coding session will take developers through the process of architecting and developing a large-scale open source framework based on Bootstrap 4 and Web Components. We will go through the shadowDOM v1 specs, cutting-edge CSS techniques, Brad Frost Atomic Design principles and how to create solid CSS guidelines. You will also learn why modular CSS is good CSS, and how to structure a large CSS code base in to maximize modularity and maintainability. Also covered is a fast-paced introduction to Web Components and its four standards: HTML Templates, Shadow DOM, Custom elements and HTML Imports. Additionally, we’ll explore what the shadowDOM is and how to create and style it, as well as native CSS variables and mixings. The audience will leave the room with useful tools that will help them take their front-end development projects to the next level. Andrés Galante is UX designer and an expert CSS and HTML coder that has been crafting interfaces for more than 15 years. He's currently part of the Red Hat User Experience Design Team working on the PatternFly Project as Designer and HTML/CSS lead.
Views: 916 Devoxx
Getting started with Vaadin Elements using Polymer CLI
 
05:06
This video shows you how to use use Vaadin Elements in a Polymer CLI project. If you are not using Polymer CLI, check out our other video for using Vaadin Elements in non-Polymer projects: https://youtu.be/qnTbxxyvvBw Find more about Vaadin Elements and themeing web components at https://vaadin.com/elements
Views: 2789 vaadinofficial
Vaadin 10: Fresh look and feel that can be customized to match your brand
 
00:32
The new set of components in Vaadin 10 ship with the Lumo theme. Lumo is a modern, clean looking theme that can be customized live with CSS custom properties, without a separate compile step. Learn more at https://vaadin.com/blog/10-reasons-to-use-vaadin-10
Views: 2847 vaadinofficial
Getting started with vaadin-date-picker - Elementary School #14
 
01:03
In this episode, Juniper Belmont shows you how to add a date picker element to your app. Source: https://github.com/vaadin/elementary-school-014 Vaadin Elementary School is a series of short tutorial videos showing you how to use Vaadin Elements, Polymer and related technologies. Watch all the Elementary School videos at https://www.youtube.com/playlist?list...
Views: 1884 vaadinofficial
vaadin window test
 
00:07
Views: 99 Remi Schmitt
lit-HTML (Chrome Dev Summit 2017)
 
29:44
lit-HTML is a next-generation templating library that combines powerful web platform primitives – JavaScript tagged template literals and HTML templates – to help you build expressive templates for efficiently creating and updating DOM. In this video, Justin Fagnani dives into lit-HTML so that you can get on the fast path to building performant, dynamic applications. Check out the rest of the Chrome Dev Summit videos here: https://goo.gl/ekCoVu Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf
03 JPA Back-end ; Vaadin 8 Front-End ( HD )
 
24:21
Este Vídeo veremos cómo podemos utilizar el FrameWork Vaadin 8 Con otras tecnologías Java para realizar aplicaciones WEB de manera Rápida sin HTML ni JavaScript.
Views: 207 Funda-TI-On E4J
Sending files with vaadin-upload - Elementary School #13
 
01:31
In this episode, Juniper Belmont shows you how to add an upload element to enable sending files to an endpoint. Source: https://github.com/vaadin/elementary-school-013 Vaadin Elementary School is a series of short tutorial videos showing you how to use Vaadin Elements, Polymer and related technologies. Watch all the Elementary School videos at https://www.youtube.com/playlist?list...
Views: 2559 vaadinofficial
Declarative Over Imperative Style - React For Beginners [4]
 
05:02
Declarative Over Imperative Style - React For Beginners [4] In this tutorial, we are going to understand declarative over imperative style. Learn More From Our Website:- www.dailywebtuition.com Attribution Icon made by monkik from www.flaticon.com Background Music: https://www.bensound.com Photos: https://www.pexels.com Recent Videos:- Strict Equality Vs Abstract Equality - Comparison Operator Type - JavaScript Tutorial Part -18 https://youtu.be/aSLkfIDR-Rk What is Operator? Arithmetic Operator in Detail - JavaScript Tutorial Part - 16 https://youtu.be/NVp3dkRdahk Comparison Operator? Learn with Example - JavaScript Tutorial Part - 17 https://youtu.be/WsyLsDPhx8o What is Expression? Take a brief understanding - JavaScript Tutorial Part 15 https://youtu.be/MbvFUvvl460 Learn For/of Loop New In ECMAScript 6 - JavaScript Tutorial Part -14 https://youtu.be/ZE1-bDzc4lo What is the For...in Loop in JavaScript Tutorial -Part 13 https://youtu.be/Oje5eJedpzo Nested For Loop Important for Dynamic Array - JavaScript Tutorial Part - 12 https://youtu.be/L7nVZZQEnZU Must Watch For Loop in JavaScript Tutorial - Part 11 https://youtu.be/fFoLmNWUQ24 Do/While Loop Complete Syntax with Example - JavaScript Tutorial Part - 10 https://youtu.be/sJL8UTD94gA Understand Looping with While Loop - JavaScript Tutorial Part - 09 https://youtu.be/1J2xuy0mXJ0 Switch Statement Demonstration with Example - JavaScript Tutorial Part - 08 https://youtu.be/Y--LGb_mcqA Learn If, If-else, and If-else-if Ladder - JavaScript Tutorial Part - 07 https://youtu.be/g-JXLlWfRK0 What is String? in Brief JavaScript Tutorial Part - 06 https://youtu.be/frVyXBuVkYU What is Object? JavaScript Object Type? JavaScript Tutorial Part - 05 https://youtu.be/L4dOT9aW5Cg Type of Data in EcmaScript 6 - JavaScript Tutorial Part - 04 https://youtu.be/gWbCgJ6KEgg What is Literals, Constants, and Variables - JavaScript Tutorial Part - 03 https://youtu.be/eJiSRdfDeM8 Getting Started with "Hello world" Program in JavaScript Part 02 https://youtu.be/Bw2ZDVpp1Mw What is JavaScript? What is ECMAScript? History of JavaScript? What is ES6? JavaScript - Part [01] https://youtu.be/ZlF6__wNXg8 More videos : How to Create Bootstrap Carousel (Slider) - Complete Guide https://youtu.be/CH-m8KWWTXg Create Website Using HTML & CSS Tutorial - Daily Tuition https://youtu.be/U35Ab1AFTGU How to Create Bootstrap Landing Page Design for Website https://youtu.be/X97hhAcPAbs Asp net Login Form Design with MySql Database - Part 2 https://youtu.be/8SE05tBYMjE Asp net Login Page Design Using Bootstrap Part-1 https://youtu.be/W424GXzcTKo How to Make Homepage Design with Bootstrap https://youtu.be/9swvH-7MBQA Asp net Login Page Using MySql Database C# - Part 2 https://youtu.be/BMjvWjN1PiM Asp net Login Page Using CSS Design - Part 1 https://youtu.be/q5KSbVZGklw Login System with Php and Mysql Database https://youtu.be/tGT4NJd0-g4 Create Shopping Cart Using PHP and Mysql https://youtu.be/IO5ezsURqyg User Registration Form with PHP and MySQL with Validation https://youtu.be/pDCrn7_ATB0 Online Electronic Store Design Tutorial Part-1 https://youtu.be/tpJQ0IGYfpA Online Electronic Store Design Tutorial Part-2 https://youtu.be/eK2KRq-eXrw Online Electronic Store Design Tutorial Part-3 https://youtu.be/FxmLNLuDTKk Online Electronic Store Design Tutorial Part-4 https://youtu.be/8MSb9_yt7nA Online Electronic Store Project (E-Commerce Website) https://youtu.be/CNI-Sq8THzM Asp.net Login Page Design 3D & Transparent Page using Bootstrap https://youtu.be/uobgLvafC50 How To Create Homepage in Asp.net with Image Fade In Effect Jquery https://youtu.be/IgvnT2W8yPs Animated Login Form in Asp.net Tutorial https://youtu.be/-UE4yrt5xWI How to Make Corner Folding Effect On Div Tag Tutorial in Hindi https://youtu.be/R6RJQTlKCqw Animated Homepage Website - HTML5/CSS & Animated.css https://youtu.be/X8cotMzES0o Design Login Page in Html5 CSS - Responsive Page https://youtu.be/hRCFLjCIgio Login System Using PHP & SQL Database https://youtu.be/bJ8oTeRg_aA Design Video Blog Using Bootstrap for Blogger https://youtu.be/HNmAj_K55Hw Create Homepage of Website using Bootstrap Studio ( Tutorial ) https://youtu.be/htl07adn2u8 Atom Editor Live Preview in Hindi https://youtu.be/rQdKpALUfZM How to Install Photoshop Color Efex Pro 4 Crack in Hindi https://youtu.be/up74-kMPmOQ Asp.net Login Page Design using Bootstrap https://youtu.be/-P90tOJYf9o Asp.net Project With C# https://youtu.be/1xVs3QkE9UU Run Project Visual Studio Asp.net https://youtu.be/lvfXqqpl_Hw Add Existing Files into .NET https://youtu.be/wKxDwE_2_ZU Add Refference In Visual Studio https://youtu.be/Cwn6nrGujjI Working Java Class In Asp.net 100% https://youtu.be/eNG-Md1mle8 If you have any question please comment me on my video or you can write it on channel discussion. Thank You...!
Views: 163 Daily Tuition
Rico Sta. Cruz: Building a Modern Web UI - CSSConf.Asia 2014
 
19:34
Adapting to new screen sizes doesn’t need to be hard. We’ll explore how to use modern CSS to build clean, responsive mobile app interfaces with flexbox. Rico is a Ruby/JS developer and CSS afficionado from the Philippines whose passion lies in building great web applications and slick user interfaces. He is the co-founder of a small web development team in Manila called Nadarei, a coding book author and maintains plenty of open-source projects. CSSConf.Asia - Bridging Design and Implementation. Amara Sanctuary, Singapore - 19 November 2014. Source: http://2014.cssconf.asia/#speakers Slides: https://speakerdeck.com/rstacruz/using-css-flexbox-to-save-your-sanity License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
Views: 4244 JSConf
Improving the HTML Table Webinar
 
54:01
Join Leif Åstrand and Sami Ekblad from Vaadin on how to improve the HTML table. An interesting dive into the secrets of web browsers and how to optimize the HTML table for browsers in order to showcase millions of rows of data on the screen. The webinar showcases an alternative for the traditional HTML 'table' with a more feature rich Grid-component.
Views: 1212 vaadinofficial
VisionX CSS support
 
01:21
Style your application with CSS and check the changes immediate in your browser. VisionX solves all problems for you.
Views: 115 SIB Visions
Adding an expandable details row to vaadin-grid - Elementary School #9
 
01:42
In episode 9, Marcus shows you how to add a custom element between rows in your Vaadin Grid so you can show more detailed information about a row. Source: https://github.com/vaadin/elementary-school-009
Views: 2311 vaadinofficial
Spring Boot - Serving static files, images, css, js, html
 
06:04
In this video I show how to serve static files in #java #Spring Boot applications, I explain the default looked path locations for static content, and how you can make customizations. If you want the #source code let me know in the comments section and I will upload it as soon as possible. Please leave any questions, suggestions or any other concerns. If you dislike the video it will be very helpful if you let me know the reason. You can follow me on social media: Blog melardev.com Twitter http://twitter.com/melardev Blogger https://melardev.blogspot.com Instagram https://www.instagram.com/melar_dev/ Google+ https://plus.google.com/u/0/110174297675710954678
Views: 4554 Melardev
Vaadin X and Web Components
 
44:40
he upcoming web components standard promises encapsulation and isolation between web UI components so that they can be reused. The standard is built on shadow DOM, customer HTML elements, HTML import and CSS sandboxing. While each of these is interesting by its own right, the combination of these tools has a potential to simplify web platform and empower developers building larger applications. The value proposition is really close to that of component based frameworks like Vaadin: Make building good quality user interfaces easy with a powerful encapsulation. Let me present you Vaadin X - a new research project that answers what Vaadin has to do with web components. Is Polymer related? How GWT fits in? Which is the right way to go - Java or JavaScript for the user interface layer? Author: Joonas Lehtinen Joonas Lehtinen is one of the core developers of Vaadin, a Java-based framework for building business-oriented Rich Internet Applications (RIAs). Joonas has been developing applications for the web since 1995 with a strong focus on Ajax and Java. He is the founder and CEO of Vaadin Ltd.
Views: 596 Parleys
Speed Coding: Java Web Application | Java, HTML, CSS, JavaScript, Spring MVC
 
23:02
FOLLOW ME ON TWITTER FOR CODING TWEETS: https://twitter.com/CodingBash ["Show More" for full description] ◘▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬◘ 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
Views: 13082 CodingBash
An introduction to Web Accessibility
 
19:49
HTML and CSS tips on how to improve your markup and provide users with more and betters ways to navigate and interact with your site. Links from the presentation: - A11ycasts! by Rob Dodson: https://www.youtube.com/watch?v=HtTyRajRuyY - Awesome Polymer 2: https://github.com/limonte/awesome-polymer2 - Writing HTML with Accessibility in Mind: https://medium.com/alistapart/writing-html-with-accessibility-in-mind-a62026493412 - Writing CSS with Accessibility in Mind: https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 - No Coffee Chrome Extension: https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en&gl=US - Accessibility Developer Tools: https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?utm_source=chrome-app-launcher-info-dialog - Vaadin Valo Theme: https://github.com/vaadin/vaadin-valo-theme/releases
Views: 2803 vaadinofficial
Custom Elements and Shadow DOM
 
23:38
As browser vendors add support for the Custom Elements and Shadow DOM specification come learn how to build components for your applications that seamlessly integrated across Angular, Ember, and React or used on their own.
Views: 884 Esri Events
Building an email client with Vaadin Designer
 
56:55
https://vaadin.com/designer https://github.com/vaadin/designer-tutorials/tree/master/emailclient-tutorial In this video tutorial Ville Ingman and Marc Englund will show how to build a beautiful email client from scratch with the Vaadin Designer.
Views: 115305 vaadinofficial
Web page template purely in html and css(coded by pllaybuoy)
 
00:59
Subscribe me maybe ? So I thought I should get back into web designing , first attempt for a web template after a long . No javascript/flash used purely html(xhtml1) and css(2-3) coded by me www.facebook.com/pllaybuoy www.twitter.com/pllaybuoy I'll be making a new template every week(or maybe once in two weeks) . didn't use dreamweaver , notepad++ as a text editor p.s:some images are not my property
Views: 48 pllaybuoy
Getting started with vaadin-icons - Elementary School #12
 
01:01
In this episode Teemu shows you how to add some vaadin-icons to your application. https://github.com/vaadin/elementary-school-012
Views: 715 vaadinofficial
DevBytes: Web Components - HTML Imports
 
08:12
Web Components are a set of technologies that changes the way you develop web apps entirely. By making components scoped and reusable in standardized way, your web development will step up to the next level. In this video, you will learn how to work with HTML Imports. Subscribe to the Google Developers channel here: http://goo.gl/mQyv5L
Views: 20386 Google Developers
How do I use Sass with Polymer? #AskPolymer -- Polycasts #41
 
06:42
Lots of folks are wondering: How do I use Sass in Polymer? Today on Polycasts we'll cover CSS preprocessors, data grids, and helping discover and promote more community built elements. Sass custom properties bug https://github.com/sass/sass/issues/1128 Polystyles service https://poly-style.appspot.com/demo/ Style modules gulp task https://goo.gl/gCa7O4 CustomElements.io https://customelements.io Vaadin Elements https://vaadin.com/elements Polymer Starter Kit https://goo.gl/djOKPW Polycasts playlist: https://goo.gl/r5fsMq Polymer Slack: http://bit.ly/polymerslack Subscribe to the Chrome Developers channel: https://goo.gl/OUF4e2
RapidClipse - Theme Templates
 
08:03
Wie werden Theme Templates verwendet die Vaadin für das Valo Theme veröffentlicht? Ebenfalls wird der Einsatz von vorgefertigten style Templates beschrieben. Der Einsatz von eigenen Styles wird in den nachfolgenden Videos genauer beleuchtet. Valo Theme Templates Code: https://vaadin.com/wiki/-/wiki/Main/Valo+Examples Valo Theme Template Demo: https://demo.vaadin.com/valo-theme/#!common Homepage: http://www.rapidclipse.com Mail: [email protected] Facebook: https://www.facebook.com/rapidclipse Twitter: https://twitter.com/RapidClipse Google+: https://plus.google.com/u/0/113772195034277458831/posts Linkedin: https://www.linkedin.com/company/10146016?trk=vsrp_companies_res_name&trkInfo=VSRPsearchId%3A2983674261440602665487%2CVSRPtargetId%3A10146016%2CVSRPcmpt%3Aprimary
Views: 2230 rapidclipse
Styling Web Components with Polymer
 
11:03
The Shadow DOM gives you some powerful tools for building UI, but you have to know how to do it right. Presented at Web Components LA - July 2014
Views: 1977 Web Components LA
GWT Material #3 - Style and Layout
 
27:12
On this tutorial you will learn how to upgrade your gwt material version to 1.6.0 and the main topic which will be Style and Layout. You will learn how to use Colors, Grids, Helpers, Icons, Shadows and also Theming which we will use gwt-material-themes. 00:00 - Introduction 00:38 - Upgrading to 1.6.0 01:48 - Colors 04:48 - Grid - Intro 07:55 - Grid - Offset 09:38 - Helpers - Intro 11:01 - Helpers - Float 12:20 - Helpers - Hoverable 12:54 - Helpers - hideOn and showOn 14:28 - Helpers - Truncate 15:23 - IconType 18:36 - Icon Repository 19:24 - Shadows 20:42 - Themes - Intro 24:05 - Themes - Changing Themes Resources: Colors - http://gwtmaterialdesign.github.io/gwt-material-demo/#!colors Grid - http://gwtmaterialdesign.github.io/gwt-material-demo/#!grid Helper - http://gwtmaterialdesign.github.io/gwt-material-demo/#!helper Icons - http://gwtmaterialdesign.github.io/gwt-material-demo/#!icons Shadow - http://gwtmaterialdesign.github.io/gwt-material-demo/#!shadow Theming - http://gwtmaterialdesign.github.io/gwt-material-demo/#!themes Tutorial Repo: https://github.com/GwtMaterialDesign/gwt-material-tutorial/tree/tutorial_3
Views: 2736 mark kevin ringor
Polymer Tutorials #11 - Layout Attributes
 
09:53
Learn how to add flex-box layout properties using attributes in your HTML with Polymer Layout Attributes. https://www.polymer-project.org/docs/polymer/layout-attrs.html Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e
Views: 14156 LevelUpTuts
Declarative Thinking, Declarative Practice by Kevlin Henney
 
01:00:54
Do this, do that. Coding from assembler to shell scripting, from the mainstream languages of the last century to the mainstream languages now, is dominated by an imperative style. From how we teach variables — they vary, right? — to how we talk about databases, we are constantly looking at state as a thing to be changed and programming languages are structured in terms of the mechanics of change — assignment, loops and how code can be threaded (cautiously) with concurrency. Functional programming, mark-up languages, schemas, persistent data structures and more are all based around a more declarative approach to code, where instead of reasoning in terms of who does what to whom and what the consequences are, relationships and uses are described, and the flow of execution follows from how functions, data and other structures are composed. This talk will look at the differences between imperative and declarative approaches, offering lessons, habits and techniques that are applicable from requirements through to code and tests in Java and other languages. Kevlin Henney is an independent consultant, speaker, writer and trainer. His software development interests are in patterns, programming, practice and process. He has been a columnist for various magazines and websites and has contributed to both open- and closed-source software. He is co-author of A Pattern Language for Distributed Computing and On Patterns and Pattern Languages, two volumes in the Pattern-Oriented Software Architecture series, and editor of 97 Things Every Programmer Should Know. [TDC-8712]
Views: 4994 Devoxx
2.4 Bootstrap Grid System
 
08:04
Learn how to use Spring Boot with Thymeleaf! Get the complete Mastering Thymeleaf course here! http://bit.ly/2xK7mSn Want to learn Spring Framework 5? http://bit.ly/2HkHprW Overview of the Bootstrap CSS grid system in my Thymeleaf Spring Course.
Views: 2715 Spring Framework Guru
Add CSS to Blogger
 
00:40
This clip shows how to add CSS to blogger using a feature called the template designer.
Views: 5937 szoth1
Turning a codepen into a web component with WCFactory
 
31:16
Code pen reference: https://codepen.io/kjbrum/pen/PmxYLe WCFactory project: https://github.com/elmsln/wcfactory Source Code: https://github.com/elmsln/lrnwebcomponents/tree/master/elements/hexagon-loader NPMJS: https://www.npmjs.com/package/@lrnwebcomponents/hexagon-loader In this video I take a codepen for a loading sequence found on codepen and convert it into a web component using the WCFactory tooling. I finished it up after the video and released it while during the video I run into some css issues when trying to increase the flexibility of the item.
Views: 53 Bryan Ollendyke
06 - HTML JavaScript And CSS - JavaScript Libraries
 
55:39
6 - Hear about one of the huge advantages of using the modern web platform to build client apps, which is the ability to utilize the entire world of JavaScript libraries, frameworks, and snippets available on the web. Take a tour of a few of these libraries, and see how easy it is to plug them into your app and add a little awesome with very little effort.
Views: 509 RG Edu
Custom Charts
 
53:35
Using chart components is a great way to enable data visualization and reporting. The JavaFX platform provides the very convenient, simple, and extensible Charts API for creating charts. Animation, CSS styling, dynamic charts, and axis autoranging are all built-in features of Charts. This session shows how easy it is to extend the API and create new chart and axis types that integrate well inside a JavaFX application. It also covers how to use CSS styling to create some awesome-looking charts. Copyright © 2013 Oracle and/or its affiliates. Oracle® is a registered trademark of Oracle and/or its affiliates. All rights reserved. Oracle disclaims any warranties or representations as to the accuracy or completeness of this recording, demonstration, and/or written materials (the "Materials"). The Materials are provided "as is" without any warranty of any kind, either express or implied, including without limitation warranties of merchantability, fitness for a particular purpose, and non-infringement.
What about internationalization? #AskPolymer -- Polycasts #33
 
05:01
Internationalization (i18n) is an important feature for any large application. Today on #AskPolymer we look at i18n solutions, element documentation, and tricks for making your mobile app animations fast! i18n-msg https://ebidel.github.io/i18n-msg/components/i18n-msg/ seed-element https://github.com/polymerelements/seed-element docs style guide http://polymerelements.github.io/style-guide/ CSS variables issue https://github.com/Polymer/polymer/issues/2149 CSS mixin *note* it turns out this is not supported. The engineer who told me it was is a liar and he should feel bad. paper-listbox https://github.com/PolymerElements/paper-listbox Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf
Simple Webpack setup for development
 
03:13
Text version and code: https://vaadin.com/tutorials/using-web-components This tutorial shows you how to set up a simple webpack setup that you can use when working with dependencies that are distributed as ES modules, like Web Components. This is a prequel to a tutorial about using web components: https://youtu.be/88Sa-SlHRxk
Views: 1050 vaadinofficial
Be Creative and Create Your Own JavaFX 8 Controls
 
01:03:43
Now and then, the standard JavaFX API controls are not enough and you need to create a customized control for a project. Luckily for you, JavaFX gives you multiple ways to create custom controls. This session shows you these various ways. It discusses how to create your own control by simply extending a existing control, extending a region, or creating a more library-style control with custom control, skin, behavior, and CSS file. It also shows how to avoid common pitfalls that can lead to performance problems and how to use the different techniques (such as CSS or pure code) to visualize a control. Author: Gerrit Grunwald Gerrit Grunwald is working as a software engineer at Canoo Engineering AG (Basel, Switzerland). He is responsible for visualizations of all kinds. His technical interests include Java desktop software development and specifically the subareas - JavaFX, Java Swing and HTML5 controls. He‘s a decent frequent blogger, founder and leader of the Java User Group in Münster (Germany), where he‘s also living. He has been involved in the IT industry since 1996, when he started studying Applied Physics at the University of Applied Sciences Münster (Germany). View more trainings by Gerrit Grunwald at https://www.parleys.com/author/gerrit-grunwald Find more related tutorials at https://www.parleys.com/category/developer-training-tutorials
Views: 9863 Oracle Developers
Learn JSF CSS || JSF Tutorial || Part 42
 
03:48
Download app: https://play.google.com/store/apps/details?id=com.logicnmind.ripplescode? In this video JSF CSS in Netbeans has been discussed. JavaServer Faces Tutorial Developed through the Java Community Process under JSR - 314, JavaServer Faces technology establishes the standard for building server-side user interfaces. It is a server side component based user interface framework. It is used to develop web applications. The JSF Tag libraries are used to add components on the web pages and connect components with objects on the server. It also contains tag handlers that implements the component tag JSF is also a MVC web framework that streamlines construction of user interfaces (UI) for server-based applications by using reusable UI components in a page. In this tutorial series we will discuss How JSP and JSF related? Is JSF some kind of prebuild UI based JSP like ASP.NET-MVC? What is JSF and why it is used? Is JSF a MVC? What is Primefaces and JSF? What is the Icefaces? What is Primeng? What is the use of facelets in JSF? How to Create JSF project using Netbeans IDE Managed Bean and Scope JSF Command Button JSF CommandLink JSF Custom Validators JSF DataTabl JSF Date Convertor JSF GraphicImage JSF Imlicit navigation JSF Input Secret JSF Rule Based Navigation and More Be with us to know more about JSF and its implementation.
Views: 450 Ripples Code
How to create website | Learn HTML and CSS for begineer
 
10:33
How to create basic(static) website Spoken language: Nepali TOOLS *Computer/Laptop *Internet/WiFi IDE (Integrated development Environment) *i.e. Notepad++/Eclipse/NetBeans/IntelliJ/Sublime/Visual Studio/Google Web Designer LANGUAGE *HTML5 *CSS3
Views: 85 D KHATRI

Gornik zabrze ruch chorzow online dating
Here!
Rosszcsont peti online dating
Intermedia tv suceava online dating
Here!