Search results “Javascript style solid”
SOLID JavaScript In A Wobbly (World Wide Web)
A live recording of my SOLID JavaScript talk, as presented at CodeMash 2014, on January 9th 2014. If you'd like to see more JavaScript screencasts from me, check out http://www.watchmecode.net/ Audio recorded with a Roland R05: http://www.amazon.com/gp/product/B003IJ3WIW/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B003IJ3WIW&linkCode=as2&tag=signalleaf-20
Views: 18119 Derick Bailey
SOLIDWORKS Composer - How to Use Styles
Learn in depth about what SOLIDWORKS Composer styles are and how they can be used. Quick Tip presented by Daniel Lubbe of GoEngineer. See more at: http://www.goengineer.com/govideochannel/
Views: 2808 GoEngineer
SOLID Part 2 - Open / Closed Principle | Preview
►Watch the full episode https://gorails.com/episodes/solid-open-closed-principle ►Check out https://gorails.com for Pro episodes and more!
Views: 471 GoRails
How to set and edit dimensions of drawing in Solidworks
This video explains how to set and edit the dimensions of a drawing in Solidworks. To access the entire free course, visit: http://www.ioniya.com
Views: 17515 Ioniya Edu
SolidWorks Exploded View Drawing Tutorial | SolidWorks Bill of Materials Tutorial | Balloon Drawing
SolidWorks Exploded View Drawing Tutorial | SolidWorks Bill of Materials Tutorial | SolidWorks Balloons in Drawing. In this tutorial you will learn how to create exploded view drawing with bill of material and balloons in SolidWorks step by step. This is SolidWorks Drawing / Drafting Tutorial for Beginners - Part 3. Briefly topics covered in this tutorial are: How to link part material, description, mass with bill of material SolidWorks bill of materials part number SolidWorks bill of materials and tables SolidWorks bill of materials custom properties SolidWorks bill of materials mass SolidWorks bill of materials description Exploded View detail video with Animation and Line Sketch: https://www.youtube.com/watch?v=ckLAB4J8kSM
Views: 7825 CAD CAM Tutorials
Solid HTML Form Structure: Introduction
Lesson 1 of 9, a Tuts+ course on Solid HTML Form Structure taught by Craig Campbell. The full course is available at: http://webdesign.tutsplus.com/courses/solid-html-form-structure Become a Tuts+ member to get access to hundreds of new courses and eBooks!
Views: 833 Envato Tuts+
Change SolidWorks Default Units (Document Template Units)
This video demonstrates how to change the default units of your Solidworks files. You can do this by changing the units of your document templates. For example, if you want all of your files to be in INCHES, and you don't want to change it manually, then watch this video. You can always change the units of your files manually, if you have a few exceptions.
Views: 24895 ProgressionSupport
DIMENSION STYLE - Solid Works Tutorial
Solid Works Tutorial :DIMENSION STYLE How to change dimension style in Solid Works ? Explained !!!!
Views: 853 CAD CAM MECH
Solid Edge - Draft Styles - Dimension Style
Template Tutorial: https://www.youtube.com/watch?v=Afe0VVI6Vkk
Views: 858 CAAPSolidEdge
SolidWorks Settings
Recommended settings for An Introduction to Solid Modeling Using SolidWorks 2010
Views: 62921 ECUSW
How to Create a Animated Sidebar Menu using HTML, CSS & JavaScript.
Learn how to create a animated sidebar menu with HTML, CSS and JavaScript. In this video we'll walk you through step-by-step on how to add sidebar in websites/webpages.
Views: 256315 Codingflag
How to change the display style of the solid model in SolidWorks
Sometimes in the time of modelling you need to change the display style of the CAD model to get the insight information.
Views: 322 Narendra Yadav
JavaScript: Displaying Solid Filled Square with Stars
This is a tutorial about creating a square on a web page. References: --------------------------------------------------------------------------------------------------------- For Loop: [Web] https://www.tutorialspoint.com/javascript/javascript_for_loop.htm ---------------------------------------------------------------------------------------------------------- CSS element selector: https://www.w3schools.com/cssref/sel_element.asp ---------------------------------------------------------------------------------------------------------- document.write() method: [Web] https://www.w3schools.com/jsref/met_doc_write.asp Music By: "Cyber Transquility" - by LDUK Music Link: https://www.youtube.com/watch?v=m3G_bX-MsWg "A Thousand Suns" by LDUK Music Link: https://www.youtube.com/watch?v=JAp-NZts88s Music Album here: http://lduk.bandcamp.com Check out LDUK's channel: https://www.youtube.com/user/LDUKMusic
Views: 5 Jerry Fleurival
How to Create Pure CSS Tooltip Without Using jQuery or Javascript
How to Create Pure CSS3 and HTML5 Tooltip Without Using jQuery or Javascript with demo example. You are going to create pure CSS tooltip using single html anchor tag. We are just using a single html anchor element and html5 data attribute to create a stylish tooltip with left arrow using pure css only and utilizing css3 after and before selectors. No other tags are used or neither any javascript or jquery. Everything we do is just by using CSS only. Download tooltip source code from codepen: https://codepen.io/smashtheshell/pen/bVoXjW In this video you'll learn to create a css tooltip also known as css infotip or hint message. I am going to explain every bit possible, related to html5 css3 tooltip only. You will see how its easy to create html5 toolip using css properties only. Key takeaways from this html5 css3 based tooltip video tutorial You will learn to use: - HTML5 data attribute to set the tooltip title - CSS3 after and before pseudo selectors to create tooltip left arrow without images. - CSS3 transitions add css tooltip animation - CSS3 attrib() method and CSS content property to retrieve data from the html5 data-attribute from anchor tag. - And finally you will create an amazing tooltip css only and adding animation to your tooltip. Basically tooltip is used to display information to the user when they hover over their cursor to some images, icons, text or links. Tooltips can be very useful to display information when there is space constraints in design. By using infotip or hint you can display long descriptions to the user without affecting your design. Creating tooltips using pure css have never been so easier, but here you'll see the clever use of CSS3 after and before pseudo selector and the most importantly you will see the use of content property of CSS3 and its attrib() method, By using attrib() method we'll fetch the information from the element's attribute. You'll learn how to create a custom attribute to an element and then fetch information from this attribute to your document by mere use of CSS3 content property. Then I'll style the information and initially make it hidden by setting its opacity to none and visibility property to hidden. And on the hover state I'll show you how to again use after & before pseudo selectors to display the tooltip. You'll also learn to create the triangle shape speech bubble using pure CSS3. For this I'll be using CSS3 Border property. You can create triangle by setting the one side of border to solid color and other two sides of the border to solid transparent. Finally, In this video lots of stuffed is packed. Just watch this video and reveals the powerful magic of CSS3. One thing to mention here friends, Please do not forget to provide feedback in comments section. And please hit like if you like it and share with your friends and finally subscribe this channel to learn lots of about web design and development. You can visit my codepen account for more stuff like this: https://codepen.io/kumaramit24apps You can follow me on my twitter account here: https://twitter.com/amit4kp You can add me on facebook too :) https://www.facebook.com/kumaramit24chd Share this video and Subscribe to this channel for latest updates and web design tips and tricks. Waiting for feedback :) . Drop a comment
Views: 1929 smashtheshell
Animated Scrolling Navigation Bar
Learn React For Free On My Youtube Channel (2018)! https://danzuzevich.com/react-thumbnail-gallery/ Examples: https://jsfiddle.net/DZuz14/0zu0ybzv/ (transparent to black shrinking nav) https://jsfiddle.net/DZuz14/b7woctx6/ (shrinking nav with no color change) https://jsfiddle.net/DZuz14/op177v4u/ (black to red with no shrinking of navbar height) How to animate and colorize your navigation bar when a user scrolls on a page with jquery and some basic css.
Views: 172936 Dan Zuzevich
Tech Tip Tuesday: How to fix the MOD-DIAM problem in SOLIDWORKS
Check out this tech tip video to learn how to fix the MOD-DIAM dimension issue in SOLIDWORKS by relinking gtol.sym file.
Views: 1938 CADMicroSolutionsInc
Make your buttons attention grabbing using CSS & JavaScript
How to make your buttons attention grabbing using CSS & JavaScript
Views: 55 Frank EIM Bauer
SolidWorks Tutorial #215: Panton Chair (advanced surfacing)
http://sw-tc.net/215 SolidWorks Tutorial ►Website: http://www.SW-TC.net ►Facebook: https://www.facebook.com/SolidWorks.Tutorial.Page ►Tutorials Engineer Channel: ►https://www.youtube.com/channel/UCIAbHzXf2p8FbFCP1Q7fb4w ►Engine Project :►https://www.youtube.com/playlist?list=PLfP1GxQ1lPaSWOY7biDuGwAnmmQplrREZ ►For more SolidWorks Tutorials: ► http://www.youtube.com/playlist?list=PLfP1GxQ1lPaQ_F5UUAuF3pxbP4q6Jqpy2 ►CATIA Complete Learning:► https://www.youtube.com/playlist?list=PLkMYhICFMsGbYCvbGrrygtqGiBGguIzbf ►Inventor Complete Learning:► https://www.youtube.com/playlist?list=PLkMYhICFMsGYkVrkVbX4xngskLzxTBStJ ►SolidWorks Surface Tutorials: ► https://www.youtube.com/playlist?list=PLfP1GxQ1lPaSwJCvC0KFe7s472ZcCY4df ►Solidworks Sketch Tutorials: ► https://www.youtube.com/playlist?list=PLfP1GxQ1lPaTpiP_AvdjXdBtCX3CKqgkt ►SolidWorks Beginner Tutorials: ► https://www.youtube.com/playlist?list=PLkMYhICFMsGajeARsY7N1t1jhbtMb1poL ►SolidWorks Weldment Tutorials:► http://www.youtube.com/playlist?list=PLfP1GxQ1lPaQVHAY9JE6do-u5oRaf5-F6 ►Available Playlists : ►http://www.youtube.com/channel/UCtwaWPOXEBysZLh1rrPzwFw/playlists?view=50&sort=dd&shelf_id=14 ►Learn Engineering Playlists:► https://www.youtube.com/channel/UCIAbHzXf2p8FbFCP1Q7fb4w/playlists ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ All dimensions are in mm/g/s/ISO - Based on true dimensioning. --------------------------------------------------------------------------------------------- Rating, commenting, subscribing and sharing are always appreciated!! ---------------------------------------------------------------------------------------------- The uploading of tutorials is based on an accumulated studied plan! ---------------------------------------------------------------------------------------------- New to SolidWorks?! Recommended to watch my earlier uploads. ---------------------------------------------------------------------------------------------- I will be thankful to you for replying whom are in need. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Hello & Welcome to SolidWorks Tutorial Channel This channel is dealing with EVERYTHING about SolidWorks aims to make the viewer a professional SolidWorks user! & to be helpful ! This Channel contains topics about: - SolidWorks Beginners Tutorials - SolidWorks Sketching - SolidWorks Surface - SolidWorks Weldments - SolidWorks Assembly - SolidWorks Drawing - SolidWorks Sheet Metal - SolidWorks Mold Design - SolidWorks Simulation - SolidWorks Motion And MORE ►►►SUBSCRIBE ◄◄◄ ------------------------------------------------------------------------------------------- GO PROFIST ...BE SOLIDWORKIST ◄ suggested words! ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ---------------------------------------------------------------------------------------- ★------ ۞ ART ۞ ENGINEERING ۞ CREATIVITY ۞ ------★ ---------------------------------------------------------------------------------------- ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ OTHERS: ►MAGMA "Casting":► https://www.youtube.com/watch?v=lBy6D3wB2L4&list=PLT6sDRXFFb_AlQ8GCHA8JBwDsDt1OnG7q ►MATLAB:► https://www.youtube.com/watch?v=1kC-o7iWZu8&list=PLkMYhICFMsGZfEMQda72NL9kHUb__LsmK ►Electronics & Arduino :►https://www.youtube.com/channel/UCutZpVtz9JUbvFW4HIpJXFw ■Facebook 2support:► https://www.facebook.com/SolidWorks.Tutorial.Page ■Google+ 2add:► https://plus.google.com/u/0/b/102760750068688346690/102760750068688346690 ■Donation :► https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=W4F4JB7AYYUNJ
03  System Options, Document Properties, and Templates - SolidWorks In dept Drawing
03 System Options, Document Properties, and Templates Default Options, Drafting Standards and Dr - SolidWorks In dept Drawing
Views: 1703 Teacher Pro
SolidWorks Tutorial #294 : Standard bottle cap (thread guide, animation)
http://sw-tc.net/#294 solidworks tutorial standard bottle cap! Bottle made on T#181. solidworks makes it easy to select bottle thread that matching the standard./there is L-style , M-style thread ,etc document & table below about bottle standard and thread table Bottle standard spec.: ►http://file.yizimg.com/175706/2012051520551543.pdf ►Thread table: ►https://forum.solidworks.com/servlet/JiveServlet/download/130061-41278/sp400.pdf --more caps: https://www.youtube.com/playlist?list=PLfP1GxQ1lPaQ7R3KW1jmJhauggD_OK3hY --bottles :https://www.youtube.com/playlist?list=PLfP1GxQ1lPaSIvrWhSLmpO6ZnXQV4A_o8 ►SolidWorks Learning course (voice):►https://www.youtube.com/playlist?list=PLkMYhICFMsGajeARsY7N1t1jhbtMb1poL ►SolidWorks Sheet Metal Lectures►https://www.youtube.com/playlist?list=PLkMYhICFMsGabiRA9g-BwA4a8okUFFO_5 ►Our Playlists:► https://www.youtube.com/c/SW-TCnet/playlists ►Our Website:►http://www.SW-TC.net ►Our channel :►https://www.youtube.com/c/SW-TCnet ►Facebook:►https://www.facebook.com/SolidWorks.Tutorial.Page ►Tutorials Engineer Channel: ►https://www.youtube.com/channel/UCIAbHzXf2p8FbFCP1Q7fb4w ►Engine1 Project :►https://www.youtube.com/playlist?list=PLfP1GxQ1lPaSWOY7biDuGwAnmmQplrREZ ►Engine 2 will be completed on:► https://www.youtube.com/playlist?list=PLfP1GxQ1lPaTPusHioVJkxQD3kS0lUYWf ►For more SolidWorks Tutorials: ► http://www.youtube.com/playlist?list=PLfP1GxQ1lPaQ_F5UUAuF3pxbP4q6Jqpy2 ►CATIA Complete Learning:► https://www.youtube.com/playlist?list=PLkMYhICFMsGbYCvbGrrygtqGiBGguIzbf ►Inventor Complete Learning:► https://www.youtube.com/playlist?list=PLkMYhICFMsGYkVrkVbX4xngskLzxTBStJ ►SolidWorks Surface Lectures: ► https://www.youtube.com/playlist?list=PLfP1GxQ1lPaSwJCvC0KFe7s472ZcCY4df ►Solidworks Sketch Tutorials: ► https://www.youtube.com/playlist?list=PLfP1GxQ1lPaTpiP_AvdjXdBtCX3CKqgkt ►SolidWorks Beginner Tutorials: ► https://www.youtube.com/playlist?list=PLkMYhICFMsGajeARsY7N1t1jhbtMb1poL ►SolidWorks Sheet Metal Lectures►https://www.youtube.com/playlist?list=PLkMYhICFMsGabiRA9g-BwA4a8okUFFO_5 ►SolidWorks Weldment Lectures:► http://www.youtube.com/playlist?list=PLfP1GxQ1lPaQVHAY9JE6do-u5oRaf5-F6 ►Available Playlists:►https://www.youtube.com/c/SW-TCnet/playlists ►Learn Engineering Playlists:► https://www.youtube.com/channel/UCIAbHzXf2p8FbFCP1Q7fb4w/playlists ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ All dimensions are in mm/g/s/ISO - Based on true dimensioning. --------------------------------------------------------------------------------------------- Rating, commenting, subscribing and sharing are always appreciated!! ---------------------------------------------------------------------------------------------- The uploading of tutorials is based on an accumulated studied plan! ---------------------------------------------------------------------------------------------- New to SolidWorks?! Recommended to watch my earlier uploads. ---------------------------------------------------------------------------------------------- I will be thankful to you for replying whom are in need. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Hello & Welcome to SolidWorks Tutorial Channel This channel is dealing with EVERYTHING about SolidWorks aims to make the viewer a professional SolidWorks user! & to be helpful ! This Channel beside Tutorials Engineer contain topics about: - SolidWorks Beginners Tutorials - SolidWorks Sketching - SolidWorks Surface - SolidWorks Weldments - SolidWorks Assembly - SolidWorks Drawing - SolidWorks Sheet Metal - SolidWorks Mold Design - SolidWorks Simulation - SolidWorks Motion And MORE ►►►SUBSCRIBE ?!◄◄◄ ------------------------------------------------------------------------------------------- GO PROFIST ...BE SOLIDWORKIST ◄ suggested words! ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ---------------------------------------------------------------------------------------- ★------ ۞ ART ۞ ENGINEERING ۞ CREATIVITY ۞ ------★ ---------------------------------------------------------------------------------------- ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Warm Thanks to them who supported and subscribed our channel in our very early start... All are nice but you are special!! ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Viewers can contribute translated titles, descriptions, and subtitles/CC (with different languages) ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ OTHERS: TO BE FILLED ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ■ if you feel want to give something in back : the minimum : Rate, comment, subscribe & share!!
DIY root smudge/shadow root - soften roots on solid blonde
OK SO I DID IT!! subscribe for more at-home hair videos :).DEMO at 2:33. PS: just want to say that i am not a pro and obviously this didn't turn out perfect! but i always document my at-home hair fun for you guys :). The purpose of me doing this was to give a more blended root so that I can give myself highlights later on...ultimately I wanted to transition from solid bleach to foils which I will do myself and document a how to diy foils/highlights later on :) EDIT: a few dys later i ended up going to the salon to have them bring it down further (you'll see in my next videos) - always know when to go to a salon :) :) This method can also be used if your roots are already grown in and very harsh - just pull it down a little further than regrowth. video of me bleaching my roots + toning with wella t10: http://bit.ly/2bBdxgr wella t11 toner demo: http://bit.ly/2fF3gQq wella t28 demo: http://bit.ly/2hmcv5u MORE HAIR VIDEOS: All About Blonde Hair Toners: http://bit.ly/299i834 How to Tone Dark Hair: http://bit.ly/1ZbOBcb Tips for Toning/Colouring Damaged and Porous Hair: http://bit.ly/2fp77lN How to Cut and Layer Extensions: http://bit.ly/2dVz0fZ How to Fix Damaged Hair Part 2: http://bit.ly/23kvIIM Fanci-full Color Rinse (quick fix for bad dye job): http://bit.ly/1Kq2hcF ------------------------------------------------------------------------------------------------------ Business inquiries: [email protected] ABOUT ME Hey guys! I am a Canadian beauty "guru" - lol not really. I just love makeup, hair, fashion, design.. and I enjoy documenting these things. I'm not a false-eyelash, perfect nails, hair extensions kind of girl. My channel is for the everyday person - the lazy person, the person who colours their hair crazy colours once in a while, the person who has a budget and can't afford tons of expensive shit, the person who skips steps in the stereotypical beauty routine. This channel is evolving into something I'm really proud of. Join the fun, subscribe if you want, and we can be everyday people together. Y'know, if you like that kinda thing. MUSIC: ROOTS by TOBU (no copyright sounds) https://www.youtube.com/watch?v=7wNb0pHyGuI
Views: 216993 somegirljess
Solid Edge Macro Tutorial with C# - 39 - Draft - Create a document and place a drawing view
This tutorial is based on all the documentation obtained at this link: https://community.plm.automation.siemens.com/t5/Solid-Edge-Developer-Forum/Useful-Solid-Edge-Developer-Community-Links/td-p/268847
Views: 244 Kabir Costa
Solving Layout Problems With CSS Grid and Friends
CSS Grid Layout launched into the majority of our browsers in 2017. As designers and developers have started to use Grid Rachel has been answering a lot of questions about the specifications. In this talk she’ll answer some of the common questions about Grid Layout in production – from dealing with old browsers to what might come next in CSS for layout. There will be plenty of practical tips for you to use in your projects today. EVENT: WebU 2017 SPEAKER: Rachel Andrew PERMISSIONS: Conference Organizer provided Coding Tech with the permission to republish this video. CREDITS: Original video source: https://www.youtube.com/watch?v=8ti7o-sQuYs Save 10% off any FITC event with discount code 'youtube'. See our upcoming events at www.fitc.ca
Views: 4880 Coding Tech
Newb Learning Solid by Inrupt - Sample Application
The system seems to still be encountering issues. I got the last step of the sample application, but stuck. See something I did wrong? Let me know in the comments! #NewWorldOptimist #NWO #Optimism #Optimist #AI #VR #Virtual Reality #AR #AugmentedReality #Technology #Nanotech #AgTech #Sustainability #ResourceBasedEconomy #CircularEconomy #DNA #GeneticResearch #Transhumanism #SmartHome #SmartCities #Automation #Robotics #Robot #3DPrinting #3DPrint #3DModeling #3DModel #TechPorn #follow4follow #NeuralNetwork #RBE #Renewables #Sustainable #TechnoOptimist #AI #ML #Transhumanism #AR #Space #Nature #Travel #Technogasm #instatravel #travelgram #tourist #tourism #vacation #traveling #travelblogger #wanderlust #ilovetravel #instavacation #traveldeeper #getaway #wanderer #adventure #travelphotography #roadtrip #mytravelgram #igtravel #traveler #science #bigdata #iphone #ios #android #mobile #video #design #innovation #startups #tech #cloud #gadget #instatech #electronic #device #techtrends #technews #engineering #Futurism #Style #Trend #NASA #gadgets #like #nerd #software #facts #chemistry #stars #physics #scientist #mobile #programming #samsung #biology #gadget #plus #follow #life #philosophy #screen #cosmos #astrophysics #electronic #stephenhawking #blackhole #blackholes #einstein #earth #relativity #love #Goals #Future #Inspiration #blogsandblogging #emotionalintelligence #electricvehicles #scienceandtechnology #neuroscience #cognitivescience #publichealth #mentalhealth #industrialengineering #research #intelligence #deeplearning #MachineLearning #opensourcesoftware #medicaldevices #singularity #Transhuman
Views: 219 New World Optimist
jQuery video tutorial 09 - jQuery syntax
jQuery Syntax : jQuery(expression).action(parameters); OR $(expression).action(parameters); jQuery(expression) or $(expression): Used to query or select or target HTML element(s), based on the given expression, it selects and returns an array of all matching HTML element(s). expression: can be a “CSS selector“ , or JS object for selection can also pass JS function for execution can also pass “html code” to create elements dynamically at runtime action(parameters): can be another jQuery method (function) indicates the action to be performed on selected HTML element(s), parameters: indicate the requirements of the action Ex: JQuery("#headingone").css("border","2px solid red"); OR $("#headingone").css("border","2px solid red"); It selects any html element whose id attribute value is set to headingone and applies the CSS style 2px solid red border. ======================================================== Follow the link for next video: https://youtu.be/RrWC7ir4i4g Follow the link for previous video: https://youtu.be/s9ic5la_TBc ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========================================================
jQuery image gallery
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/05/jquery-image-gallery.html In this video we will discuss how to create an image gallery with thumbnails using jQuery. We discussed how to do exactly the same thing using raw JavaScript in Part 41 of JavaScript tutorial. When you click on the image thumnail, the respective image should be displayed in the main section of the page. For the purpose of this demo we will be using the images that can be found on any windows machine at the following path. C:\Users\Public\Pictures\Sample Pictures Step 1 : Open Visual Studio and create a new empty asp.net web application project. Name it Demo. Step 2 : Right click on the Project Name in Solution Explorer in Visual Studio and create a new folder with name = Images. Step 3 : Copy images from C:\Users\Public\Pictures\Sample Pictures to Images folder in your project. Step 4 : Right click on the Project Name in Solution Explorer in Visual Studio and add a new HTML Page. It should automatically add HTMLPage1.htm. Step 5 : Add a reference to the download jQuery file. I am using jquery-1.11.2.js version for this demo. Step 6 : Copy and paste the following HTML and jQuery code in HTMLPage1.htm page. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <style type="text/css"> .imgStyle { width: 100px; height: 100px; border: 3px solid grey; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#divId img').on({ mouseover: function () { $(this).css({ 'cursor': 'hand', 'border-Color': 'red' }); }, mouseout: function () { $(this).css({ 'cursor': 'default', 'border-Color': 'grey' }); }, click: function () { var imageURL = $(this).attr('src'); $('#mainImage').fadeOut(500, function () { $(this).attr('src', imageURL); }).fadeIn(500); } }); }); </script> </head> <body> <img id="mainImage" style="border:3px solid grey" src="/Images/Hydrangeas.jpg" height="500" width="540" /> <br /> <div id="divId"> <img class="imgStyle" src="/Images/Hydrangeas.jpg" /> <img class="imgStyle" src="/Images/Jellyfish.jpg" /> <img class="imgStyle" src="/Images/Koala.jpg" /> <img class="imgStyle" src="/Images/Penguins.jpg" /> <img class="imgStyle" src="/Images/Tulips.jpg" /> </div> </body> </html> In our next video, we will discuss how to make this image gallery a bit more efficient using the concept of event bubbling.
Views: 46098 kudvenkat
SolidWorks Tutorial: How To Create Layer In Solidworks Drawing
Learn how to design in SolidWorks: https://www.udemy.com/solidworks-the-complete-design-and-rendering-course/ This SolidWorks tutorial with teach you how to create layers in a SOLIDWORKS drawing document. You will also learn how to assign visibility, line color, line thickness, and line style for new entities created on each layer. You will also learn how to use layers with dimensions, area hatch, detail circles, and section lines. To create a drawing layer: -Click Layer Properties (Layer or Line Format toolbar). -In the dialog box, click New, and enter the Name of a new layer. -Specify the line format for entities on that layer as follows: -To add a description, double-click in the Description column and type text. -To specify the line color, click the Color box, select a color, and click OK. -To specify the line style or thickness, click in the Style or Thickness column, and select the desired style or thickness from the list. The SolidWorks and SolidWorks Visualize tutorial videos on this channel will teach you how to use SolidWorks and SolidWorks Visualize software programs to accurately draw 2D drawings, design 3D (dimensional) models and make photo-realistic renderings of any product. In the 3D SolidWorks tutorial videos, you will learn how to design solid models in Solidworks using various SolidWorks features such as extruded base/base, revolved boss/base, swept boss/base, lofted boss/base etc. These videos will also teach you how to create a sketch on a sketch planes and how to turn a sketch into a solid model in SolidWorks. The 2D SolidWorks drawings tutorial videos on this channel will teach you to make engineering drawings in SolidWorks using various SolidWorks tools such as: adding view layout, annotation, and how to make projected, auxiliary, section and detail views. These SolidWorks tutorial videos will also teach you how to create a bill of materials, add parts dimension, tolerances, and GD&T. The SolidWorks Visualize tutorial videos on this channel will teach you how to make high-resolution photo-realistic renderings to visualize any product. These SolidWorks Visualize tutorial videos typically cover the following SolidWorks Visualize workflow: • How to start a new SolidWorks Visualize project • How to import any model in SolidWorks Visualize • How to create different materials such as steel metal, glass, emissive, plastic etc. in SolidWorks Visualize • How to add materials in SolidWorks Visualize • How to create texture in SolidWorks Visualize and Photoshop • How to add texture and bump map in SolidWorks Visualize • How to create decals and add logo in SolidWorks Visualize • How to create and edit HDR environment in SolidWorks Visualize • How to add cameras in SolidWorks Visualize • How to scale and move a model in SolidWorks Visualize project • How to render High-quality Jpeg, PNG, or Tiff image files in SolidWorks Visualize In summary, this channel is good for: • Anyone who wants to learn SolidWorks • Anyone who wants to learn how to create 3D models • Anyone who wants to learn Computer Aided Drafting Design (CAD) • Anyone who wants to learn SolidWorks Visualize • Anyone who wants to learn how to render in SolidWorks Visualize • Anyone who wants to learn how to create 2D Drawings in SolidWorks • Anyone who wants to learn Drafting Design And by Subscribing to this Channel, you will learn: • How to create 3D models in SolidWorks • How to create an assembly with multiple parts in SolidWorks • How to create 2D drawings in SolidWorks • How to create an animation in SolidWorks • How to create high quality render images in SolidWorks Visualize Best Regards. Website: http://www.azeezsalu.com/
Stephen Marley - Rock Stone ft. Capleton, Sizzla
Official Video for "Rock Stone" by Stephen "Ragga" Marley featuring Capleton and Sizzla http://smarturl.it/SMarlyiTunes http://www.stephenmarleymusic.com/ https://www.facebook.com/stephenraggamarley https://twitter.com/stephenmarley #StephenMarley #RockStone #Vevo #Reggae #Capleton #Sizzla
Views: 133599984 StephenMarleyVEVO
Computers Tips & Advice : How to Make Table Borders Solid in Word
To make table borders solid in a Microsoft Word document, insert the table into the document, click on the "Design" tab inside of the table, choose "Borders" from the "Table Styles" option, and change the appearance of the borders. Create solid borders or invisible borders in a Word document with instructions from a software developer in this free video on Microsoft Word.
Views: 1899 eHowTech
Solidworks: Dimension a Drawing Sheet
1) How to use the hole wizard 2) how to properly dimension a drawing in SW.
Views: 174715 Eli Chmouni
How to Make a Solid Line in a Microsoft Word Document : MS Word: Beyond the Basics
Subscribe Now: http://www.youtube.com/subscription_center?add_user=ehowtech Watch More: http://www.youtube.com/ehowtech Making a solid line in a Microsoft Word document is something that you can easily do with the keyboard. Make a solid line in a Microsoft Word document with help from a computer professional in this free video clip. Expert: Debbie Dalrymple Bio: Debbie Dalrymple provides stand-up software training, which is offered to groups of all sizes and staff at all levels. Filmmaker: Nick Topka Series Description: Microsoft Word is still one of the most popular word processing utilities on planet Earth. Get tips on Microsoft Word and go beyond the basics with help from a computer professional in this free video series.
Views: 24956 eHowTech
Metal Gear Solid Stranger Things Style
Metal Gear Solid, Stranger Things Style. A Hideo Kojima series. David Hayter, Christopher Randolph, Paul Eiding, Quinton Flynn, Cam Clarke, Patric Zimmerman, Jennifer Hale, Debi Mae West, John Cygan, Robin Atkin Downes and Kiefer Sutherland. Military Advisor: Motosada Mori. Written by: Hideo Kojima, Tomokazu Fukushima, Shuyo Murata. Music by: Harry Gregon-Williams, Norihiko Hibino. Art Direction by: Yoji Shinkawa. Developed and Published by: Konami Digital Entertainment. Created by Hideo Kojima. CHAPTER ONE: SNAKE EATER
Views: 569 José Mellinas
Border style p#2  Learn Css step by step in Arabic #10
You can set the style of a border independently with the border-style property. border-style: value; Values: dashed, dotted ,double ,groove ,hidden , nset ,none, outset ,ridge ,solid Four ways to apply border style in css: option 1: border-style:dotted; this will set the top,right,bottom and left borders. option 2: border-style: dotted dashed solid ridge; top, right, bottom, and left respectively option 3: border-style: dotted dashed solid; top, (right and left ), bottom option 4: border-style: dotted dashed; (top & bottom),(right & left)
Views: 98 Salah Bedeiwi
Punched card coding – Javascript functionality with CSS – Mark Robbins / Front-Trends 2015
http://front-trends.com/ We’ve developed a new style of coding – Punched card coding – based on old punched card computers, we use a large number of radio buttons to build complex javascript like functionality into an email. For example, the user can add/remove/edit items in a shopping cart, select delivery address, credit card and then checkout all from within a single email.
Views: 5567 Front-Trends
Cornell Coding Boot Camp Fall 2015: HTML, CSS, & Javascript (Part 6)
Cornell hosted its first ever Coding Boot camp in Sage Hall on September 26, 2015. Especially targeted to women, the boot camp provided participants with a solid foundation in coding concepts and principles. With the skills taught as a launching pad, it is our hope students interested in learning more will feel prepared enough to continue or start learning code. We covered the essentials of html, CSS, and some javascript so that everyone could build their own website. Event site and additional videos: https://codingcamp2015.splashthat.com/ Our heartfelt thanks to Albert Wenger, Partner Union Square Ventures, for being our instructor indoors for an entire sunny Saturday. A big thank you to the 20+ mentors who were present to guide participants and answer questions. Sincerest thanks to Accenture, Ziggeo, and Student Agencies whose support & sponsorship made the event possible.
Views: 97 Ami Stuart
Programming Style and Your Brain
Douglas Crockford, PayPal Computer programs are the most complicated things humans make. They must be perfect, which is hard for us because we are not perfect. Programming is thought to be a "head" activity, but there is a lot of "gut" involved. Indeed, it may be the gut that gives us the insight necessary for solving hard problems. But gut messes us up when it come to matters of style.The systems in our brains that make us vulnerable to advertising and propaganda also influence our programming styles. This talk looks systematically at the development of a programming style that specifically improves the reliability of programs. The examples are given in JavaScript, a language with an uncommonly large number of bad parts, but the principles are applicable to all languages. Douglas Crockford was born in the wilds of Minnesota, but left when he was only six months old because it was just too damn cold. He turned his back on a promising career in television when he discovered computers. He has worked in learning systems, small business systems, office automation, games, interactive music, multimedia, location-based entertainment, social systems, and programming languages. He is the inventor of Tilton, the ugliest programming language that was not specifically designed to be an ugly programming language. He is best known for having discovered that there are good parts in JavaScript. This was an important and unexpected discovery. He also discovered the JSON Data Interchange Format, the world's best loved data format.
Views: 3525 USENIX
SOLIDWORKS Quick Tip - Linking Properties to a Drawing
http://www.goengineer.com/products/solidworks/ Learn how to set up a drawing template that will automatically link to custom properties from your parts and/or assemblies. This is a helpful tool that can save you time in creating meaningful information in your drawings. Quick Tips video presented by Tyler Young of GoEngineer. About GoEngineer: GoEnginneer delivers software, technology and expertise that enable companies to unlock innovation and deliver better products faster. With more than 30 years experience and thousands of customers in high-tech, medical, machine design, energy and other industries, GoEngineer provides best-in-class design solutions from SOLIDWORKS, Stratasys, CAMWorks and Agile PLM. http://www.goengineer.com http://www.facebook.com/goengineer http://www.twitter.com/goengineer http://www.linkedin.com/goengineer https://plus.google.com/101084524922750716243
Views: 111038 GoEngineer
Solid Color Background Change Easy and fast Techniques in Photoshop
Howo to Change Background In Photoshop, Easy and fast Techniques for Change Background to Solid Color in Photoshop. Smart Way to Quickly Mask Hair and Change Background in Photoshop Using Overlay. Easy Fast background change Technique #SolidColorBackground #FastBackgroundChange #EasyFastTechniques 👉👉Stock Resources:- Model image : https://goo.gl/ED675D 👉Top 10 color lookup presets Free download NOW : ⏬Free Download Link : https://goo.gl/NhBazn 👉1 Click Automatic Retouching Actions: ⏬Actions download Link : https://bit.ly/2O7KjYO 👉1 click Automatic Background remove Photoshop Actions : ⏬Actions Free download Link: https://bit.ly/2NWkKdd 👉 1 Click Background Change Photoshop Actions: ⏬Actions Free download Link : https://bit.ly/2QxYp43 _______________________________________________________ 👉👉Contact me on Fiverr for your Any type of Photoshop works : https://www.fiverr.com/shazimcreations ☛ Hope you have Must be 100% Satisfaction from me :) _______________________________________________________ Follow me On my Official Facebook : https://www.facebook.com/Engr.shazim Thanks For watching Our Tutorials :) . stay With Us and Subscribe Our Channel for More Update tutorial. _______________________________________________________ 👉Shazim Creations Free Retouching Actions download link: ⏬Action Source 1 : https://goo.gl/c3W9kE ⏬Action Source 2 : https://goo.gl/etX2gi https://goo.gl/vfpVNv Must Subscribe and Like, Comment our Video _______________________________________________________ ►►Please Must Watch my another Amazing editing Tutorials : _______________________________________________________ ██║▌ Photoshop Tutorials Link ║▌██ 1 min Photoshop Tutorials : 👉► https://goo.gl/audJSP Photoshop Essential work : 👉► https://goo.gl/paa8Hr Top Videos : 👉► https://goo.gl/iGbcqG _______________________________________________________ ██║▌ PicsART Tutorials Link ║▌██ Picsart Editing Tutorials : 👉► https://goo.gl/DBgCpc _______________________________________________________ Plz Go to Our Channel and SUBSCRIBE for more videos: ██║▌│║║█║█║▌║║█║▌│ █ ►https://www.youtube.com/ShazimCreations _______________________________________________________ Follow me & Contact with me personally for any help :) ❤ Social links ❤ : - ✓Official FACEBOOK: ►https://www.facebook.com/Engr.shazim ✓Official FACEBOOK fan page: ►https://www.facebook.com/shazimcreations ✓Google+ : ►https://plus.google.com/u/0/105139943527333975713 ✓Twitter: ►https://twitter.com/shazimcreations ✓Instagram: ►https://www.instagram.com/shazimcreations ✓Behance : ►https://www.behance.net/ShazimCreations ________________________________________________________ Music credit : [No Copyright Music] Bay Breeze - FortyThr33 https://www.youtube.com/watch?v=XER8Zg0ExKU Jim Yosef - Firefly [NCS Release] https://www.youtube.com/watch?v=x_OwcYTNbHs _________________________________________________________
Views: 963 Shazim Creations
HTML5DevConf: Kyle Simpson " New Rules For JS"
New Rules For JS Time: Tuesday @ 11:40am | Room E-133 I bet you've been writing JS for years and you think you're pretty good at it. I bet you think you know all about how functions create closured scope, and how `this` gets bound, and even how `.prototype` works. Or, rather, you probably don't care because your framework or library takes care of all that for you. JavaScript is generally considered one of the most misunderstood (and maligned) languages of the modern programming era. And there's good reason for that, because most developers who write JS never actually deeply *know* how the language works. They blame all their WTFs on language bugs, instead of the shortcomings in understanding. This talk is going to re-visit some of the ""tough parts"" of the language by declaring ""New Rules"" (Bill Maher style) for the language. For instance: ""New rule: Stop using `this` unless you fully understand how it gets assigned."" This talk is going to be hard-core on coding and expects a solid understanding of the language
CSS3 Gradient Generator: No Javascript is required
CSS3 Gradient Generator - CSS3 Gradient Generator Menu Example: http://css3menu.com/gradient-css3-html-menu.html Free Download for Win & Mac: http://css3menu.com/css3menu-setup.zip A website has no place on the web if it is made up of ugly, mismatched and persistently solid colors. If anything has been gained from transition of today's aspiring artists to the digital medium, then it is the ability to easily generate gradients within drawing and image editing software. The web, however, had not shared the world's fascination with the power of Photoshop or vector graphics, until now. The latest version of Cascading Style Sheets has entered the Internet scene with a bang! Parameters dealing with gradients, scarce and bland in its previous incarnations, have finally bloomed within the innovative and revolutionary coding environment of CSS3. css3 gradient code generator css3 gradient generator filter css3 gradient generator online css3 rounded gradient generator css3 background color gradient generator css3 border color gradient generator css3 gradient generator 3 colors css3 gradient generator ultimate css3 gradient generator transparent css gradient generator css3 css3 gradient generator rgb
Views: 255 CSS3Menu
Metal Gear Solid 2 Snake in Shadow Moses [Test]
Fan work. Just Metal Gear Solid 2 Snake walking quietly in Shadow Moses. Made with The Document of Metal Gear Solid 2 and Sony Vegas Pro.
Views: 963 José Mellinas
JavaScript - 식별자 API (1/4) : Element.tagName
Views: 9612 생활코딩
5.1-Changing border color and border style - html5 css3 tutorial
مرحبا بكم في قناتكم التعليمية على اليوتيوب , حيت نقدم دروس تتعلق بكل ماهو تقني ومفيد في الحياة اليومية للشباب العربي, عن طريق فيديوهات تعليمية وشروحات مبسطة. Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se traduire par "feuilles de style en cascade". Le CSS est un langage informatique utilisé sur l'internet pour mettre en forme les fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS, comprennent du code qui permet de gérer le design d'une page en HTML. Bien que l'HTML puisse être mis en forme à l'aide de balises prévus à cet effet, de nos jours il est plus judicieux d'utiliser le CSS et de n'utiliser le XHTML que pour le contenu. L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site réside dans la possibilité de modifier tous les titres du site en une seule fois en modifiants une seule partie du fichier CSS. Sans ce fichier CSS, il serait nécessaire de modifier chaque titre de chaque page du site (difficilement envisageable pour les énormes sites de plusieurs milliers de pages). The CSS border properties allow you to specify the style, width, and color of an element's border. p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} --------------------------------------------------------------------- Page Facebook https://www.facebook.com/Devewebsite/ المرجو الضغط على الزر لايك لليصلك كل جديد.
Views: 25 informatique teach
Travel Document Passport Cards Money Organizer
Item Type: Card & ID Holders Closure Type:Zipper Item Width:13 cm Shape:Trunk Pattern Type:Solid Style:Casual Main Material Nylon Use:Checkbook Item Length:25 cm Buy Now https://bit.ly/2GVm9Jc
Views: 8 gnfb
Creating/Setup of Drawing template in SOLIDWORKS to make the drafting easier
This video explains how to create a drawing template in sheet format in SOLIDWORKS for making drafting easier. Conceptia Konnect is an award-winning Authorized Value-Added Reseller for SOLIDWORKS, SOLIDWORKS Simulation, SOLIDWORKS Flow Simulation, SOLIDWORKS Composer (Formerly 3DVia), SOLIDWORKS Plastics, SOLIDWORKS Electrical, SOLIDWORKS Enterprise Product Data Management and DraftSight in India. We also provide state-of-the-art solutions from DriveWorks and 3DConnexion and handle the All India Distribution and reseller network for InspectionXpert Corporation. Subscribe our Channel to get notified of our upcoming series of tips and tricks for CAD Design and SOLIDWORKS. Reach us at: Website: https://ckonnect.in/solidworks/ Blogs: https://ckonnect.in/solidworks/blog/ LinkedIn: https://www.linkedin.com/showcase/935... FaceBook: https://www.facebook.com/conceptiakon... Twitter: https://twitter.com/
Professional hover Dropdown Menu Using Pure html & Css Within 22 Minutes
Hi Friends, I am Jeykumar M, I am the co-founder, member of w3farmers and Web frontend / UI / UX Designer and Developer at w3farmers. w3farmers channel is giving you a videos of landing (welcome) page, website design and development, website sections like top and side navbars (fixed navbar, transparent navbar, animated navbars, responsive navbars), dropdown menu using only css, and javascript, testimonials, login pages, contact pages, blog pages design and development, image slider or slideshow or carousels, and css tips tricks and techniques, responsive web design, boostrap, font-awesome, google fonts, jquery and more stuffs.... We gives you a series of web ( Website Or Webpage ) design and development tutorials for free, landing ( Welcome ) pages design, Website ( Webpage ) Design basics has been going now, Today, i described you "How To Create Professional Dropdown Menu When Hovering Over The Button Using Pure CSS & HTML Within 22 Minutes". from this video series you can learn basic, intermediate and advanced level html, css, some css transition animation ( transition-duration, transition-delay, transition-timing-function and etc ) , button hover effects, background images using background url method, transparent backgrounds, relative and absolute positioning,floating elements in navbar menu, navbar creation, responsive design, css percentage units and pixel units, css z-index, css transform, css before and after pseudo elements, how to create dropdown-menu, and how to create caret symbol (triangle shape ), how to create a dropdown menu with caret symbol, how to join the caret symbol to dropdown menu, css visibility : hidden and visibility : visible properties, css opacity property and it's values, :hover pseudo class, border-radius properties and it's values, css border properties, css background properties and its values, css box-shadow property, css flex layout ( display:flex ) , and how to centering elements horzontally and vertically using flex layout and css transform and translate property and more stuffs... steps to do this, 1. open the texteditor as you wish ( Brackets, Visual Studio Code, Sublime Text, Atom such a popular text editors ), i am using in this video is brackets text editor. 2. first create a page with .html extension, 3. create a html elements like html, head, body, div ( .dropdown-menu ), a ( .dropdown-toggle ), ul ( .dropdown- menu ), and li tags. 4. now styling, begins, we are using internal styling ( within the style tag ). first html, body have 100% width to take the device's 100% width and height. when, give 100% to the body, the scroll in y-axis appears, because body have default margin of some pixels, so, put the margin 0 to the body element. for my compatiblity, i want to center the dorpdown menu both horizontally and vertically. so, i am using display flex, align-itemns center to vertiaclly center, justify-content:center to horizontal centering. 5. now, .dropdown-toggle styling, in here, i just put background:#ff2474 ( its a hexadecimal-code for dark pink color ), text color to #fff ( for white ), padding:10px 30px ( top bottom 10px, right left 30px ), position to relative because of hover effect ( .doprdown-toggle:before would be absolute ), border-radius:50px for rounded corners, 6..dropdown-toggle:before styling, initially, height and width to 0%, and top:50%, left:50%,transform:translate(- 50%, -50%) to cenering the within the dropdown-toggle, and .3s ( 300 milli seconds ) 7. .dropdown-menu styling, i just put ul have defaultly, some margin, padding and bullets, so, i remove margin ( margin:0 ) and bullets ( list-style-type:none ) and remove padding right and left, and give top and bottom to 10px ( padding:10px 0 ), i should be relative positioning bacause its before and after used for caret symbol so that would have absolute positioning. and dropdown menu initially, hidden with the properties visibility:hidden and opacity:0; when hovering the dropdown element, it changes to visibility:visible and opacity:1; 8. caret creation with .dropdown-menu:before and .dropdown-menu:after. first, it should be absolute positioning, left:10px, and border:10px solid transparent and border-top:0, .dropdown-menu:before, with color #fff top:-8px and .dropdown-menu:after have color that is the border color color of dropdown-menu, because after looks the border of the before element. 9. li have padding 10px, color: #343434 ( darkgrey ), a and li have common properties they are, font-size :14px and font-weight:bold, to follow us on facebook like our page, https://www.facebook.com/w3farmers https://www.facebook.com/computerteche #w3farmers_landing_pages #w3farmers_css_practices Any Queries please give it on the comment box below!
Views: 86 W3Farmers
SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. By now, a lot of developers are aware of their practical uses, such as small and accessible icons, or illustrations. In this session, though, Sarah will go beyond typical use cases. She’ll cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math. She’ll make it respond to physics, make it bounce and snap, stack it like legos for responsive, and make it interactive with front-end frameworks like Vue.js and React. In this session Sarah will push the boundaries of what’s possible while also thinking about cross-browser stability, and you’ll come out of it with a whole new world of tools in your front-end developer toolbox. EVENT: Full Stack Fest 2017 SPEAKER: Sarah Drasner PERMISSIONS: The original video was published on Codegram Technologies YouTube channel with the Creative Commons Attribution license (reuse allowed). ORIGINAL SOURCE: https://www.youtube.com/watch?v=ADXX4fmWHbo&t=1864s
Views: 46667 Coding Tech