uncleflo
Registered since September 28th, 2017
Has a total of 4246 bookmarks.
Showing top Tags within 54 bookmarks
howto information development guide reference administration design website software solution service product online business uk tool company linux code server system application web list video marine create data experience description tutorial explanation technology build blog article learn world project boat download windows security lookup free performance javascript technical network control beautiful support london tools course file research purchase library programming image youtube example php construction html opensource quality install community computer profile feature power browser music platform mobile user process work database share manage hardware professional buy industry internet dance advice installation developer 3d search material access customer camera travel test standard review documentation css money engineering develop webdesign engine device photography digital api speed source program management phone discussion question event client story simple water marketing yacht app content setup package fast idea interface account communication cheap compare script study market live easy google resource operation startup monitor training
Tag selected: element.
Looking up element tag. Showing 54 results. Clear
Animate Anything Along an SVG Path | Codrops
Saved by uncleflo on November 14th, 2022.
Learn how to code creative animations using SVG paths and the getPointAtLength() function. SVG is a very neat format to display any illustration, icon or logo on a website. Furthermore, they can be animated in CSS or JavaScript to make them more attractive. But SVG can also be used for their data only, without the visual! Let me explain… An SVG is a vector image format, which means it is not made of coloured pixels, but math functions that, once interpreted, can be rendered on screen. Since the browser must convert the file from functions to actual pixels, it also let us access a wide variety of methods to either manipulate, or retrieve data from the math. In today’s article, we will explore the function getPointAtLength() and see how we can use the data of an SVG path for creative use cases such as the demo below.
animating animate path setup predictive browser particles analyze animation bounce geometry dots animated vector illustration element circle beautiful svg path function format logo website css javascript image development howto demonstrate
18 to 25 GPH 1 HP AC SYSTEM/DESALINATOR – SUN PURE WATER MAKERS
Saved by uncleflo on February 13th, 2022.
The BEST priced water maker and very dependable designed and built by a sailor Includes stainless steel (ss) 3-way valve at sea strainer, 10 feet braided suction tubing, boost pump, clear pre-filter housing with mounting bracket, wrench, 5 micron filter element, soft start 1 HP AC motor (120v or 240v)with high pressure pump with over pressure relief valve, 6 feet 3000 PSI SS high pressure line, one 2.5″ X 40″ Dow R O membrane and high pressure vessel with padded mounting brackets, 0 to 60 GPH flow meter, 3-way product water valve. ss liquid filled high pressure gauge (0 to 1500 PSI), with ss needle/pressure control valve, 3-way brine/pickle valve, 20 feet 3/8″ food grade tubing, through installation, maintenance, and operation manual, pickling chemicals, and all required high and low pressure fittings-A COMPLETE SYSTEM. The components are all labeled and numbered with a system diagram showing how all are connected. Starting with #1 ss 3-way sea water valve in connect to #2 boost pump, to #3 pre-filter; very easy to follow instructions and if a question comes up you can email or call Stu 520.406.5260 for assistance. You will need to supply thru-hulls, sea strainer, hose clamps, and wiring for pumps
system desalinator water maker design stainless steel strainer sea marine filter membrane product pressure component element pump assistance wire label connect control watermaker boat vessel offshore independence
Chart.js | Open source HTML5 Charts for your website
Saved by uncleflo on February 12th, 2022.
Layout boxes can be stacked and weighted in groups. A secondary title plugin with all the same options as main title Line segments can be styled by any user defined criteria. Transitions of every property in every element can be configured individually and independently. Numerous performance enhancements have been introduced. This example has 1M (2x500k) points with the new decimation plugin enabled. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable.
logarithmic stack sparse style render individual scale independent layout animate mix element visual entire maintain chart way define box clear plot complex property number data display how show explain enhance create development javascript howto user view plugin graph opensource website online
Personal Image Advice for Men
Saved by uncleflo on February 7th, 2022.
For all of us, whether we are in the public eye or not, managing our appearance is an important part of who we are. It makes a visual statement about our personality and our lifestyle, as well as indicating our abilities and confidence. In today's world, image really does matter. Our consultations for men will help you build on all the elements necessary to dress well and look current. When you understand more about the effects of colour, styles and how they work with your body shape, you will find it easier, and quicker, to shop for clothes you enjoy wearing. Other elements include looking at fit, fabrics and cuts, how you can express your personality through your clothes, good grooming and dressing to suit the occasion. Have a browse through our services and if you're still not sure where to start contact your nearest image consultant for advice Whether in the boardroom or the bar - your image matters.
board room fabric clothes wear image personality confidence dress occasion advice understand element express contact consultation consult build look fashion feel service company profile body
jerryghionis.com - How to Wow
Saved by uncleflo on January 15th, 2022.
Learn how to recognize and use creative triggers in any location to treat even a dull environment like a studio and create magic images. You feel like your photography is lacking an element of artistry. You often struggle when the environment isn’t inspiring to photograph. No matter where you are shooting, there will be elements you can use to create a unique and artistic image. In this course, I’ll teach you how to look for interesting light, understand how textures can add to your frame, and my posing tricks that will make it possible for you to create magic images in any location.
beginner adventurous textures confident shoot tricks magic image transform camera wedding amazing photograph environment photography create confidence location lighting unique dramatic understand howto learn course offer photographer teach texture picture studio element light
How to Approach SVG Animations: A CSS Tutorial | Toptal
Saved by uncleflo on January 14th, 2022.
Animations make websites look more polished and exciting, and help improve user experience. Explore how the combined potential of SVG and CSS can be leveraged to create animations without relying on external libraries. Animations are a ubiquitous part of the web. Unlike the flashing GIF images that plagued websites in the internet's earlier days, today's animations are more subtle and tasteful. Designers and front-end specialists use them to make websites look more polished, enhance the user experience, call attention to important elements, and convey information. Web developers can benefit from combining the power of SVG and CSS to create animations without using external libraries. This SVG animation tutorial shows how to build custom animations for real-world projects. Before animating SVGs with CSS, developers need to understand how SVGs work internally. Fortunately, it's similar to HTML: We define SVG elements with XML syntax and style them with CSS, just as if they were HTML.
svg css animation library improve user experience polish excite beautiful interact animate image website internet technology modern tutorial explanation story howto html element xml syntax enhance designer frontend user talent profile experience
Palazzo Ducale | Doge's Palace | Venice
Saved by uncleflo on November 28th, 2018.
A masterpiece of Gothic architecture, the Doge’s Palace is an impressive structure composed of layers of building elements and ornamentation, from its 14th and 15th century original foundations to the significant Renaissance and opulent Mannerist adjunctions. The structure is made up of three large blocks, incorporating previous constructions. The wing towards the St. Mark’s Basin is the oldest, rebuilt from 1340 onwards. The wing towards St. Mark’s Square was built in its present form from 1424 onwards. The canal-side wing, housing the Doge’s apartments and many government offices, dates from the Renaissance and was built between 1483 and 1565.
doge palace gothic architecture impressive structure composed layer building element ornament century construction government office date renaissance foundation apartment masterpiece history venice italy
The FEniCS computing platform
Saved by uncleflo on October 26th, 2018.
FEniCS is a popular open-source (LGPLv3) computing platform for solving partial differential equations (PDEs). FEniCS enables users to quickly translate scientific models into efficient finite element code. With the high-level Python and C++ interfaces to FEniCS, it is easy to get started, but FEniCS offers also powerful capabilities for more experienced programmers. FEniCS runs on a multitude of platforms ranging from laptops to high-performance clusters.
popular opensource open compute platform solve differential equation translate scientific model science element code interface powerful capability experience program laptop performance cluster project development server administration
Fiddle to experiment with browser element offsets/sizes
Saved by uncleflo on May 9th, 2018.
Note how the browser reserves some space to the right of this paragraph, just enough to fit a scrollbar. This happens even though there is a decent amount of padding-right.
development code fiddle js jquery padding browser scroll javascript preview realtime tool margin element experiment crossbrowser compatible size position
Stackoverflow - offsetTop vs. jQuery.offset().top
Saved by uncleflo on May 9th, 2018.
I have read that offsetLeft and offsetTop do not work properly in all browsers. jQuery.offset() is supposed to provide an abstraction for this to provide the correct value xbrowser. What I am trying to do is get the coordinates of where an element was clicked relative to the top-left of the element. Problem is that jQuery.offset().top is actually giving me a decimal value in FFX 3.6 (in IE and Chrome, the two values match). http://jsfiddle.net/htCPp/ exhibits the issue. If you click the bottom image, jQuery.offset().top returns 327.5, but offsetTop returns 328. I would like to think that offset() is returning the correct value and I should use it because it will work across browsers. However, people obviously cannot click decimals of pixels. Is the proper way to determine the true offset to Math.Round() the offset that jQuery is returning? Should I use offsetTop instead, or some other method entirely?
offset top left position development code abstract browser coordinate element jquery js javascript pixel chrome ie firefox crossbrowser stackoverflow problem solution
SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.
Saved by uncleflo on May 5th, 2018.
SVG files, especially those exported from various editors, usually contain a lot of redundant and useless information. This can include editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting the SVG rendering result.
svg optimize editor reduce minify clean element meta render convert image graphic used tool github development administration
How to adjust an iframe element’s height to fit its content
Saved by uncleflo on April 20th, 2018.
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are financial reports, e-commerce applications, and ticket booking applications. Using an iframe is not ideal for many reasons, one of which is that it can make multiple sets of scrollbars appear on the page. Not only does it look ugly, it also makes the site less user-friendly. But there is a workaround.
display website iframe scrollbar howto code development js javascript content fit adjust element
Removing Elements from JavaScript Arrays
Saved by uncleflo on April 7th, 2018.
The JavaScript standard library is notoriously small. In fact, it is so small that the Array prototype doesn't even define a method for removing a specific element from an array. Because there's no such built-in method, developers have to create their own version if they want to remove a specific array element.
js library array howto development element developer specific remove website beautiful nice method wonderful personal blog curriculum
Find mouse position relative to element
Saved by uncleflo on April 6th, 2018.
I want to make a little painting app using canvas. So I need to find the mouse's position on the canvas. The solution is For people using JQuery.
jquery mouse event position canvas paint stackoverflow question answer element public
Data URIs
Saved by uncleflo on March 28th, 2018.
Did you know that you don't have to link to an external image file when using an <img> element in HTML, or declaring a background-image in CSS? You can embed the image data directly into the document with data URIs. Basically, a super long string of gibberish characters. It's not gibberish to the browser though of course. This data is interpreted as the type of file you are saying it is.
uri url css type standard image file background character browser encode howto development element link load fast speed snappy webpage js
Case Study: Mobile App Design Process
Saved by uncleflo on June 16th, 2017.
I was provided a great opportunity to hone my visual design skills and learn the process by creating a mobile app UI library. A UI Library, also known as visual styles, or theme, is a custom graphical interface elements package that is applied to a particular app or website to create an elegant experience for the users.
design process ux interface user mobile app case study casestudy learn read article element skill howto demonstration blog
www.marketingexperiments.com
Saved by uncleflo on April 4th, 2015.
C = 4*m + 3*v + 2*(i - f) - 2*a. Anxiety is one of the key elements in the MarketingExperiments Conversion Heuristic. In our Landing Page Optimization Online Course, anxiety is defined as “a psychological concern stimulated by a given element in the sales or sign-up process.” Essentially, anxiety is a negative element on your landing page that reduces the likelihood that a potential customer will take a desired action. It’s no big surprise that experiments with our Research Partners have found third-party privacy and security seals help reduce customer anxiety and improve conversion. So, let’s take a look at two types of seals that can help you reduce customer anxiety.
marketing landing page experiment howto reference formula customer research partner conversion math anxiety motivation friction incentive element action sequence process
The Engineering Toolbox - Area Moment of Inertia
Saved by uncleflo on September 2nd, 2014.
Resources, Tools and Basic Information for Engineering and Design of Technical Applications! This great website is a great lookup site for formulas and calculations used in the engineering world. Second Moment of Area or Area Moment of Inertia. Moment of Inertia of an Area, Area Moment of Inertia, also known as Second Moment of Area - I, is a property of shape that is used to predict deflection, bending and stress in beams.
engineering area strength pipe moment mechanical inertia cylinder calculator design calculate mathematics control great website beam distance calculation math mathematical MITx edx 2.01x elements of structures element structure lookup reference
[GUIDE] Using LaTeX on the forums
Saved by uncleflo on September 2nd, 2014.
On this course, you will be using a lot of maths. Sometimes, you may need clarification on how to use maths for a particular problem. Luckily, you can use LaTeX on the forums to display maths in a readable format (as opposed to unwieldy formats like 4*10^6 which can be difficult to parse). There are a lot of different commands for LaTeX, but you will only need a few in this course. To start using LaTeX, you first need to type $$ - this is telling the forums software that whatever you type in between the dollar signs is LaTeX and should be displayed as LaTeX
latex course forum guide information lookup reference MITx edx 2.01x structural elements encode code parse solution clarification mathematics describe beautiful howto description text science scientific writing help elements of structures element structure
Pepe's list of Edx.org courses - Index of /
Saved by uncleflo on September 2nd, 2014.
This is a great list of online calculations for EDX.org courses, run by a single student. The list contains courses such as Hypersonics, Structural Elements, Classical Mechanics, and others.
pepe list reference MITx edx 2.01x course online calculation lookup education free full access student classical mechanics hypersonics advice assistance elements of structures element structure
[Resources] for 2.01x
Saved by uncleflo on September 2nd, 2014.
This is a really good resource! Course given by Simona, lecturer at MIT. Several students have created resources and guides for 2.01x. This thread is intended to be a catch-all for those. If you have any resources that you think would be helpful to your fellow students, post below!
MITx edx 2.01x resource reference information cheatsheet notes equation design safety factor final end summary list lookup calculation elements of structures element structure
American Institute of Steel Construction, Founded 1921 - There's always a solution in steel
Saved by uncleflo on September 2nd, 2014.
When we started working on the project, we used a lot of cutting edge tools, especially in terms of 3-D modeling and the fabrication machinery used to execute this incredibly complex design. But since then, a funny thing has happened. What we thought was cutting edge has become the norm. However, when I tell this to people (even people in the steel industry), they initially look skeptical. They tell me steel is an old, mature, smoke-stack industry. But while steel has been the material of choice for construction for most of the past century, it doesn't mean it's not a modern industry with new technology (ranging from improvements in the properties of steel to better equipment and new communication and design tools). And fortunately, on September 19, you have a chance to see for yourself.
MITx edx 2.01x steel construction solution project american construct build building structural element structure evolution technology aisc fabrication tool model machinery execute design improve properties equipment communication activities lecture webinar designers century property modern improvement elements of structures
Modern Steel Construction » Steel Interchange
Saved by uncleflo on September 2nd, 2014.
If you’ve ever asked yourself "why?" about something related to structural steel design or construction, Modern Steel Construction’s monthly Steel Interchange column is for you! Send your questions or comments to solutions@aisc.org. Modern Steel Construction is the official publication of the American Institute of Steel Construction. MSC brings its readership in-depth information on the newest and most advanced uses of structural steel in buildings and bridges by focusing on innovative and cost-effective steel designs and the products that help bring them to life. MSC is directed exclusively to professionals in the construction industry who make and influence purchasing decisions—whether they are engineers, architects, building owners, contractors, fabricators, detailers or erectors.
MITx edx 2.01x steel modern construction publiscation american institute reader information advanced use structure element structural architect engineer contractor fabricator detail erector design frame materical mechanical limit interchange reference elements of structures
http://www.boltcouncil.org/
Saved by uncleflo on September 2nd, 2014.
To stimulate and support such investigation as may be deemed necessary and valuable to determine the suitability, strength and behavior of various types of structural connections. To promote the knowledge of economical and efficient practices relating to such structural connections. To prepare and publish related standards and such other documents as necessary to achieving its purpose. The RCSC is a non-profit, volunteer organization, comprised of over 85 leading experts in the fields of structural steel connection design, engineering, fabrication, erection and bolting. Previous, current, and future research projects funded by the RCSC serve to provide safety, reliability, and standard practice for the steel construction industry throughout the world. The RCSC is actively soliciting research contributions to further our efforts to provide meaningful research, clear specifications, and practical application advice for our industry.
MITx edx 2.01x steel engineering structural bolt council standard document achieve purpose volunteer organization practice suitable investigation behavior connection specification joint construction research contribution membership committee elements of structures element structure
