S'abonner à flux
a magazine for webworkers and site-owners
Mis à jour : il y a 9 min 15 sec

Flickity: Beautiful Galleries on All Devices – Responsive and With Gesture Control

6 mai, 2015 - 10:00
There are several solutions to creating galleries via JavaScript. But sometimes you may find the handling is not convincing, others provide a rather poor functionality. Flickity, however, is a state-of-the-art JavaScript framework for galleries that works great on desktops, as well as mobile devices. The gallery is responsive and can be controlled with your mouse or gestures – or even your keyboard. Thanks to CSS3 you can quickly navigate through galleries with animations. Quickly Integrated and Configured If you don’t want to read the documentation, you can quickly integrate Flickity into your project without any further configuration. You need to add a JavaScript file for the functionality and a stylesheet file for the layout and animated transitions to the HTML header. Then you can mark up the gallery via HTML. Define a container element that wraps around all gallery elements and assign the classes “gallery” and “js-flickity” to it. This can be a <div> element or any other block element, for example, <figure>. Add the class “gallery-cell” to each gallery element. This can also be a <div> element that wraps around, for example, images or other content. But you can also use a <img> element. You’re completely free to choose […]* You might also be interested in the following articles:
Catégories: News dév web

Incredible Typography: 28 Sculptural Fonts (Showcase)

5 mai, 2015 - 10:00
Typography is considered to be a fine art that at first place adorns print media. Although it is widely used for its primary purpose, which obviously is displaying text, it is able to not just bring the content to view but also reflect its meaning. It can dish out data in the way you imagined it to, easily conveying a gamut of emotions, setting the proper atmosphere and strengthening the overall esthetics. What’s more, as a sophisticated artist using CorelDraw, Cinema 4d and 3DS Max, you are powerless to resist the attraction of creating something big and matchless. From surreal compositions to highly realistic scenes, designers let their imagination run wild, thus turning regular letterforms into mind-blowing masterpieces. To show this in practice, we have prepared a series of articles dedicated to unique, incredible and matchless typefaces that instantly stand out from the crowd. Today we begin with top-notch sculptural typography. Have fun. Sculptural Alphabet by Alexis Persani Creator: Alexis Persani 100 Creative Numbers Creator: Alexis Persani Space Typography Creator: Jerome Corgier Sculptural Typography Creator: Nick Havranek Typographic Experiment III Creator: Siobhán Murphy Pony Up Creator: Rachael Seatvet Arial Family Creator: Alex Palazzi Atomic 29 Sculptural Letterforms Creator: Maribel Gray Space for Fantasy – La Galerie des Galeries Creator: Akatre […]* You might also be interested in the following articles:
Catégories: News dév web

Hands-On: Build a Node.js-powered Chatroom Web App (Part Three)

4 mai, 2015 - 10:00
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with express, how to deploy a node express apps to Azure, how to use socketio to add a real-time layer and how to deploy it all together. Level: Beginner to Intermediate–you are expected to know HTML5 and JavaScript Part 3 – Building a Chatroom Backend with Node.js, Socket.IO and Mongo Welcome to Part 2 of the hands-on Node.js tutorial series: Build a Node.js-powered chatroom web app.  In this installment, I will show you how to use your existing express-based Node.js app to create a chatroom backend with WebSocket support. What are WebSockets? What is Socket.IO? WebSocket is a protocol designed to allow web applications to create a full-duplex channel over TCP (i.e. to have bi-directional communication) between the web browser and a web server. It is fully compatible with HTTP and uses TCP port number 80. WebSocket has allowed web applications to become real-time and support advanced interactions between the client and the server. It is supported by several browsers […]* You might also be interested in the following articles:
Catégories: News dév web



Une question, une remarque ?
Une demande de devis (gratuit) ?


A propos...

Yves Bresson, ingénieur en informatique, consultant freelance, spécialisé dans la création de sites web (CMS, PHP, Ajax, jQuery, Bootstrap, HTML 5, CSS 3) et d'applications mobiles (iPhone, Android). Voir le profil de Yves Bresson sur LinkedIn