Enjoy the week!
Apart from doing front-end, I also love making music. Never been a pro, but still I love messing with my guitars. So, here are a some of my music endeavors.
Posted in guitar, music | Tagged guitar, joe satriani, music, steve vai | Leave a Comment »
- Lightweight and operating entirely on the client.
- Built with the latest technologies, as your future website will be.
- Fully customizable.
- Stylish and flexible.
- Easy to modify and fun to use.
- Your way to say in stylish manner that your website is “under construction”.
Click here to view the demo and you will love it so much, that you will download and give it a try immediately.
Enjoy the weekend!
The post for today is not something really special or super amazing. It’s just a quick and dirty trick that I use when I have to create inline forms for selecting files in which the actual input is hidden, and users click some text node (link, button, etc) that opens the browse for file dialog, which I wanted to share with you.
<form action="./" enctype="multipart/form-data" method="post" name="form-01">
<input type="file" accept="image/jpg, image/jpeg, image/gif, image/png, image/bmp" name="form-01-file" /><span>Choose File</span>
filter: alpha(opacity=0); /* opacity fix IE6/7/8 */
-moz-opacity: 0; /* opacity fix for older Firefox */
-webkit-opacity: 0 /* opacity fix for older Chrome */;
.css3-inline-file-input input:hover + span
/* fixes for IE6/7 */
* html .css3-inline-file-input,
* html .css3-inline-file-input *,
* + html .css3-inline-file-input,
* + html .css3-inline-file-input *
Older versions of Internet Explorer do not fire the onchange event on elements, hidden with CSS display: none or visibility: hidden, but instead an exception is thrown. This is why I used opacity: 0 and position: absolute to hide he original input.
You can check the demo on this page, and in case you find it useful, you can download it here.
Enjoy the rest of the day!
Posted in CSS, CSS Hacks, CSS3, Forms, HTML5, Miscelaneous, Tips and Tricks, Web Development | Tagged file input skinning, form styling, input file css | Leave a Comment »
During the past two days my website was down, and none of the supporting websites was working either. The problem is now fixed and I am back.
Enjoy and thanks for the patience and support, fellows!
Posted in Cool Websites, Miscelaneous, News | Leave a Comment »
HTML5.CV is a resume generator and one pager website, with cool modern looks, various customization options and flexible resume data file. You can add any fields (contact details, employment history, education, interests, etc) and define photo.
The UI is extremely easy to customize, so if you are acquainted with CSS, just give it a try or download it straight away.
- Lightweight, modern and loading extremely fast.
- CSS3 driven with fallback for older browsers.
- Cross-platform JSON data format for the resume.
- Support for multiple resume data files.
- Operating fully on the client.
- Sleek imageless UI, which can be easily modified.