46 results for: canvas
Top best AI Image Generators: unlocking creativity with Artificial Intelligence
Artificial intelligence (AI) is revolutionizing not just business and healthcare, but also the creative industries by introducing a new era of AI-generated art. The accessibility of AI technologies and tools has paved the way for a whole new generation of artists. Contrary to the common misconception that AI will replace human…
Category : Technology 05-06-2023 by Janeth Kent
Let's create a Color Picker from scratch with HTML5 Canvas, Javascript and CSS3
HTML5 Canvas is a technology that allows developers to generate real-time graphics and animations using JavaScript. It provides a blank canvas on which graphical elements, such as lines, shapes, images and text, can be drawn and manipulated with great flexibility and control. Here are some key concepts about HTML5 Canvas: 1. Canvas…
Category : Web design 01-06-2023 by Janeth Kent
How to create PDF with JavaScript and jsPDF
Creating dynamic PDF files directly in the browser is possible thanks to the jsPDF JavaScript library. In the last part of this article we have prepared a practical tutorial where I show you how to implement the library. Below you can see the completed exercise. The client side is gaining ground over…
Category : Javascript 04-12-2022 by Janeth Kent
How artificial intelligence design the world
The image you see above was drawn especially for this article, but did not require any artistic skills or vein from its author. It was created by DALL-E, an artificial intelligence that can be asked to draw anything. To visually illustrate the point, the author of this article's lack of…
Category : Technology 17-05-2023 by Janeth Kent
Open source web design tools alternatives
There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open source options for you to try and use the one you like the most. Penpot Penpot is the first open source design…
Category : Web design 03-06-2022 by Nadal Vicens
How to access webcam and grab an image using HTML5 and Javascript
We often use webcams to broadcast video in real time via our computer. This broadcast can be viewed, saved and even shared via the Internet. As a rule, we need software to access the webcam and stream video. But you can also stream video on websites without using third-party software. The…
Category : Javascript 20-05-2021 by Janeth Kent
Top tools for UX design and research
This article is a compilation of the "ux tools" I have tested in recent years. I've separated the tools by categories, although I recommend you to take a look at all of them, you might find some you didn't know. - Conceptualisation and project management tools - UX testing and research tools - Analytics…
Category : Ui/ux design 23-04-2021 by Silvia Mazzetta
Bootstrap 5 beta2. What offers?
Since the release of the Bootstrap 4 is three years, in this article we will present what is new in the world’s most popular framework for building responsive, mobile-first sites. If you want to know what are the significant changes that come with the next version 5 which is in…
Category : Css 05-04-2021 by
Awesome JavaScript Games and Js Software to create Games
Best sites js13kGames 2019 - Highlights from the js13kGames 2019 competition. js13kGames 2018 - 13 Games in ≤ 13kB of JavaScript. js13kGames 2017 - Build a game in 13kB or less with js13kGames. Adventure Triangle: Back To Home - You are lost in the cave. Try to get out and back to home. Sometimes it…
Category : Javascript 30-06-2020 by Janeth Kent
Amazing Javascript Game Source Codes for Free
In this article we will share the code to make simple games with Javascript programming language. The games code can later be your reference material for making other simple games. Before you continue do you already know what is javascript programming ?, if you don't know yet, please read the brief…
Category : Javascript 19-07-2022 by Luigi Nori
Cross-Origin Resource Sharing (CORS) and examples of XSS and CSRF
Cross-Origin Resource Sharing (CORS) enables web clients to make HTTP requests to servers hosted on different origins. CORS is a unique web technology in that it has both a server-side and a client-side component. The server-side component configures which types of cross-origin requests are allowed, while the client-side component controls…
Category : Javascript 30-01-2020 by Luigi Nori
Vue.js 3.0: What are Hooks and how they work
This article introduces an experimental Vue feature called Hooks. Before you start This post is suited for developers of all stages including beginners. Here are a few things you should already have before going through this article. You will need the following in your pc: Node.js version 10.x and above installed. You can verify if…
Category : Javascript 06-09-2019 by Luigi Nori
14 JavaScript Animation Libraries
Well - designed and smooth animations are one of the most important things that makes an app stand out from the crowd. The purpose of UI animations is to help users understand the product in a more interactive way. While surfing the web in search of a cool animation library in…
Category : Javascript 17-05-2020 by Janeth Kent
A List of Awesome games made with HTML5 and JavaScript
Browsers and JavaScript are becoming more powerful and more comprehensive. There was a time when any type of game needed Flash. But the stage now is set for powerful HTML5 and WebGL games! Here are 30 of our favorite games running in all modern browsers and only using web technologies. Enjoy! HexGL HexGL…
Category : Javascript 01-04-2020 by Janeth Kent
Developing a JavaScript video game: Part 1
The ecosystem of JavaScript is pretty huge. But today we decided to try something new: a videogame. It is usually good to have requirements in place to select the right tool for the job (or the most glittering tool for the job) before evaluating any technology choice. Not surprisingly, JavaScript has a…
Category : Javascript 17-02-2019 by Janeth Kent
Top 10 JavaScript Books 2019
Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications. If you're an aspiring web developer then you'll need to learn JavaScript. It's a staple for frontend work and it's the fastest growing language powering. This is an…
Category : Javascript 26-01-2019 by Janeth Kent
JavaScript Manual for Beginners
The JavaScript Manual shows you how to use JavaScript and gives an overview of the language. I GETTING STARTED ABOUT Created by Netscape in 1995 as an extension of HTML for Netscape Navigator 2.0, JavaScript had as its main function the manipulation of HTML documents and form validation. Before winning this name so…
Category : Javascript 04-09-2018 by Janeth Kent
Best Websites to Learn Coding Online
You know and we know that it’s totally possible to learn to code for free... If you can teach yourself how to write code, you gain a competitive edge over your peers, you can think more algorithmically and thus can tackle problems more efficiently. But what are the best resources to achieve…
Category : Programming 19-06-2018 by Janeth Kent
GIMP 2.10 released: Features 32-bit support, new UI and A Ton Of Improvements
It's been over a half-decade since the GIMP 2.8 stable debut and today marks the long-awaited release of GIMP 2.10, its first major update in six years. And among other things, it brings basic support for HiDPI displays. Earlier versions of GIMP used icons that used the same number of pixels…
Category : Multimedia 07-06-2018 by Janeth Kent
11 Guides for Front-end Developers
Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…
Category : Web design 12-12-2016 by Janeth Kent
8 AWESOME HTML5 ANIMATION TOOLS
GOOGLE WEB DESIGNER Google has launched Google Web Designer, a new beta app CreatING engaging, interactive HTML5-based designs and motion graphics that can run on any device. The Windows and Mac app aims to streamline the post-Flash online world with the option of code or graphical animation creation, for those of…
Category : Web design 29-05-2014 by Janeth Kent
Mozilla introduces Firefox 29
Firefox 29 was released on April 29, 2014. The new version looks significantly more like Chrome than the old Firefox. It features the same three-bar menu on the right and rounded tabs, for example. At the same time, though, it keeps the separate search form — something most other browsers have…
Category : Software 29-04-2014 by Janeth Kent
50 Most Useful jQuery Plugins of the year #4
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Web design 12-12-2013 by Janeth Kent
How to make a Simple HTML5 Canvas Loader
Let's code an HTML5 Canvas Loader: HTML Js var canvas = document.getElementById('demo'); var context = canvas.getContext('2d'); var start = new Date(); var lines = 16, cW = context.canvas.width, cH = context.canvas.height; var draw = function() { var rotation = parseInt(((new Date() - start) / 1000) * lines) / lines; context.save(); context.clearRect(0, 0, cW, cH); context.translate(cW / 2, cH / 2); context.rotate(Math.PI * 2 * rotation); for…
Category : Web design 11-12-2013 by Janeth Kent
86 Must Have WordPress Plugins Of 2013
Today we are going to share Best 85 WordPress Plugins for 2013 which will help WordPress Webmasters all over the world. 1. ALL AROUND WORDPRESS CONTENT SLIDER CAROUSEL All Around wordpress content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an…
Category : Software 09-12-2013 by Janeth Kent
Best Content Strategy Resources
Content Strategy Books Annett-Baker, Relly. A Practical Guide to Creating Web Content. Bailie, Rahel Anne; Urbina, Noz. Content Strategy: Connecting the Dots Between Business, Brand, and Benefits. Bloomstein, Margot. Content Strategy at Work: Real-world Stories to Strengthen Every Interactive Project. Halvorson, Kristina; Rach, Melissa. Content Strategy for the Web. Handley, Ann; Chapman, C.C. Content Rules. Jones, Colleen. Clout — The Art &…
Category : Web marketing 09-12-2013 by Janeth Kent
10 Best CSS Gradient Generators
CSS3 changes everything. There are 116 new properties* with multiple vendor prefixes and different syntaxes. No one could be expect you to memorize everything. Fortunately, there are a number on free online tools which will help you create modern CSS3 code to cut and paste into your stylesheets Creating CSS gradients…
Category : Css 29-11-2013 by Janeth Kent
Weekly Fresh Resources for Designers and Developers: JavaScript, HTML & CSS – Week of August 12, 2013
This is our weekly design news column where we share our favorite design related articles, resources and cool freebies from the past week. Enjoy :) Tutorials Raymond Camden shares a very cool proof of concept for drawing a shape on a map and getting back map data from Google Maps. Using Drawing Tools…
Category : Web design 21-08-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #1
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 23-08-2013 by Janeth Kent
Top 12 free JavaScript resources for advanced users
If you have a strong knowledge in programming and want to improve your JavaScript skills or you want a good reference book then this list is for you. We've put together a list of 12 of our favorite JavaScript free book to help save you time and energy along the way.…
Category : Javascript 26-06-2023 by Janeth Kent
10 Incredible HTML5 Experiments
Today we have a collection of 10 incredible and impressive HTML5 canvas and java-script experiments. Enjoy! 1. Coil 2. Canvas ribbon & iOS4.2 device orientation 3. Sketch 4. Fight or Flight? (HTML5 game) 5. Conductor 6. Z type 7. webGL water 8. Fish 9. Asteroids – HTML5 Canvas and JavaScript game 10. Chrysaora
Category : Web design 14-08-2013 by Janeth Kent
12 Free Tutorials for Create Responsive Menu
As RWD (responsive design) rapidly increases in popularity, we felt we would need some new solutions or techniques for managing the navigation/menu on smaller screened devices. Planning and building a web site menu for mobiles will perhaps be the critical aspect of our responsive layout, not just with the coding but…
Category : Css 01-08-2013 by Janeth Kent
The Bible of Responsive Web Design
You've decided it's time for a new website, and you know that making it responsive will ensure that all users have a great experience, regardless of what device they are using. Responsive web design, or RWD for short, is here to stay. It's rapidly maturing but not without some serious pitfalls for…
Category : Web design 23-05-2019 by Janeth Kent
15 Experimental Projects From Mozilla Demo Studio
We have published a few posts about experimental CSS3 and HTML5 to show the power of them.And you know,new projects are being released so often and personally we like to check out these new experiments. If you are a web designer who is trying to understand the true potential of these…
Category : Software 15-07-2013 by Janeth Kent
Visualize Your Data: 25 Javascript Visualization Libraries
You have a huge amount of data that you need to present to your website visitors in a clear and concise way. First of all, you have to organise that data so that it's understandable to everyone in some way, right? That's where graphics come in. In web design, graphs…
Category : Javascript 03-05-2021 by Silvia Mazzetta
Face detection methods and classes in php
Face detection is a computer technology that determines the locations and sizes of human faces in arbitrary (digital) images. It detects facial features and ignores anything else, such as buildings, trees and bodies. There is so much to say about face detection and all its algorithms, but first we want to…
Category : Programming 11-07-2013 by Janeth Kent
15 Time saving tutorials for web developers
For us in Ma-No, being web developers ( and designer) is the world's coolest jobs because you can play with new technologies and create some amazing stuff. The problem (if we can call it problem) is that we need to keep up with the industry and also with our deadline. Therefore,…
Category : Programming 05-07-2013 by Janeth Kent
20 Open Source Scripts Applications for Web Developers
Open source applications and tools can be handy for web designers and developers on a budget. Nowadays most of the tools and applications are increasingly either employing open source or are built entirely on it. And all of this adds up to an increasing premium on web development skills and…
Category : Programming 11-08-2016 by Janeth Kent
How to create your infographic, 5 tools that will help you
The creation of infographics has become democratized. Now anyone with a data set can build an infographic. Does this mean there’s no place for professional designers and data? Not it doesn't. A pefect customization will always carry a premium , but there are a lot of instances where a prefab or low-cost…
Category : Software 10-06-2013 by Janeth Kent
25 Useful HTML5 Tools For Web Designers & Developers
The latest version of HTML – HTML5, adds many new elements to the applications that are being developed. It's very important important for the web developers and web designers to learn and use the elements of HTML5 to develop web apps and sites. Here we have some fresh and news HTML5 resources which are…
Category : Web design 29-05-2013 by Janeth Kent
The Best Free Online Photo Editors
Online photo editors offer a quick and effective way to edit images and allows the everyday person to take their photos one step further without having the technical knowhow that a photographer would. Today we are sharing 10 online photo editors for all of your quick fix photography needs. PIXLR Pixlr is an…
Category : Software 22-07-2021 by Janeth Kent
30 HTML5 Tutorials for All Skill Levels
HTML5 is the next evolution in website development so whether you’re a web developer or a serious game developer wanting to explore the web as a new platform, HTML5 has something for each of you. If you want to learn or improve your web design skills and make the most of…
Category : Web design 17-05-2013 by Janeth Kent
14 Video Editing Software Tools
Video editing is difficult especially on a budget. Today we are featuring a roundup of 14 pieces of software and online tools to give you a leg up next time you are needing to crank out some editing. Enjoy! 1. Clipcanvas Video editor 2. Videotoolbox It's FREE It's capable of processing video files up to 600…
Category : Software 17-05-2013 by Janeth Kent
The Best Experimental Chrome Features You Should Check Out
Google Chrome is a great browser as it is, but that doesn't mean it doesn't come with its share of annoyances and curiosities. You can fix some of these, as well as add new features by playing around with Chrome's experimental settings. Here are a few we really like. When you…
Category : Software 24-04-2013 by Janeth Kent
40 Free Visualization Libraries: Charts, Diagrams And Flowcharts
With the technology advancements, internet users have developed some standard methods to present data to users. They include the use of statistical charts and graphs. Presenting data in the form of charts and graphs makes it easy for the users to understand it. For today’s round up, we are presenting you…
Category : Web design 15-04-2013 by Janeth Kent
50 Useful jQuery Plugins
We have compiled a list of 50 awesome plugins: we have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between. Web Page Layout Plugins equalize.js equalize.js is…
Category : Javascript 11-04-2013 by Janeth Kent