はてなブックマーク

We have received several inquiries for the last time from our readers with a question – how to upload photos to website. I think that this is an interesting question, and, I decided to lift the veil of this question. But, I think that the basic file upload is a bit boring thing, so, I decided to add an important feature – Cropping. It should be more attractive. Moreover, we are going to use HTML5

In our new tutorial we are going to create an easy, but effective color picker using HTML5. I think that you have already seen different jQuery versions of colorpicker, our today’s goal – to create something similar, and even better. In order to make it more unique, there are 5 different colorwheels which you can use. If you are ready – let’s start. It is the very time to test our demos and downlo

Today I would like to give you something new, we have already talked about different social networks like facebook, google or twitter, but we haven’t tried other services, as example – musical services. I’ve prepared for you an example of work with Last.fm. As we know, this is huge musical website with rich api. In our tutorial we are going to create a script with next functionality: In the beginn

Author admin Reading 9 min Views 4 Published by June 22, 2017 Modified by September 30, 2024 I think that you have already seen various animated menus with LavaLamp effect (based on jQuery plugin). Today I would like to tell you how to repeat the same behavior only with CSS3 (without any javascript). I had to use CSS3 transitions in our menu (to animate elements). So, if you are ready, let’s start

Author admin Reading 1 min Views 1 Published by May 23, 2012 Modified by September 26, 2024 Our website periodically produces interesting web roundups (of tutorials or designs or something else). Today I prepared new design collection of 3D look websites. If you would like to start something new or you think about something completely new, this is the best place to start. You will be able to find

Author admin Reading 1 min Views 4 Published by February 2, 2012 Modified by October 16, 2024 During creating new website – one of the main things that you have to create – is the CSS menu (navigation). In order to have own unique menu, there’s a necessity for some developing. However this can be difficult and take much time to start from zero and to address this, you can use some ready ideas of n

Before coming New Years holidays – I have decided to prepare last one collection of interesting jQuery plugins released over the last month. Here are different plugins for sharing content, scrollers / sliders, webcam plugin, time grid etc. 1. MASHA (Mark & Share) MASHA (short for Mark & Share) is a JavaScript utility allowing you to mark interesting parts of web page content and share it. Online d

Today I have prepared new great CSS3 demonstration. This is 3D slideshow where I have used WebKit CSS 3D transforms. On the demo you will see a free-floating 3D object with photos. Hint – you have to use Chrome or Safari browser to see all these delights. Live Demo download result Ok, download the example files and lets start coding ! Step 1. HTML First, lets create the main HTML markup. As you ca

Author admin Reading 1 min Views 1 Published by October 17, 2012 Modified by November 19, 2024

Author admin Reading 2 min Views 4 Published by December 5, 2011 Modified by September 20, 2024 Today I have collected with own hands new most interesting jQuery plugins that have released over the last month. Here are different plugins like face detector, sliders, plugins for forms, even full UI widgets pack etc. 1. Face detection A jQuery plugin which detects faces in pictures and returns theirs

Author admin Reading 19 min Views 10 Published by November 25, 2011 Modified by September 25, 2024 Today I’ll tell you about a remarkable thing that you can implement with CSS3 – it’s a slider. I think you may have noticed that some time ago was very popular variety of sliders, and many chose their decision to use jQuery easySlider example. But it appears the same tasks can be implemented using pu

New interesting tutorial – I will show you how you can create nice and easy Image zoomer using HTML5. Main idea – to draw a picture on the canvas, add event handlers to mousemove, mousedown and mouseup (to move the enlarged area of ??the motion while holding the mouse). Here are our demo and downloadable package: Live Demo download in package Ok, download the source files and lets start coding ! S

HTML5 canvas – Image color picker. New interesting tutorial – I will show you how you can create nice and easy Image color picker using HTML5. Main idea – to draw a picture on the canvas, add event handlers to mouse move, to mouse click (for picking colors). Here are our demo and downloadable package: Live Demo [sociallocker] download in package [/sociallocker] Ok, download the source files and le

Author admin Reading 2 min Views 9 Published by August 31, 2011 Modified by October 25, 2024 Today I selected the most interesting jQuery plug-ins that have emerged over the last month. Here are different plugins like progressbar, image zoomer, tooltips, combogrid, smartspin etc. 1. Animated progressbar This plugin will allow you to create animated progressbars (plugin expanding default scrollbar

Author admin Reading 2 min Views 9 Published by August 18, 2011 Modified by September 23, 2024 This is collection of most interesting fresh jQuery plugins for user interface. This is various plugins including wizardnotifications, editable tables, masks and other interesting plugins. 1. Smart Wizard This is flixible jQuery plugin which you can use to make nice wizard interfaces. Online demo you can

Author admin Reading 2 min Views 7 Published by August 11, 2011 Modified by October 18, 2024 Today I prepared new collection of interesting HTML5 examples. And today I included several demos of WebGL applications too. WebGL is software library which allow to display interactive 3D graphic within web-browser. Trust me – this is very interesting. So I’m happy to show you the most outstanding works.

Author admin Reading 15 min Views 6 Published by August 6, 2011 Modified by September 25, 2024 CSS3 drop sliding list menu tutorial. This is our sixth CSS3 menu. Today we will make drop sliding list menu. We will using transition effects for sliding submenus. Of course, make attention that this animation will work only in most fresh browsers like FF, Chrome, Safary, ID9, Opera10. Older browsers wi

Author admin Reading 17 min Views 8 Published by June 18, 2011 Modified by October 23, 2024 This is our third CSS3 menu. This will colored tabs with slideout submenus. I don`t used any defined palette – tabs in different colors. Can warn, that all sliding effects will work only in FF, Chrome, Safary browsers, possible in Opera too. But not in IE (transitions still not available here). Anyway – wel

Author admin Reading 13 min Views 12 Published by June 8, 2011 Modified by October 23, 2024 CSS3 Dropdown Menu #2 tutorial. This is our second drop down menu. Today it is in the green palette. The menu will include a submenus that will slide when we hovering the parent elements. That menu will good for green palette templates. And of course – no any JS – only pure CSS. Since this menu is made usin

Author admin Reading 1 min Views 15 Published by May 26, 2011 Modified by October 28, 2024 This is collection of most incredibly HTML5 canvas demos. Today, during browsing web I was amazed with so big amount of various html5 demonstration. And glad to share what I was able to collect. HTML5 become more, and more powerful, it even less processor-consuming than Flash. So, may not be far off such an

Author admin Reading 2 min Views 13 Published by May 23, 2011 Modified by September 27, 2024 This is fresh collection of new jQuery plugins. 10 great solutions: for text effects, for localization, for forms, for maps, etc. This is collection of recently added plugins which can be interesting. Download, customize and use its in your projects. 1. Lingua Localization This plugin allows you to have qu

Author admin Reading 1 min Views 8 Published by October 7, 2012 Modified by November 7, 2024

The Divine Casino has decent chances of becoming the next big brand on the Bangladeshi Internet gambling scene. People love it for its high security level

Author admin Reading 9 min Views 18 Published by March 4, 2011 Modified by August 17, 2024 jQuery UI Slider tutorial. Today I will tell how you can use jQuery to animate and control your text. We will changing font size, font family and other properties. Where we can use this? As example to allow your users to customize view of text boxes in your website. So, playing with styles – users will be ab