Group items tagged

There's a plethora of new HTML5 form input types (13 new ones to be exact) that make creating engaging and easy-to-use web forms much easier for web designers. The new HTML5 input types give us data validation, date picker controls, color picker controls, inline help text, and more in the web browsers that support them. Advantage of HTML5 Form Input Types The benefits of these new input types are tremendous for web designers. First, the new input types reduce our reliance on client-side- and server-side-scripting for validating common data types like dates, email addresses, and URLs. For mobile UI developers: You know that creating cross-platform web forms using HTML4 standards is a pain. Using HTML5 form input types could make things easier. For instance, a form written with HTML5 can utilize the mobile device's native specialized keyboards depending on what the target input type is. Here's an example of using HTML4 input types (on the left) for entering dates in a web form versus using the HTML5 date input type (on the right):

These days embedding video in a website is very easy, the <video> element in HTML5 is compatible with almost all current browser versions (see Can I Use video),...

These days embedding video in a website is very easy, the element in HTML5 is compatible with almost all current browser versions (see Can I Use video), which saves us a lot of the old difficulties. Now we can implement video and customize a player without third-party software. element is very simple: the complication is in the browser support, especially in old versions and mobile.

Today I will teach you how to create a simple contact form in HTML5 and CSS3 that you can download for free. Many WordPress plugins come with fully functional contact forms that can be installed and used right away, but we believe in beautiful design and in your right to style it however you choose.

Fries by Jaune Sarmiento just reached version number 1.0. The project offers a framework for the development of web apps in the look and feel of native Android apps. If you are familiar with Android's UI from version 4 on, you will definitely know your ways around, once you get a hold of Fries. In its current iteration, Fries is optimized to cooperate with PhoneGap, thus letting you build native Android experiences.

Email marketing and newsletters are a critical part of the marketing plan of many businesses large and small. If you're not already using email marketing for your own business or offering services for your clients, this is certainly an area to explore. One of the aspects of email marketing is the design of the email itself. While text-based emails can be effective in certain industries, most businesses prefer to have a newsletter or email template that will present the message in an attractive way. While most email list managers will offer some free templates and/or a WYSIWYG editor for designing your own email, there may be times when these options don't meet your needs. In these situations your options will be to design and code a custom template on your own, outsource the work, or purchase a template that does meet your needs. Custom designs are often preferred, and for good reason, but they don't always fit within the budget.

Unless you are really HTML-savvy, writing articles directly using HTML is not ideal. First, you have to wrap the content properly with the tags in order to format it, and secondly you will have to go back and forth from your code editor to the browser to see how it looks. If you are a frequent web writer, I think it's better for you to write using Markdown. Markdown allows you to write content in plain text that later can be translated into a valid HTML format, and with the help of a tool, you can instantly see the output.

This is great, I promise. We know Finland for a lot of things, rubber boots for instance or - ehm - Helsinki. Angelos Arnis and Tomi Hiltunen want to add to this ample variety. They just published a set of device mockups, all in PNG and CSS, that you can actually bring to life with real content. You've got a web app for mobile clients you want to show on your website? Not very impressive, unless you present it inside the frames of its mobile boundaries. That's what Arnis and Hiltunen have built…

I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)

Whoah, been a while since I've posted something! Yet, I wanted to mess around with some fun CSS3 stuff and wanted to share the results with you. Today, we're going to create CSS animated profile cards. Although there are four different kind or animations ( Push, Slide, 3D Flip and Explode), they all share the same kind of HTML structure.

Today's front-end developers don't just need to understand how to write CSS, we need to know how to write it efficiently. And what "efficiently" means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.

Adaptive design has evolved from being a strong trend to become a reality of the web today. In a world that has been conquered by mobile devices over the past two decades, no one now understands a website that cannot be viewed on different screen resolutions, or at the very least the minimum provided on smartphones and tablets.

Responsive web design is undoubtedly a rapidly growing trend right now, the increasing tablet and mobile device usage has definitely been an ingredient in the success of web responsiveness. It would not be surprising to see the majority of popular websites adapt responsive web designs in the near future.

Bookmarking services are a dime a dozen. So, I wasn't too keen on checking out yet another iteration by the name of Keeeb. But, and I honestly mean it, I'm glad I did. Keeeb is not simply a social bookmarking service, it is a knowledge management system and it levels up the quality of my research on longer and more complicated articles easily. I am both an avid user of Pocket and Evernote Premium, yet Keeeb still closes a gap I didn't even know existed. Let's take a closer look, shall we?!

We're starting a new series of blog posts featuring " Case Studies " of unique projects that experiment with the boundaries of the Web and create trends. Most of them have been Site of the Day on Awwwards.

Another month lies behind us and here is April's edition of free WordPress themes for self-hosted websites! April did not see many new free themes being released -- there were several older ones that were updated, though.

Another month lies behind us and here is April's edition of free WordPress themes for self-hosted websites! April did not see many new free themes being released -- there were several older ones that were updated, though.

Semi Permanent was started in Sydney in 2003 by Australians Andrew Johnstone and Murray Bell and has since become an international annual conference, spanning across 5 counties and 9 cities including London, Los Angeles and Stockholm. Semi Permanent is now synonymous with assembling industry leaders from all creative fields to present their work, inspirations, processes, insights and to simply share their creative journey with fellow peers over two jam-packed days. As always, there was an impressive showcase of amazing work that spanned across Graphic Design, Film, Animation, Motion Graphics, Architecture and Visual Effects. Illustration, Photography and Graffiti. Photographer Max Doyle showcased his diverse talent by entertaining us with a live jam of one of his songs. And of course it wouldn't be a design conference without the guys from Stab Magazine firing t-shirts into the crowd from a canon.

The World Wide Web gives anyone the chance to reach a truly global audience. But there's a lot more to successfully doing so than simply setting up a single English language site and hoping for the best. English is still the most commonly used language on the internet. An analysis of the technologies used in website construction suggests that over half of all sites on the web today are in English. If we take a look at the languages used by surfers however, English still comes out on top but only marginally. Around 27% of internet users speak English compared to 25% who speak Chinese, while Arabic, Portuguese and Spanish are all experiencing rapid growth. This is due largely to increasing internet penetration rates in developing countries (with Latin America accounting for the large rise in Spanish and Portuguese).

We are back with another freebie, the team of Freepik, our friends from sunny Spain, put together exclusively for you, Noupe's readership. Today we have 200 symbols compiled together in a "Flat Icon Set" for you to download. All these little pictograms stick to the principles of flat design, a major trend in design right now. You can use them freely for any type of project, but you can only get them here…

One page layout designs have been a popular trend lately especially with freelancers. Many freelancers have decided to opt for single page website design because it is straightforward and easy to maintain. Freelancers can showcase their works in an instant without unnecessary confusion with key information displayed. Today, freelancers get to choose from 20 beautifully designed HTML5 responsive one page website templates built with a parallax effect over at Mighty Deals to effectively showcase their portfolio.

Flat Social Media Icons is a collection of beautiful icons developed in the flat style. As you already know, we have issued several UI kits in the flat design style, namely Square UI (paid and free versions) and Flat UI (paid and free versions), and we've decided to create free social flat icons, so that the entire design fits the style. In the pack, you will find 35 icons (PNG and PSD formats). Use them in your projects, commercial and non-commercial use if free. Icons included in the pack: Blogger, Delicious, Designbumb, Designfloat, Designmoo, Deviantart, Digg, Dribbble, Drupal, Facebook, Forrst, Foursquare, Friendfeed, Gmail, Google, Google+, HTML5, ICQ, LastFm, LinkedIn, PayPal, Picasa, Pinterest, Reddit, RSS (Feed), Skype, Stumbleupon, Technorati, Tumblr, Twitter, Vimeo, WordPress, Yahoo and YouTube. Source: http://designmodo.com/flat-social-icons/#ixzz2VFUkPHSw