Veille perso
12.5K views | +0 today
Follow
 
Rescooped by Laurent Picard from Eclectic Technology
onto Veille perso
Scoop.it!

7 Online Tools for Creating Charts & Diagrams

7 Online Tools for Creating Charts & Diagrams | Veille perso | Scoop.it

Via Beth Dichter
Laurent Picard's insight:

Beth Dichter's insight:

Richard Byrne shares seven free tools to help create graphs and charts. Check out the list below and click through to the post for additional information on each tool.

* LucidChart - available free to schools and also as a Google app

* Google Fusion Tables - a spreadsheet app that allows you " to create visualizations of data set comparisons"

* Hohli Online Chart Builders - allows you to create "a variety of charts for online display"

* Infogr.am - " an online tool for creating interactive charts and graphs to use in interactive infographics"

* Better World Flux - this was created for the World Bank and "allows users to create animated visualizations of development data"

* Gapminder - also allows for data visualization and provides a page for educators

* Haiku's Deck Web App - Haiku Deck continues to add new features and now provides the ability to create graphs and charts

As always it pays to check out each tool and determine which you think will best meet the needs of your class (and that may be a choice of more than one).

more...
Beth Dichter's curator insight, April 6, 2014 9:25 PM

Richard Byrne shares seven free tools to help create graphs and charts. Check out the list below and click through to the post for additional information on each tool.

* LucidChart - available free to schools and also as a Google app

* Google Fusion Tables - a spreadsheet app that allows you " to create visualizations of data set comparisons"

* Hohli Online Chart Builders - allows you to create "a variety of charts for online display"

* Infogr.am - " an online tool for creating interactive charts and graphs to use in interactive infographics"

* Better World Flux - this was created for the World Bank and "allows users to create animated visualizations of development data"

* Gapminder - also allows for data visualization and provides a page for educators

* Haiku's Deck Web App - Haiku Deck continues to add new features and now provides the ability to create graphs and charts

As always it pays to check out each tool and determine which you think will best meet the needs of your class (and that may be a choice of more than one).

María Dolores Díaz Noguera's curator insight, April 7, 2014 7:21 AM

7 Online Tools for Creating Charts & Diagrams

Veille perso
Ma veille personnelle en vrac... un peu de html5 et css3, du scrum, de la curation, des réseaux sociaux, du web, ...
Curated by Laurent Picard
Your new post is loading...
Your new post is loading...
Scooped by Laurent Picard
Scoop.it!

KeepVid Converter- Convert Videos to Multiple Formats

KeepVid Converter- Convert Videos to Multiple Formats | Veille perso | Scoop.it
Free resource of educational web tools, 21st century skills, tips and tutorials on how teachers and students integrate technology into education
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

HTML5 - Jusqu'où pouvez-vous aller avec les API aujourd'hui ? - Korben

HTML5 - Jusqu'où pouvez-vous aller avec les API aujourd'hui ? - Korben | Veille perso | Scoop.it

Envie de développer l'application web de vos rêves, mais pas certain que tel ou tel navigateur supporte ce que vous voulez y intégrer ?

Pas de panique ! Foncez sur "What Web Can Do Today" pour connaitre les capacités techniques des API HTML5 offertes par votre navigateur (desktop ou mobile). Ainsi vous saurez si vous pouvez exploiter dans votre application de la capture vidéo, du mode offline, du support NFC, de la géoloc...etc.

Et surtout en cliquant sur les éléments qui vous intéressent, vous saurez comment l'implémenter, vous pourrez tester la fonctionnalité et surtout vous aurez accès à des graphs vous indiquant les parts de marché des navigateurs offrant telle ou telle possibilité

more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Top Cheatsheets and Reference Guides for JavaScript

Top Cheatsheets and Reference Guides for JavaScript | Veille perso | Scoop.it
JavaScript is at the forefront of powering UI across the web. It provides us with a means to create interactive features that range from slick animation all the way to manipulating data. Users may not think about it all that much – but that’s the point. Developers use JavaScript to simplify otherwise complex things. The power lies within its transparency to the end user.
Where web professionals are concerned, JavaScript is also quite vast. There are so many popular libraries that enable rapid development, along with good old plain JS.
To help you sort through it all, we’ve compiled a listing of cheatsheets and guides for JavaScript and its many flavors.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Snippets for Creating Unique CSS Background Effects

10 Snippets for Creating Unique CSS Background Effects | Veille perso | Scoop.it
In modern web design backgrounds are big (both literally and figuratively). With the advent of HD (and now 4K) displays, designers are creating backgrounds that take up loads of screen real estate. Why? Because they make for an incredible visual impact and help to tell a story.
But there is so much more to backgrounds than simply throwing a photo or texture into a large space. A combination of CSS and the occasional bit of JavaScript power the creation of some amazing special effects.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Responsive HTML Table Techniques & Examples

Responsive HTML Table Techniques & Examples | Veille perso | Scoop.it
The venerable HTML table may (thankfully) be long-dead in terms of its use for page layout. But it’s still going strong with regards to its original intention: displaying tabular data. They’re still incredibly useful and have been enhanced further by the likes of CSS and jQuery.
Still, large tables aren’t always a great experience on mobile screens. If not handled properly, columns can be cut off and thus unreadable. It just makes for a poor UX.
Thankfully there are techniques we can use to make tables more user-friendly on mobile devices. Let’s explore a few approaches we can take to ensure that data is accessible on every screen. We’ll also provide a working example so you can see it in action.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Weekly News for Designers № 402 - CSS Grid, Sketch Libraries, Flexbugs, WP Starter Themes

Weekly News for Designers № 402 - CSS Grid, Sketch Libraries, Flexbugs, WP Starter Themes | Veille perso | Scoop.it
This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Free Knowledgebase Themes & Plugins For WordPress Users

10 Free Knowledgebase Themes & Plugins For WordPress Users | Veille perso | Scoop.it
WordPress is the perfect system for just about everything. You can use it for a small blog or a company website or yes, even a knowledgebase.

And with the vast array of free resources online you don’t need to build your own theme either. There’s something out there for everything, and this collection proves it!
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Weekly News for Designers № 396 - CSS Cheatsheets, Material Palette Generator, Design Podcasts, Customize WordPress Admin

Weekly News for Designers № 396 - CSS Cheatsheets, Material Palette Generator, Design Podcasts, Customize WordPress Admin | Veille perso | Scoop.it
This week’s Designer News (N.396) includes a Tool for Creating Gradients, a Random Material Palette Generator, a Collection of Design Podcasts, Progressively Enhancing CSS Layout, Design Versioning, Variable Fonts, Free HTML Templates and more.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Free Open Source Carousel Sliders Built With Pure CSS

10 Free Open Source Carousel Sliders Built With Pure CSS | Veille perso | Scoop.it
You can find plenty of JavaScript-based slider plugins on the web for free. These work great and support all modern browsers, but nowadays you can replicate most of these features with pure CSS.
Every carousel has its own style, so there is no best method for building one. But I’ve collected 10 of the best open source snippets from CodePen that you can use as templates for your own carousels.
These designs range in style and behavior, but they all run on raw CSS code.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

A New Formula For Content Marketing That Converts

A New Formula For Content Marketing That Converts | Veille perso | Scoop.it
All content marketers know that to create content that converts, we have to know what has worked in the past and what hasn’t.

But the way most content marketers use that knowledge to plan is still pretty broad-stroke. We scan a few data sets and think, “That post did really well. Let’s do another one like it and cross our fingers.”

What if we could predict the performance of our future content more precisely? What if we could forecast if articles from last Wednesday’s brainstorm are worth writing – and how well they’ll perform?

I think we can.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Incredibly Detailed Free Mobile UI Kits For Sketch

10 Incredibly Detailed Free Mobile UI Kits For Sketch | Veille perso | Scoop.it

You can find plenty of free mockups online, but most cater to Photoshop users. In recent years Sketch has grown rapidly with tons of plugins and free tutorials to help beginners move into this alternative UI design software. 

more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Weekly News for Designers № 394 - WordPress Cheatsheets, Atomic CSS Toolkit, Web Accessibility

Weekly News for Designers № 394 - WordPress Cheatsheets, Atomic CSS Toolkit, Web Accessibility | Veille perso | Scoop.it
This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.
You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

5 Smart Ways To Optimize Your Website For Mobile Search

5 Smart Ways To Optimize Your Website For Mobile Search | Veille perso | Scoop.it
In today's smartphone-obsessed culture, more and more people are using mobile search to find products and make purchases. Here's how to meet their needs.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

5 Web Tools to create the best website for your school

5 Web Tools to create the best website for your school | Veille perso | Scoop.it
Free resource of educational web tools, 21st century skills, tips and tutorials on how teachers and students integrate technology into education
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

A Beginner's Guide to UX Prototyping

A Beginner's Guide to UX Prototyping | Veille perso | Scoop.it
Creating a stunning user experience (UX) is both an art and a science. It takes a team of knowledgeable designers and site engineers to put together a site that provides an exceptional, memorable, and conversion-oriented UX.
One of the best tools in a designer’s box in terms of optimizing UX is the prototype. A prototype can be your best friend during the design and planning stages of website creation. It can make or break your final product. The more you know about the site design process, the better you can understand its maintenance and upkeep in the future.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 CSS & JavaScript Parallax Scrolling Code Snippets

10 CSS & JavaScript Parallax Scrolling Code Snippets | Veille perso | Scoop.it
There’s a lot of confusion about parallax design and how it works on the web. Generally speaking, parallax design is the use of motion to create the illusion of depth on a page.
This can relate to background changes or semi-fixed position items that move alongside the user’s scrolling. We’ve covered many examples from websites but haven’t gone into detail about the techniques involved.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Moodle plugins directory: Boost Magnific

Moodle plugins directory: Boost Magnific | Veille perso | Scoop.it
Boost Magnific is the first of three themes. Built to be plug-in with mixed background image with color.

Boost Magnific is a clean theme that makes learning simpler. The icons have been exchanged for Material Design to be more modern and more beautiful.

The menu has been optimized and placed icons next to the menus to improve the layout.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Freebie: Funkies Icon Set (100 Icons, SVG & PNG)

Freebie: Funkies Icon Set (100 Icons, SVG & PNG) | Veille perso | Scoop.it
There are 100 uniquely designed icons in the free Funkies icon set, and they come in five different styles: flat, full color, gradient, shaded and subtle color.
As well as the 500 PNG icons, you will also find the SVG source files so that you can edit each icon to meet your specific needs. And, of course, you can freely use this set in both your personal and commercial projects.
This free icon set has been designed by our friends Stockio. Stockio is a collection of free (both personal and commercial) photos, videos, vectors, icons, and even fonts, designed to inspire and stock the toolboxes of the web design industry.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

5 Services to Create a Responsive Website

5 Services to Create a Responsive Website | Veille perso | Scoop.it
Responsive web design has become one of the major web building trends. That’s not surprising as over 70% of web searches are done on different mobile devices today. Users find this option more convenient and time-saving. Thus, if you have made up your mind to launch a website, be sure to make it mobile-optimized to increase traffic, drive new leads and boost your business popularity.

How can that be done effectively? With so many website builders available these days, finding the best one seems to be a challenge for the majority of users. The choice of the most suitable option depends upon your web building skills, expertise, available time, budget, etc.

Whatever option you explore, using a website builder will still remain the simplest and the most convenient solution. These services are specially created with users’ convenience and ease of use in mind. If you are currently interested in this option, then take a look at the review of 5 services that are considered the most successful solution to build responsive websites nowadays.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Free Mockup Templates for Featuring Mobile Apps

10 Free Mockup Templates for Featuring Mobile Apps | Veille perso | Scoop.it
When it comes to presenting your work as a designer, it’s important to ensure your work is shown off as well as it possibly can be. For mobile apps, often the best way to achieve this is through mockup templates, which include devices such as the iPhone, iPad and Google Pixel.

By presenting designs within a mockup, it allows the viewer to visualize the design within a realistic situation, and within the device it was intended to be designed for.

There are now an incredible number of high-quality mockup templates available, many of which are free. In this article, we are going to round up ten of the best free mockup templates for featuring mobile apps.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Custom Hover & Click Effects With CSS & JavaScript

10 Custom Hover & Click Effects With CSS & JavaScript | Veille perso | Scoop.it
Developers can make some crazy effects with simple user actions like hovers and mouse clicks. These mostly relate to desktop users but the mobile web also supports click/touch effect
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

50 Cheatsheets, References and Guides for CSS

50 Cheatsheets, References and Guides for CSS | Veille perso | Scoop.it
As CSS continues to grow by leaps and bounds, it’s both important and somewhat difficult to keep up with new developments. With so much to learn, you can’t be everywhere at once.
We’re here to help. Below is a collection of CSS-related cheatsheets and resources that span a variety of subjects. They’ll help you learn the latest techniques and brush up on the old ones. We hope they’ll inspire you to keep on improving your skills.
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

Instant Form Validation Using JavaScript

Instant Form Validation Using JavaScript | Veille perso | Scoop.it
This article teaches readers how they can perform instant form validation using JavaScript. The article also explains how a validation polyfill can be made.
more...
No comment yet.
Rescooped by Laurent Picard from Learning & Mind & Brain
Scoop.it!

How to Find Free Fonts Similar to Paid Fonts by Appearance

How to Find Free Fonts Similar to Paid Fonts by Appearance | Veille perso | Scoop.it

Finding the perfect font can be a challenge. You know the name of the prohibitively expensive font you wish you could use, but need to find a free alternative? Or you have a picture of a font as inspiration, but don’t know what the font is called?


Alternatype is an easy to use website. Just enter the name of the font and it will suggest one or two free alternatives.


Via Miloš Bajčetić
more...
No comment yet.
Scooped by Laurent Picard
Scoop.it!

10 Free Code Snippets for Creating Beautiful CSS3 Buttons

10 Free Code Snippets for Creating Beautiful CSS3 Buttons | Veille perso | Scoop.it
We’ve organized 10 unique CSS button collections & snippets from CodePen which you can study and freely use in your own web projects.
more...
No comment yet.