Prasannah's Posterous

Image galleries are part of almost any website around whether it is about displaying the portfolio, products or personal albums,we simply use them a lot.

Juicebox Lite is a free-to-use (branded) and HTML5-powered image gallery for creating good-looking galleries very easily.

Galleries build with it works everywhere; desktop, tablet or mobile and handles different screen sizes well (responsive).

Images can be browsed either with keyboard, mouse or touch (swipes) and they can be viewed in full-screen.

There is an -optional- control bar which is shown on hover and allows us to view/hide thumbnails, switch to full-screen mode or load only the image file displayed.

Juicebox Lite has a unique feature: a cross-platform (Adobe AIR-based) desktop gallery builder.

The "Builder" is perfect for creating the galleries with no coding. Drag 'n' drop the files to it, thumbnails are automatically created, preview your gallery and the HTML-CSS-JS is generated instantly. Afterwards, if you wish, you can manipulate the code.

That's not all. Besides displaying local images, it can use Flickr as the source too. Just define the Flickr user and tags you want and you get a Flickr gallery.

P.S. There is also a "Pro" Juicebox version which is not branded and comes with more configuration options, support for audio/uto-play/watermarking/unlimişted images and a JavaScript API to control the gallery as you wish.

By Louis Lazaris on May 17th, 2012 | 4 Comments

Sure, recently I mocked the fact that our industry is inundated with scripts, boilerplates, libraries, and frameworks. But that was just a light-hearted look at the state of our industry. I still think there are tons of tools that are valuable and worth knowing about for front-end developers.

So here’s another list of tools and other goodies that might be of interest to JavaScript developers.

Redesigning the Country Selector

“During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user’s tab-flow. So we took it upon ourselves to redesign the country selector.” The plugin has an FAQ, Docs, and is offered under the MIT license.

visitor.js

visitor.js is a small piece of JavaScript that provides you with information on your site’s visitors, so you can target them with custom-tailored content.

jQuery Boilerplate

“This project won’t seek to provide a perfect solution to every possible pattern, but will attempt to cover a simple template for beginners and above.” The code is well-commented, and it even has something I just noticed recently in plugin boilerplates: the semi-colon at the beginning of the file. Interesting trick, which is also used in this boilerplate.

js2coffee

A very cool looking online tool that converts JavaScript to CoffeeScript and vice-versa, helping you to “migrate projects to CoffeeScript by compiling your JavaScript code into CoffeeScript.”

Backbone Boilerplate

“Organize your application in a logical filesystem, develop your Models/Collections/Views/Routers inside modules, and build knowing you have efficient code that will not bottleneck your users.” If you’re familiar with or have used Backbone, this boilerplate might be worth a look.

Sugar JavaScript Library

Yep, another JavaScript library. It’s desribed as “a Javascript library that extends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code.”

hastebin

Sure, there are quite a few code sharing apps, but here’s another one. Dubbed as “the elegant pastebin”, the about page says “Most of the time I want to show you some text, its coming from my current console session. We should make it really easy to take code from the console and send it to people.” Looks useful for very quick code sharing, but unlike other sites that seem to keep saved code indefintely, hastebin will delete untouched code after 30 days.

SyntaxHighlight.in

This looks like a pretty cool way to embed code in a blog post or web page. After you ensure that the page includes the CSS and JavaScript files, the tool itself lets you paste your code into a text field, then you give it some instructions including language, lines to highlight, color theme, and background color. Then you just embed the generated HTML.

Got More?

As always, if you have built or know of any tools or resources (free or paid) that would be of interest to front-end developers, tweet me, contact me, or post a comment below.

Today, using JavaScript frameworks, it is so easy to accomplish complex stuff with few lines of code, including Ajax.

For forms, if you want to make it much easier, ALAJAX is there for you. It is a jQuery plugin that automagically converts standard forms into Ajaxed ones, no coding required.

Once inserted and the forms are defined, It blocks the default POST functionality, analyzes the input types used and sends them as an Ajax request.

Its code is well commented and leaves space for further customizations (extra actions to be taken before/after submitting).

If you want to learn web design and development, the first step that you should do is to study HTML – the markup language used in making the basic building blocks of web pages. To acquire the skill in coding HTML elements, you need not really have to a formal classroom instruction in a reputable IT university. You can learn it by yourself by religiously following instructional materials online such as W3Schools and Tizag.com, or if you want a more detailed and illustrative presentation, by reading HTML books.

Depending on your learning style, you will find either online HTML tutorials to be more convenient or if not, HTML books in paperback. This is actually up to you, so it is best to know where you are comfortable. If you have tried, following the online format and find it hard to digest for some reason, why not try basic HTML education by means of books? Yes, books where you can find illustrations and how-is-it-done examples, in a flip-through-page style as we know it.

Here, we are sharing with you some of the HTML books for beginners that we believe are worthy to be considered if you want to learn the ropes of web design and development. Also, we are including books for HTML5, the latest and more powerful version of HTML, as it is an increasingly popular language that will surely define the future of the web. This is where you should direct most of your focus as HTML5 and CSS3 are the standards of the future. It is worth the time to check out some HTML5 examples and get inspired. One of the latest trends in Web design is the use of media queries to create responsive web site layouts. HTML5 and CSS3 are at the core of this and we have seen it used a lot and successfully in Responsive WordPress Themes.

These books will of course cost you something but it may be a very good investment if you want to have a working knowledge of basic web design and development. If you find any of these books interesting, we encourage you to visit their respective websites to know more about them. They have discussions as to what you will expect from these books should you decide to get yourself a copy. Also, if know of other materials, tools, or anything that can be of use to beginners in making them proficient in HTML, please share your knowledge below in the comments. We will highly appreciate your efforts in helping promising coders uplift their skills.

Advertisement

HTML and CSS: Design and Build Websites

This HTML and CSS book have excellent ratings and for a good reason. While many books focus on the details in specific versions of HTML e.g. HTML 4 or 5 this book is different. The title of the book itself is evidence of this. Duckett clearly doesn’t want you thinking about HTML 4 vs. HTML5 or CSS 2 vs. CSS3. Instead, he wants you to understand the concepts that link together web technology and good design. This is a good book for people that want to understand how the over concepts work.

Introducing HTML5

Right now, HMTL has not fully matured and it is still evolving. At the same time, browsers are also getting sophisticated as more and more websites use HTML5 and this book is intended to help you get on top of this current development in web and application design. This book shows you how to start adapting the language now to realize its benefits on today’s browsers. It concentrates on the practical—the problems HTML5 can solve for you right away. By following the book’s hands-on HTML5 code examples you’ll learn about new semantics and structures to help your site become richer and more accessible; applying the most important JavaScript APIs that are already implemented; using and controlling native multimedia; how to build more intelligent web forms and a lot more.

HTML5: Up and Running

If you don’t know about the new features available in HTML5, now’s the time to find out. This latest version of the markup language has significantly change the way you develop web applications, and this book provides your first real look at HTML5′s new elements and attributes. Even though work on HTML5 is ongoing, browsers such as Safari, Mozilla, Opera, and Chrome already support many of its features — and browsers for smart phones are even farther ahead, especially iPhone’s MobileSafari browser. With HTML5: Up & Running, you’ll learn how this new version enables browsers to interact with JavaScript much more easily than before. You’ll also learn how HTML5 can help you develop applications that: Display video directly in the browser, without having to rely on plugins; Work even when a user is offline, by taking advantage of HTML5′s persistent storage; and Offer a drawing canvas for dynamically generated 2-D graphics. This concise guide is the most complete and authoritative book you’ll find on the subject. Author Mark Pilgrim writes the weekly digest for the HTML5 Working Group, and represents Google at conferences on HTML5′s capabilities. Stay ahead of the curve.

Robin Nixon’s HTML5 Crash Course

Whether you are a professional or amateur web developer you need all the HTML5 tools in your kit, and this book from the author of the best-selling Learning PHP, MySQL & JavaSript, is the fastest and easiest way there is to learn HTML5. HTML5 is the future of HTML and all developers need to get up-to-speed with what it offers, including audio and video, without using a plug-in, and a canvas area with professional tools for creating paths, lines, curves, shapes, fills, gradients, patterns, text and more. This book also provides accurate geolocation, background web workers, offline web applications, microdata, a local storage engine and many other improvements to standard HTML, such as dozens of new form tags and attributes, as described in the chapter list.

HTML 5 For Web Designers

The HTML5 spec is 900 pages and hard to read. HTML5 for Web Designers is 85 pages and fun to read. Easy choice. HTML5 is the longest HTML specification ever written. It is also the most powerful, and in some ways, the most confusing. What do accessible, content-focused standards-based web designers and front-end developers need to know? And how can we harness the power of HTML5 in today’s browsers? In this brilliant and entertaining user’s guide, Jeremy Keith cuts to the chase, with crisp, clear, practical examples, and his patented twinkle and charm.

HTML5: The Missing Manual

This book takes a refreshing look at the newly revised HTML language. Free from confusing language, this helpful guide will teach you how to do everything from dynamic drawings and including video on your webpage, to offline web apps and drag-and-drop features. HTML5 is the future of the Web, and with this book you’ll reach it quickly.

HTML5 Digital Classroom, (Book and Video Training)

HTML5 boasts extensive new features that allow you to create dynamic Web pages and present users with amazing multimedia experiences. This personal training course uses a full-color book plus video tutorials to teach you how to take full advantage of the new Web standard for creating rich multimedia experiences. While learning at your own pace, you’ll discover how to approach site concept creation and bring your vision from the drawing board through to full operability. The step-by-step directions, lesson files, and instructional videos demonstrate the many exciting features of HTML5.

Beginning HTML5 and CSS3

Beginning HTML5 and CSS3 is your introduction to the new features and elements of HTML5—all the leaner, cleaner, and more efficient code you’ve hoped for is available now with HTML5, along with some new tools that will allow you to create more meaningful and richer content. For everyone involved in web design, this book also introduces the new structural integrity and styling flexibility of CSS 3—which means better-looking pages and smarter content in your website projects. For all forward-looking web professionals who want to start enjoying and deploying the new HTML5 and CSS3 features right away, this book provides you with an in-depth look at the new capabilities—including audio and video—that are new to web standards. You’ll learn about the new HTML5 structural sections, plus HTML5 and CSS3 layouts. You’ll also discover why some people think HTML5 is going to be a Flash killer, when you see how to create transitions and animations with these new technologies. So get ahead in your web development through the practical, step-by-step approaches offered to you in Beginning HTML5 and CSS3.

HTML5 Solutions: Essential Techniques for HTML5 Developers

This is a good starter book for people that are new to HTML5 and you will be going through real worls examples and be able to deploy some real HTML5 pages really fast. The book also cover advanced and complex areas of HTML5 but in a beginner friendly way.

Head First HTML5 Programming: Building Web Apps with JavaScript

This book not only cover HTML5 but also go through how to manipulate HTML elements using Javascript. It does so in a good and easy to understand way. It is a 600 page book but type and figures are large and pleasant to look at. A good book for the starter that wants a bit more than a plain HTML introduction

HTML and CSS Easy Web Design with XHTML

If you are looking for a book that will help you learn HTML and CCS from scratch this one is for you. The HTML and CSS Easy Web Design teaches web development from the ground up. Here the author discusses the basics of HTML and you can very well go along with this book even without prior knowledge of HTML, CSS, XHTML or any other web programming techniques. It is divided in three parts – HTML, CSS and XHTML – all of which complement each other. The first part introduces you to HTML and provides you with concrete examples, laboratories and exercises. This book will take you through the step-by-step procedure on how build a new and fully functional website in HTML.

Beginning HTML, XHTML, CSS, and JavaScript

If you’ve wanted to know, “how do I make a web page from scratch?” this book will explain how, step by step. This beginner guide shows you how to use XHTML, CSS, and JavaScript to create compelling Web sites. While learning these technologies, you will discover coding practices such as writing code that works on multiple browsers including mobile devices, how to use AJAX frameworks to add interactivity to your pages, and how to ensure your pages meet accessible requirements.

Head First HTML with CSS & XHTML

If you are the kind of person who want to do things your way, you can take advantage of this book to learn HTML and make a website DIY style. Head First HTML with CSS & XHTML has an easy-to-follow illustrations and step-by-step instructions on how to build a standards-compliant and beautiful website. Having a good grasp of the discussions in this book will eventually help you become a master the art of web designing.

Learning Web Design: A Beginner’s Guide to (X)HTML, StyleSheets, and Web Graphics

This is not a new book but everything you need to know to create professional web sites is right here. Learning Web Design starts from the beginning — defining how the Web and web pages work — and builds from there. By the end of the book, you’ll have the skills to create multi-column CSS layouts with optimized graphic files, and you’ll know how to get your pages up on the Web.

HTML and CSS Web Standards Solutions

This book will teach you how to build hand-crafted web pages the Web Standardistas way: using well-structured XHTML for content and CSS for presentation. By embracing a web standards approach, you will hold the key to creating web sites that not only look great in all modern browsers, but also are accessible to a wide variety of audiences across a range of platforms—from those browsing on everyday computers, to those accessing the Web on the latest emerging mobile devices. Even if you’re an absolute beginner in web design, this book will teach you how to build future-proof web pages the right way using easy-to-master tools which are, in most cases, free. Through 14 easy-to-follow chapters, we introduce you to the fundamentals of contemporary web design practice. Step by step we’ll assemble well-structured XHTML webpages, which we’ll then style using handcrafted CSS. By the end of the book, you’ll have a firm knowledge of the essentials of web design: everything you need to know to move forward in your lifelong journey as a Web Standardista.

Author : Scott Stanton

Scott Stanton has spent the past decade working nights developing HTML websites as a freelance web designer, only to write about the
latest HTML website design trends at his day job as a freelance writer. Scott is a regular contributor for Wix.com and you can hang on his every word @TheScottStanton”

Tagged as: basic html books for beginners, beginning html books, html books for beginners, html for beginners, html lessons, html tutorials

Advertisement

Advertise Here

The one thing that is of upmost important when you are applying for a new job or position will most definitely be your resume. Your resume that list you background and skill sets serve as an introduction to your future employer before they decide to meet you in person. Therefore, it is wise if you manage to create a good and strong impression on your employer and spend some time on your resume design, especially when you are going to work in a field that requires wit and creativity. Being able to make your resume stand out among the others will give you a good chance to score an interview which will ultimately help you obtain your future position.

In today’s competitive market, it is not easy to get the attention that you want. This is when you realize you have been sending out tons of resume but receiving little to no reply. Perhaps it has little to with your skill sets, it might be that the employer has went through so many sets of resume that every other one seems similar by the end of the day. Therefore, it might be wise when you try to spice up your resume design instead.

Some of the more creative resumes out there tend to implement heavy graphic use; using the graphics to tell a story or create a game flow turning it into a viewing pleasure. These creative resumes are also visually appealing using different colors and fonts to give it a more personal touch and also to allow the candidate’s personality shine through at the same time. Therefore, it is not surprise that these creative resumes will attract the attention of any potential employer.

However, one should bare in mind that despite creative resume designs, one should also make sure that your details and your contents listed on should be easy to understand and not confuse your employer. It is also important to take note of the industry that you are applying to, seeing that sectors that are more formal might not take your creative resume design well if they are only expecting a straightforward resume instead of a graphical and complicated one.

That said; we have a list of some of the more impressive and creative resume designs here for this topic and hope that our selections here can help you get started. Oh, and good luck for the upcoming interview!

Creative Resume I Designed for Class

How about using Google’s layout to make your resume look more impressive.



Creative Resume – Francis

Using your own figure head as a background to tell your story.

Creative Resume – Chuckdlay

An artistic resume for a designer.

Creative Resume – Sean Mcnolly

A resume with graphics and charts.

Creative Resume – Jolie Odell

Resume of a graphic designer with a record as its background.

Creative Resume – Mari Rybak

A resume written in Polish.

Creative Resume – Gregg Dizzia

Using a chart to describe their experience and work performance is another way to make your CV appear to be more interesting.

Creative Resume – Sofiane

A resume that uses a textured background of a crumpled paper.

Yingzhu Luqiu Resume

A resume presented in a non-traditional manner.

Resume Updated by twolapdesigns

A simple yet sophisticated resume designed with clever usage of colors and outlines.

icART resume by icasialnrdy

A sleek resume designed by using media images just makes this resume stand out.

Resume by Akashrine

A resume that incorporates a personal icon/ logo to it gives it more of a personal touch.

CV by Giemax

While not entirely easy to read.

Resume by ruSh.Me

A resume that resembles a brochure.

Wanted Resume 2008

A resume designed to resemble a Wanted poster.

Resume – Passport

A resume designed to resemble a passport.

Boardgame resume

A fun and interesting board game resume ready to spice things up.

Mini Resume Card Folded

All you need is a card to advertise all of your expertise.

Comic Resume

A great way for those who wish to introduce themselves with a great impression.

Booklet Resume

Instead of a boring sheet of paper, the designer compiled their work and turn their resume into a booklet-portfolio.

Matthew Weidner Resume

A clean and impressive resume that is appropriate for all occasion.

Creative Resume template

A resume with boldness in its design and a visual impact layout to match.

Box ad 2.1

A self-promo cut-out box as your very own resume.

Google Map Resume

Another creative take on a resume that resembles Google earth/Map.

CV by Uito2

How about using bars to show your expertise levels?

Resume W.I.P

An unusual resume design that uses the train lines.

Resume by Cheektocheek

Designed with polka dots with a take on an artsy persona.

Resume by heydani

Another resume sample that puts typography into good use.

Typographic Resume

A typographic resume using a tilting layout with the designer’s name as the centrepiece.

Resume by brazilnut

A simple resume with beautiful layout and striking colors.

Rei’s resume by Rei-pash

A classic black textured background is used for this classy resume.

Resume by xiruxiru

Designer uses different fruit and colors for each category.

A resume – duhkine

A resume that resembles a menu.

Cirriculum Vitae by mistis

Resume was designed with graphics from different sources.

Resume Confidential – 2008

The creator of this resume is honoured to be one of the top 45 Creative Resumes on the Internet.

Gumby is a responsive and 960px-grid CSS grid framework that can be customized to work in every resolution with almost no effort.

Its fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids.

Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, navigation + tabs and a tiny JavaScript file that brings these components to life.

Gumby has multiple versions to download: 12 columns, 16 columns, a hybrid one or an all-in-one package. And, there are PSD files provided to ease designing with the grid.

The framework is very well-documented, has demos for all of its features and totally free to use.