Noupe.com

S'abonner à flux Noupe.com
THE magazine for webworkers and site owners
Mis à jour : il y a 1 min 32 sec

The WordPress Theme Index and the Garbage Invasion

7 mai, 2016 - 11:00

One theme to rule them all, one theme to find them, one theme to bring them all and in the darkness bind them. This is a rather exact description of the current situation in the official WordPress theme index. It seems as if there was only one theme left which is uploaded and presented in new versions all the time. In between, the index is loosened up by themes that are so ugly that they could give you eye cancer.

WordPress Theme Index: One Theme, Many Variations

Every month, I have to write an article about the ten best WordPress themes of the month. Generally, I love this article, as I enjoy discovering new and exciting things. However, the article is upsetting, since the content that is uploaded and offered is always the same trash, which is very annoying. It seems like every third person feels like founding a premium WordPress theme provider and selling themes.

In general, this is not a problem, as competition is good for business. However, the “theme providers” try to make money off of reduced versions in the public theme index. This happens using the basic theme, which is constantly only slightly altered and then reoffered. Sometimes, only the colors are changed, at times other photos are used, or the landing page’s structure is changed a little. A close look shows that it is the same theme in different variations.

One Theme Rehashed Repeatedly

Of course, it’s a great thing for a business to be able to repeatedly rehash a template. Simply offer these variations as a reduced version in the official theme index, create a homepage that explains the functional differences between the lite and the full version, and make money. The clueless users want more and more features, even when the loading time is beyond good and evil.

Kriesi or the Beginning of the End

All of this started with developers like Kriesi, who only offers his themes for sale via Themeforest, however. The fact that Kriesi only rehashes his themes is out of the question, but at least his themes always look different. On top of that, his premium themes are designed lovingly, and, for the most part, they look really nice. Nonetheless, he’s a part of the problem. Themes like his “Enfold” are what started the flood of the development of the so-called “multi-purpose themes”.

This is not good for the community for two reasons. For one, the only themes that are developed come with a perceived 500 functions that integrate so many CSS and JavaScript files that you could get sick. But apparently, the users want it to be just like that. The fact that the loading time suffers from that should be evident. Secondly, everyone that feels like being a theme developer wants to create a multi-purpose theme.

One Theme Can’t do Everything

Most of the time, a multi-purpose theme’s basic layout is a business layout. This is not necessarily bad, as many companies want to create a website using WordPress. However, a financially strong company would not use a free theme for that purpose, but would prefer a custom developed template. In addition to that, the developers of the free themes mostly focus on the landing page, leaving out a lot of important elements, like the blog, causing them to look terrible. The goal is fast and easy money, which is why there’s not as much time put into the theme as it would be necessary for a product of quality. A proper multi-purpose theme should cover the following aspects with high quality:

  • A special, highly customizable landing page
  • An “about us” section
  • A portfolio in at least three versions
  • A tenderly designed blog
  • A perfect contact page including Google Maps
  • A perfectly designed shop (based on WooCommerce, for example)
  • All settings should be accessible via the WordPress theme customizer

If you were to develop such a theme from scratch, it would cost months of your time. Most developers don’t have this much time, especially not the vanilla developers that want to make bank off of free, reduced themes in the official index. Find examples of these themes further down.

Vanilla Multi-Purpose With the Same Landing Page

However, as the developers know how well themes like Kriesi’s “Enfold” sell, they also want a piece of the cake. So, the business theme idea is constantly rehashed. More and more of these themes hit the market and the official WordPress theme index. Most of these themes are poorly designed as well, simply ugly and unsightly. You’ll instantly notice that this was not a professional’s work. When the design is ugly already, how bad is the quality of the code under the hood going to be? Okay, I’ll admit, I don’t care. I don’t even want to know.

I’d Like to Have a Theme in the Index…

There’s another group of “theme developers”. Those that can barely say PHP without any mistake and don’t have an eye for design at all. They want to have a theme in the index as well, so they “develop” one. These theme’s meet the prerequisites for the code, which is made sure by the theme review team. However, prerequisite doesn’t mean that the quality of the code is acceptable. It only means that it’s not horrible. These themes can be identified easily because their design is so incredibly ugly that it will burn itself into the viewer’s retina forever. Do you want some examples?

Three Examples of Poor Design

Use Your Brains

Neo Trendy

Cronista

Three Examples for Uniform Design – Multi-Purpose Themes

Akyra

Corporate Plus

Zap-Lite

There are many more examples of uniform design that has been revived over and over again. It tries to distinguish itself with changing elements and colors. The less common magazine themes can be used as further examples.

Three Examples of Uniform Design – Magazine Themes

Color-Mag

Accesspress Mag

Smart Magazine

WordPress Theme Index: The Exceptions of the Rule

They exist. The infamous and soothing exceptions to the rule. Now and then, you’ll find them after a lot of searching in the WordPress theme index. These are the themes that were created by specialists of their craft. They can mostly be recognized by the fact that they only have one purpose. They are pure blog or portfolio themes. From time to time, pure business themes are added to the index as well. This doesn’t guarantee a good design, but it can promote it. Here is an example of a blog:

Graphy

My Favorite Designer – Anders Norén

The Swede Anders Norén has lots of courage. His themes are designed independently, and thus, they instantly set themselves apart from the masses of themes. On top of that, they provide a high-quality code and are very durable. They are no multi-purpose themes either. In fact, they are the opposite. They do the one job they were made for. The majority of them looks great, too. Here are two examples:

Rowling – Demo

BaskervilleDemo

Plea for Courage in Design

Theme designers should finally have the courage to create something new. This mainly addresses those that want to sell their themes. Publishing the same theme in different versions is not the right way. Creating themes for many different purposes with hundreds of features is not the right way either. I plead for more courage, for themes that cover one single job, but that do this one job as good as possible with all necessary functions.

I plead for a more bold theme design, as good themes should look good, set themselves apart, and look fresh. Good multi-purpose themes also have a place in the index, but only if they were thought through and designed very well.
Additionally, developers should remember the fact that less is more. Nobody needs 500 functions, as only a few of them will actually be used in the end.

(dpe)

Catégories: News dév web

SEO: Using Headlines Correctly

6 mai, 2016 - 17:00

Captions don’t create a top ranking on their own, but they are an important factor when it comes to rating a page. Thus, using headlines correctly is an essential task at all times. Today, I’ll show you how to use headlines appropriately and display them in the most optimal way.

The heading tag is used to define headlines. Here, the different headings of a content page are defined one by one using HTML. To determine the order, and, in some cases, the formatting, they are defined via <hn>. The “n” is replaced with a number. For instance:

  • <h1>Primary Heading</h1>
  • <h2>Secondary Heading</h2>
  • <h3>Tertiary Heading</h3>
  • <h4>Quaternary Heading</h4>
  • and so on

The longer the text, the more headlines and sub-headlines can and should be used. Of course, that doesn’t only help the search engine – the reader can read a well-structured text much easier, and thus finds the information he’s looking for much faster. This way, the reader receives the desired added value from your website.

Using Headlines

Per page, the main heading <h1> should only be used once. The sub-headlines can be utilized multiple times, but they should be in a healthy proportion to the text. There is no fixed number on how often they should be used. The primary factor is that the reader is not disturbed by them. Here, you should trust your intuition.

The same flair should also be proven when it comes to the content of the headings. Simply spamming keywords will be counterproductive for the website. Clear, short, and precise headings of 4 to 6 words, starting with the keyword, are recommendable. This way, the reader, as well as the search engine can quickly evaluate the article. A clear and informative heading also gives the user a comprehensible overview of the following article.

This information is more or less obvious, at least it can be found very easily on the internet, and most webmasters know about it. In theory, it would not be a problem to apply it. Unfortunately, this often sounds a lot easier than it actually is.

Headings in Website Themes and Shop Systems

As only a minority of people still program their website page by page and manually in HTML, CMS systems with ready-to-use website themes are often used. These modular systems are practicable and useful, but they are very rigid in certain situations. Here, the devil lies in the detail. Headings are not always evident at first glance. In themes, headings are often displayed in the form of <hn> tags, to highlight a particular text paragraph or to display it larger. This is easier to program, but it is a problem for the search engine, as a lot of irrelevant text passages on the page are unnecessarily highlighted.

In the example of the famous Avada theme shown above, headlines are used in the footer. This is something you should pay attention to when setting up a new website using this theme.

Sometimes, headlines are used for tax rates or shipment options in shop systems. In these cases, it ‘s hard to change that. Often, this pushes the users of CMS and shop systems to the limit of their knowledge and forces them to hire a programmer, which can be rather expensive at times. Still, you should pay attention that the theme treats the shop system and these aspects correctly right from the start.

In the case mentioned above, the product name is correct, but the price is not as relevant, and thus, it shouldn’t be displayed as a heading. “Related Products” is not really a relevant information either. As long as the amount of products that are under an existing article is tolerable, it’s no problem to display them as a heading.

Useful Browser Extensions

There are several tools to help you recognize this in advance, instead of having to read out the entire source code. For a lot of browsers, there are apps and extensions that can read out these things rather quickly, like the Web Developer in Firefox, for example. There, you can simply add a frame to all headings via “Contour”  > “Add Contours to the Headings.” The framed caption can then be found in the source code much easier. This gives you the option to make changes by yourself. Usually, shop systems come with a demo version, which is a perfect fit to test the changes on.

Using Headings Correctly: Alternatives to the <hn> Tag

As an alternative to the <hn> tag, the font should just be formatted the way you want it to be. <strong> for example, to highlight all bold printed words.

With the h1 Tag:

This is a real Headline

<h1>This is a real Headline</h1>

With the Strong and Style Tag:

This only looks like a Headline

<p><strong><span style=“font-size:32px;“>This only looks like a Headline</span></strong></p>

While the two pieces of text are almost identically when it comes to the appearance, the source code is disparate. Here, you can also notice the advantage that text parts without hn can be adjusted to the design and the personal imagination much better. Thus, using headings correctly can also mean forgoing headlines.

(dpe)

Catégories: News dév web

Combining Typefaces Made Easy (Free eBook)

5 mai, 2016 - 10:00

Since the introduction of web fonts, the undivided variety of typography is available to web designers and their projects. However, combining the right fonts is easier said than done. The free ebook “Combining Typefaces” helps you find fonts that fit together nicely. So, which fonts suit my web layout and which fonts harmonize with each other? The ebook answers this and other questions on over 60 pages.

Introduction to the Basics of Typography

Everyone that wants to first read the basics will find a lot of general information on font and typography in the first chapter of “Combining Typefaces.” The chapter gives the reader an overview of the anatomy of letters, meaning that, among other things, it explains ascenders, descenders, and serifs. Foreign readers can learn the English expressions in this chapter. The ebook is written in English.


Anatomy of the Letters

Whenever it gets very specific, the book refers to websites and books that allow you to deepen your knowledge. The classification of fonts – meaning the stylistic and historical placement of fonts – is only mentioned briefly. There are references to further literature on the topic, however.

Choosing and Combining Typefaces

The rest of the chapters deals with the actual issue. Which criteria should you follow when choosing one or multiple fonts? What do you want to achieve with the typography? There are many factors that play a major role when picking a font. For one, there’s the readability. Fonts can also be chosen and applied to attract the reader’s attention, however.

The book’s primary emphasis, the combination of fonts, is explained in a very detailed way. That’s because the combination of appropriate and harmonic fonts is not always easy. Those that would rather stay on the safe side stay within one font family and, for instance, combine a font without serifs with a serif font of the same family.

The ebook also gives a lot of useful advice on how to find fonts that suit each other outside of one font family. For example, it is helpful first to decide on one “anchor font,” the font that you will use for text blocks and is thus used for the majority of your texts.


Comparing Fonts

You should choose a suitable font for the anchor font, which is used for headers, for example. Here, “Combining Typefaces” presents some criteria to keep in mind while selecting. Comparing the font’s proportions is very helpful as well. Compare the relation of the upper case letters to the lower case letters, as well as the letter width. This way, you’ll find fonts with similar proportions, which thus harmonize well with your anchor font.

Combining Typefaces: Well-Done Examples

In the final chapter, a couple of well-done examples of good font combination are presented. There are explanations as to why the fonts fit together and what makes the combination excellent and unique, according to specific scenarios.


Example for Combined Fonts on a Website

For all presented fonts, there are links to the respective foundries. This way, you can possibly find one or two new fonts for inspiration, or maybe even a font provider that you didn’t know before.

Overall, “Combining Typefaces” is an extensive book that is interesting and helpful for both typography beginners, and advanced users. If you’re looking for a profound entrance into the topic of typography and the combination of fonts, this book certainly is a good choice for you.

The ebook covers 60 pages and weighs in at ten megabytes. It can be downloaded for free as a PDF file from Adobe’s font service Typekit.

(dpe)

Catégories: News dév web

SEO Tool: On the Road to Success With Searchmetrics

4 mai, 2016 - 10:00

When it comes to search engine optimization, nothing is as constant as change. This fact can cause desperation amongst page operators. A single update from Google can destroy the work of the past weeks or months. This causes a painful breakdown in visitor count that, in the case of commercial websites, comes alongside heavy sales losses. In some cases, the necessity of constantly keeping an eye on Google development, and permanently optimizing your own page has the potential to take up so much time, that running the website can come close to unprofitable. This is the point when searchmetrics comes to save the day, as it’s a very potent SEO tool that documents a website’s traits in detail, even over longer periods of time. Here, amongst other things, Google updates and their effects are displayed in a graphic, and details on recent algorithm changes are available in the searchmetrics blog.

What Does Google Actually Want?

In the early days of the internet, search engine optimization meant understanding Google’s latest features and adjusting a page accordingly (think of keyword stuffing). Early successes in the SEO area were thus often related to a short-term profit from existing imperfections of the search engine: those that knew how to abuse Google’s partial blindness had a significant advantage over their competition, independent from their website’s content, often at the cost of frustrated internet users. In the course of technological evolution, Google’s goal started leaning towards user friendliness more and more. The core of the business model always was leading the user to the website that actually suits his desires, not just the letters he typed.

Thus, the mission of searchmetrics is not to support website owners to manipulate the SERPs, but helping them by showing tangible facts that help with the work that is necessary to improve their ranking. The fact that the removal of weaknesses comes with an according increase in the Google rank is not really the purpose, but the logical consequence of the done work.

How searchmetrics Works

searchmetrics accumulates the data of different influences within its own database and automatically creates a meaningful analysis for the respective website. The basis for this are the ranking factors, updated yearly by searchmetrics, and calculated from the first three search results of the 300.000 most popular search keywords. This established database allows you to understand the way Google works, to learn about some of the Google algorithm’s secrets, and to directly apply the new knowledge to your website using the searchmetrics suite.

To gain specific recommendations on the optimization of your own page via searchmetrics, the first step should be to set up the domain as a new project in the searchmetrics suite (image 1). Once done we can define some of the keywords that are the most relevant for the page.

Image 1 – Working With searchmetrics Starts With the Set-Up of a New Project.

For the analysis, searchmetrics uses its own research cloud, a pool of 250 billion recent files. Optionally, external data sources like Google Analytics or the Google Webmaster Tools can be connected to your searchmetrics account. It is recommended to make use of this option to provide the widest possible range of information for searchmetrics to use.

An Analysis Highlights Strengths and Weaknesses

The first analysis already sheds light on the SEO visibility: a graphic highlights how the website’s visibility has developed over a longer period (image 2). Especially interesting: searchmetrics also enables you to directly compare your site to those of relevant competitors, and this way, it shows the remaining potential of your domain.

Image 2 – searchmetrics Example Graphic: First Successes Become Visible.

The section SEO Research offers a lot of detailed information that help you gain an overview. Which direct competitors does your website have? How do your keywords develop over time? What about the visibility of potential subdomains or indices on the page? How much sense does the internal and external link structure make, and how popular is the page on social networks? (In both of these aspects, it is recommended to include further tools for a more exact analysis, like the LinkResearchTools, for example).

searchmetrics answers all of these, and many other questions, and not just for the organic web search: the visibility of paid ads (Google AdWords) can also be analyzed using the tool, as well as improved via the adjustment of commandments per click. However, in this regard, expansions to searchmetrics would be desirable. Currently, the strengths definitely are the ranking and development information from the SEO area.

Worthwhile Work

The list of errors, warnings, and information that contains suggestions for improvement from searchmetrics, can be rather frustrating: It looks like a whole lot of work (image 3)! However, working down the list over time is worth it to achieve a long-term increase in your ranking. To soon achieve the first successes, it makes sense to observe the index of the respective potential for improvement, which searchmetrics displays in the right column. Those that want to go deeper into optimization, starting with the list, should also go in-depth on the areas “Keyword Optimization” and “Content Optimization” (the latter is only available via paid license).

It is not advisable to blindly trust the displayed data, as, for example, the information “many external links” (view image 3), can be misleading as those links are necessary and rarely ever pose a problem.

image. 3 – Project Start: the First searchmetrics Error List Could Turn Out to be Rather Extensive.

For the further expansion of the website, a proper keyword research is recommendable. searchmetrics can also help with that: the keyword finder does not only show you fitting suggestions for search keywords but also creates SEO-friendly URLs for future subpages.

Conclusion

searchmetrics gives a deep insight into all of a website’s connections that are relevant to search engines. Using the tool does take some time. However, this is a worthwhile investment, as a page owner can save many frustrating detours this way. The frequent updates of the information make first successes visible very fast, assuring that no motivation is lost.

The searchmetrics community has recent information and solutions for many problems. Their Youtube channel also supports the users with plenty of useful information.

(dpe)

Catégories: News dév web

22 Fresh Free WordPress Themes (Edition: May 2016)

3 mai, 2016 - 10:00

To get the month of May going in terms of creating we gathered fresh free WordPress themes for WooCommerce, real estate, portfolio websites, fashion, magazines, businesses, creative agencies, a multipurpose graphic website and more. Responsive design, clean and modern, minimal, and lazy load are just some features to highlight. Some of the following themes integrate tons of elements such as unlimited widgets areas, sidebars, navigation bars, sliders, boxed layouts, thumbnails, top search bars, calendars, excellent socials and a lot more.

This round-up of fresh free WordPress themes is particularly large as we have added two collections by the friendly people of Themeshock and ByPeople to the list. Never has there been more to explore than in the following post. Have fun!

22 Fresh Free WordPress Themes (Edition: May 2016)

All these themes are free though some may have commercial variants available or require registration.

Cool Soccer Blog Theme Collection

Created by: ThemeShock
Features: More than 50 submissions, top-quality free WordPress themes, hand-picked from across the Internet for years, one-click download
License: Free for personal use

Amazing Magazine Themes Collection

Created by: ByPeople
Features: More than 50 submissions, top-quality free WordPress themes, hand-picked from across the Internet for years, one-click download
License: Free for personal use

Typecore: Polished Magazine

Created by: AlxMedia
Features: Neatly organized in several multisize thumbnail sections, perfect for news or magazine purposes, left sidebar for recent, or popular posts, and comments, right sidebar for what’s hot section, responsive design
License: GNU GPL

Kontrast: Responsive High-Resolution Magazine

Created by: AlxMedia
Features: Toggle fixed-width sidebar, related posts, and post navigation, featured story or slider, boxed layout, footer and header ads, standard post style, ultra-responsive, unlimited widget areas.
License: GNU GPL

Slanted: Colorful Blogging

Created by:  AlxMedia
Features: Material Design-like header top navigation bar, fixed layout, regular pagination, bottom recent comments and posts list, nice socials and credits footer.
License: GNU GPL

Blogline: Classic Blog Design

Created by: AxlMedia
Features: Ultra-responsive, extensive styling options, post formats, unlimited widget areas, social links font selection flexible layout options, good SEO, and more
License: GNU GPL

Blogrow: Clean & Modern Personal Blog

Created by: AlxMedia
Features: Standard, grid, or list blog layouts, flexible and full-width carousel, related posts and posts navigation, ultra responsive, extensive styling options, post formats, unlimited widget areas.
License: GNU GPL

On Sale: Storefront for WooCommerce

Created by: ecommercethemes
Features: Clean and crisp child theme, WooCommerce integration, Storefront must be installed before this theme, simple color palette, logo, favicon, and page layout options in customizer, and more.
License: GPLv2

Zoner-lite: Modern Real Estate

Created by: Fruitfulcode
Features: Bootstrap responsive design, home, blog, documentation, and support pages, several types of posts, standard pagination, and more.
License: GNU GPL

Drento: Minimal and Essential

Created by: CrestaProject
Features: Clean and minimal style, off-canvas right sidebar menu featuring a calendar, tag cloud, recent posts and comments, big thumbnails, glossy hover effects on featured images.
License: GPL

Tanx: Beautiful Minimal Blogging

Created by: PhiRhythmus
Features: Minimal style, responsive design, single column layout, multiple pages, beautiful typography, lazy load, top search bar, off-canvas right sidebar menu.
License: Free for personal use

Klasik: Framework-like WordPress Theme

Created by: klasikthemes
Features: Base/ starter theme for quicker WordPress theme development, perfect for business, portfolio gallery, blog or personal, nine widget areas, eight custom widgets, full CMS control.
License: GPLv2

WP Flat White: Clean Blogging

Created by: Invictus Themes
Features: Modern design, beautiful typography, carousel as a header, multipage layout, fading overlay descriptions on hover events, typical sidebars, several sections.
License: Free for personal use

Kira Lite: Creative Agency

Created by: Macho Themes
Features: Responsive layout, WooCommerce support, translation ready with WPML, flexible, one-page layout, creative design, line icons.
License: Free for personal use

Freesia: Responsive Business

Created by: Themefreesie
Features: Cross-browser compatibility, multiple layouts available, responsive design, SEO friendly, social media integrated, WooCommerce compatible
License: GPLv3

eStore: WooCommerce Responsive

Created by: ThemeGrill
Features: Clean style, fully customizable, WooCommerce integration, several custom widgets for a professional online store, YITH, and WooCommerce Wishlist Plugin compatibility.
License: GNU GPL

Latte: One-page Portfolio

Created by: Hardeep Asrani
Features: One-page parallax, perfect for profile & portfolio showcasing, services section, maps, contact form, testimonials, pricing tables, drag&drop page editor/builder.
License: Free for personal use

Philomina: Fashion Website

Created by: charlieasemota
Features: Clean minimal style, fashion blogs or websites, responsive layout, multiple language translations support, parallax effects, off-canvas menu.
License: GPLv2

Dyad: Multipurpose Graphic Theme

Created by: Automattic
Features: Responsive layout, Pairs image and written content in tight together cards grid layout, full-width top header, perfect for restaurants, food blogs, photographers, and related.
License: GPLv2

Integral: Elegant Agency

Created by: Themely
Features: Responsive design, media content, smooth parallax effect, drag & drop reordering, toggle sections, translation ready, sticky navigation, contact form 7, and more.
License: GNU GPL

Sauron: Clean Multipurpose Theme

Created by: webdorado
Features: SEO-friendly, multipurpose, responsive layout, front-page builder, full-screen lightbox, slideshow, layout editor, jetpack, cross-browser compatibility, and more.
License: GPLv2

Codilight Lite: Modern & Clean Magazine

Created by: FameThemes
Features: Theme Customizer, complete localization, SEO optimized, custom page templates, browser, custom theme widgets, top notch support.
License: GPLv2

(dpe)

Catégories: News dév web

20+ Fresh and Free HTML and PSD Templates plus GUI Packs: May 2016

2 mai, 2016 - 10:00

May has started. The month of transformation shall give you the power to restructure what you need to be restructured. Should your website be among these things rejoice. We have another great collection of free HTML and PSD templates, GUI packs and more freebies for you. Today you will find several web responsive templates, a bootstrap theme, an HTML5 template, a Pinterest-like portfolio, a restaurant website, agencies websites examples, a car dealership website, a multi-purpose template and more. We could not leave behind several UI kits and customizable PSDs featuring an invitation card mockup, an iOS wireframe kit, and a fantastic medical web template. A great collection of UI kits, a minimal OSX kit, a stylish starter kit, an E-commerce design rounds up today’s collection. To top it all off, we have two sets of icons showcasing a flat emoji set, and a transportation pack.

20+ Fresh and Free HTML and PSD Templates plus GUI Packs: May 2016 Flexible: Responsive One-page Bootstrap Theme

Created by: Andrei Dorin
Features: Responsive layout, one-page template, focus on simplicity, corporate business, and presentation websites, Bootstrap and Less.js developed.
License: Free for personal and commercial use

ZFurniture2: Responsive HTML5 Template

Created by: Zerotheme
Features: Parallax effects, multipage layout, hover effects, gallery grid, sections got home, gallery, about, and contact.
License: free for personal and commercial use

Save The Date: Invitation Card PSD Mockup

Created by: GraphicBurger
Features: PSD format, print-ready, smart object layers, 4000×3000 pixels, fancy paper texture.
Licence: Free for personal and commercial use

Visualize: Nice Pinterest-like Portfolio Template

Created by: Cherry AJ
Features: Responsive features, hovering animations, HTML5 built, masonry grid layout, zooming effects on images and pictures.
License: Free for personal and commercial use

Cooks: Beautiful Responsive Restaurant Web Template

Created by: PSD Depot
Features: Fully responsive, flat style, PSD format, elements style grid, HTML5, and CSS3 built, compatible with all browsers.
License: Free for personal and commercial use

Phantom: Clean Responsive Portfolio Template

Created by: HTML5 UP!
Features: Fully responsive, high customization, hovering animation on cards, zooming effects on images, minimal design.
License: Free for personal and commercial use

Adventure: Clean & Creative Agency Template

Created by: Free CSS / tooplate
Features: For blogs and business, three columns, available in 3 color schemes,  highly animated interface, clean style, HTML5 and Bootstrap built, sliding effects by selecting each page section.
License: Creative Commons Attribution 4.0 International License

Garage: Amazing Car Dealership Web Template

Created by: Tooplate
Features: Big header automatic slider, a modern and useful search bar for keywords, category, year and price counting on drop-down menus and range bars, big thumbnails, responsive layout.
License: Creative Commons Attribution 4.0 International License

Digital Team: Modern Agency Web Template

Created by: Tooplate
Features: High customization, clean style, agency purposes, Bootstrap v3.3.5 layout design, slideshow, content tabs, pricing tables, grid and contact form.
License:  Creative Commons Attribution 4.0 International License

Froto: One-page Agency Template

Created by: Ready Theme
Features: Fully responsive, smooth scrolling, easy transitions, Retina-ready, Bootstrap 3.x compatible, clean design, Parallax background section, sticky menu and more, cross browser compatible.
License: Free for personal and commercial use

MoGo: Modern & Clean Web Template

Created by: Ready Theme
Features: Bootstrap 3.x compatible, HTML5 built, CSS3 animations, clean design, fully responsive, font awesome included.
License: GNU GPL

Flow: Clean iOS Wireframe Kit

Created by: Vineet Kumar
Features: 12 different screens, gray, white, and red scheme, several types of screens,
License: Free for personal and commercial use

Medicare: Medical Web PSD Template

Created by: Madhu Mia
Features: Fully layered PSD, well-structured, beautiful Bootstrap grid system, regards medical business, map-featured contact form.
Licence: Attribution-NonCommercial-NoDerivatives 4.0 International

El Capitan: Minimal OSX UI Kit

Created by: Masao Takahashi
Features: Sketch format, UI for window, status bar, dock, title bar, context menu, buttons, indicator, text field, tab, and more.
License: Free for personal use

Lovely Sketch & PSD iOS Kit

Created by: ThinkMobiles
Features: PSD and Sketch format, 200 MB zipped file, screens for maps, products grid, and more for iOS devices.
License: Free for personal use

Creama: Stylish UI Starter Kit

Created by: Hila Yonatan
Features: PSD format, widgets for calendar, weather, product, video, account, and more, stylish round corners.
License: Free for personal use

Elton: Stylish ECommerce Design UI Kit

Created by: PixelBuddha
Features: UI Kit, blog, magazine, shop, eCommerce, corporate, slider, forms, headers, footers, PSD format, and stacks more.
License: Free for personal use

Mobile App Flat Emoji Set

Created by: DesignShock
Features: 700 icons, Ai, SVG, and PNG format files in 5 different sizes, nicely designed flat style.
License: Free for personal use

Amazing Transportation Flat Icons Set

Created by: IconShock
Features: Professionally crafted in flat style, all categories included (terrestrial, aerial, aquatic, sports, man-powered, etc.), vector files, SVG, Ai, and PNG formats, several sizes.
License: Free for personal use

Photo Management UI Kit

Created by: Kamil Janus
Features: Photo management application, single PSD format file, fully layered UI Kit, left sidebar menu, round corner thumbnails, and more.
License: Free for personal use

Landr: Web & Mobile PSD Template

Created by: Andrei Josan
Features: Two Retina-ready designs, web and mobile versions, all icons from Smashicons, images from Unsplash, mobile preview screens from Tethr
License: Free for personal use

(dpe)

Catégories: News dév web

Pages

Contact

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

Contactez-moi

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