Awesome

ATDD is awesome and you should try it

Test-driven development (TDD) has been a pretty decent standard in software development for the past years. Writing solid unit tests is something every professional developer should do. (Nightly) builds execute these tests all in order to validate the quality of your code. But for those of you that know the testing pyramid from Mike Cohn, will also know there are more tests than unit tests.

This article will show you the first step into Acceptance test-driven development (ATDD) to test the UI-layer of the application you’re building. It might help you get your business requirements in focus to make sure that what you’re building is right.

ATDD is awesome and you should try it

This article is the first part about this subject and I’ll post the next updates in the upcoming weeks. If you want to hear me speak about this subject, feel free to join my "Turn specs into high quality apps"-presentation at TechDaysNL 2016.

Read more…

Marcofolio.net ()

Awesome Typography That Takes Titles to the Next Level

Modern techniques allow obtaining amazing results: offer visitors outstanding experience, engage them in an interactive environment, impress with stunning vivid illustrations, and so on. Nevertheless, despite such a lavish diversity and tremendous potential the common constituent of any UI, aka typography, is still a fully-fledged player in this arena that has passion, ardor, and courage in the genes.

Creatives do not get tired of pleasing us with designs spiced up with sophisticated, eccentric and ingenious typography. Static lettering is still a game. In some cases it even plays the first fiddle, creating a tremendous impact. Need some proof? Then examine our collection that covers websites where typography takes the titles to the next level.

Best Examples of Typographic Titles

Dawid Stasiak

Dawid Stasiak has an elegant and sophisticated personal portfolio with a striking Art Deco-inspired typography. The latter naturally singles out the name of the artist and gives a cutting-edge feel to the overall impression.

Dawid Stasiak

Culture Experience Days

Culture Experience Days leverages almost the same kind of typography as in the previous example. It is also artistic and geometric; however, here, the double stroke style is skillfully enriched with a three-tone coloring. What’s more, the title is also empowered with some dynamics. As a result, the nameplate is reminiscent of neon signs in the streets.

Culture Experience Days

Studio Duel

Studio Duel’s front page is prettified with a gorgeous and sleek typography. The team has managed to transform a regular serif typeface into a beautiful artwork just with the help of additional lines. The font ideally fits the urban vibe obtained from a cityscape background.

Studio Duel

All About NYZ

Three letters simply jump at you. They are pretty overwhelming thanks to a bold, massive, authentic look and a powerful intrinsic nature. The graffiti-like typeface enhanced with some lovely grunge feeling and the background fit together like a puzzle, bringing about a profound effect.

All About NYZ

NFB/Interactive

NFB/Interactive has a mysterious website with particular focus on typography. The latter is created to exude an image of brutality and harshness. It blends with the environment as well as finishes off the theme.

NFB

Silver Agency

Silver Agency leverages a sleek and skinny typeface for the title and navigation aid at the bottom that fits here like a glove. If you take a closer look, you will see that each glyph is defined by a subtle human touch, quirky visual forms and elegant brush strokes.

Silver Agency

Leon Marcel

LM has marvelous aesthetics that gives a luxury and chic feel. Beautiful calligraphy used for the headline plays here a vital role. It echoes with the product design and establishes an unobtrusive connection between the website and product. It easily maintains the user’s attention as well as strengthens the general feeling.

LM

LC10K

Here the font is a small yet effective visual device. Not only does it convey the message in a playful tone but it is also a part of the design. Being a harmonious symbiosis of grunge style and script typeface it delivers a bit of a brutal yet striking look.

LC10K

Nordik

The team puts a tasty twist on the type. They charm with original, ambiguous and unique visual forms. The front page sticks with the minimal solution, omitting all the unnecessary stuff, so that the title is a natural focal point as well as a decorative element that adds spice to the aesthetics.

Nordik

Zoo Play Date

The home page depicts a charming and fancy typography with a trace of positive emotions. Soft edges of visual forms in tandem with some unusual stylistic alternates and accompanying graphics please the eye and set up a friendly atmosphere.

Zoo Play Date

TryMore

Although it may seem that there is nothing special, just a soft regular typeface with sweet serifs; however, give the website a try. Not only does the team set the headline in motion providing the welcome screen with a lovely dynamic appeal, but it also includes several splendid fonts with retro and techno motifs in inner sections.

TryMore

AfterDepth

The title has its identity. It looks magnificent and striking. Although the typeface has a quite skinny form; nevertheless, thanks to elegant swashes that spice up several symbols, it easily draws the attention as well as reinforces a highly spirited and slightly impish ambience of the project.

AfterDepth

Sankhara

Sankhara features a well-thought-out choice of font. It increases the visual appeal, fosters the harmony and delineates the title. It gets its fantastic look from the geometric essence and a faint aura of space adventures.

Sankhara

Block16

Block16 opts for a decorative thick double stroke typeface. It has a charming chalkboard-related feeling that perfectly collaborates with the yummy scene in the background. It stands out and at the same time complements the composition.

Block16

Toyota Barista

Toyota Barista’s front page is defined by a spectacular badge-style logotype that uses a beautiful and frisky script font. The centerpiece is bursting with energy and positive emotions, complying with the idea of the project.

Toyota Barista

HTPS

HTPS employs a digital techno font with a glitch effect to spice up the welcome section. Although this is quite sufficient to enrich the aesthetics, there are also other creative typefaces. They are used to personify album covers. If you need inspiration give the slider at the bottom a shot.

HTPS

The Black Friday Totaliser

The Black Friday Totaliser is a great example of how to properly mix and match two non-standard fonts and not screw up. While the elegant contour type gives the design a powerful businesslike sense, the quirky and a slightly comic script font lightens the atmosphere.

The Black Friday Totaliser

Lunati Scenografie

The website benefits from the huge, straight scrapbook-themed typeface. It is enhanced with some interactive details and complementary illustrations. The letterforms are weighty, bulky and complex.

Lunati Scenografie

Enso

Enso by Readymag screams minimalism on all fronts. The classic color scheme in collaboration with a ton of white space instills a sense of refinement and delicacy. Colossal lettering ’10’ that is crafted in a smooth and sleek sans serif typeface is the first thing that gets noticed. Though it maintains a simplistic look, it has an artistic nature and certainly catches the eye.

Enso

Burro & Alici

Burro & Alici magnetizes visitors with a lovely greeting card that is placed above the content. It invites online visitors to the special event in a charming way. Subtle script typeface serves its purpose well, reinforcing elegant traits.

Burro and Alici

Signature Art

As a bonus, we want to include this pioneering website. It is a playground where you can leave your signature. The inscription will be professionally brought to life with the help of cutting-edge techniques and converted into a 3D version that you will be able to explore from different angles.
Signature Art

Conclusion

It seems that typography stays away from the trends. It runs solo. There are letterings made in rough grunge typefaces, subtle elegant fonts, Art Deco or retro-inspired typefaces, calligraphy style typefaces and others that look pretty relevant and appropriate. Original fonts always remain in vogue, thereby opening up a wide range of possibilities.

What example is the most impressive? What emotions does the creative typography evoke in you?


Onextrapixel – Web Design and Development Online Magazine

Prep Your Website for the Holidays With These Awesome Design Elements

With the winter holidays being just around the corner, every webmaster should consider prepping up his website for the big days.

Sprinkling a touch of festive beauty is an essential part of boosting the user experience. Creating an appealing website which speaks to the audience through visual elements is a tough job when you’re working with an already overcluttered design. Yet, the new upcoming year is a great time to completely change the layout of your website and try out a new approach towards visitors.

Give Your Website a Festive Look

Source: http://geekculture.co/

The time around the holidays often brings a wave of changes in design and usability, providing an excellent moment for website owners to go ahead and spruce up their website with a new set of elements to match the holiday spirit.

This article will guide you through the four basic steps to decorating your website for the winter holidays and show you some of the best practices in upgrading your design while keeping a clean and user-friendly look.

 

Vogue up Your Header

The header is the first thing a user sees when he comes to your website. The header of a website can be either an image or a compilation of visual elements which aim at capturing the viewer’s attention. Every header should contain a call-to-action, which main purpose is to give a brief information on what’s the website’s main purpose and educate the user about the perks of choosing a particular company, product or service.

Xmas website design

Source: Molamil

Giving your header image a festive look is a fairly easy task. There are many web design resource websites which offer a wide array of header images and graphic elements to choose from. The use of symbolism is in the core of creating a compelling web design with a holiday spirit. Be it a Christmass tree, a wreath, a set of beautiful holiday ornaments, adding up design elements with a strong symbolic meaning is what makes a great festive design.

 

Decorate Your Logo

Is your logo a character or does it have a cartoonish and a rather playful look? If yes, then it might be an ideal candidate for a quick upgrade.

While some businesses, such as law firms, military, and medical facilities, can not accept a quirky decoration no matter how stylish it seems, others, such as clothing stores and entertainment media will most probably benefit from an adornment.

 

Spruce up your logo with a sprinkle of glitter and colors. Add a touch of witty festiveness with various Xmas elements. Invite Rudolf for a ride around your company’s name or put Santa’s hat on your brand’s key character – whatever floats your boat.

 

Add Color To Your Website

The winter holidays are an explosion of color, emotion and happiness and this is exactly what your website’s design should aim at. If you site has a rather dull look, adding up a pretty festive decoration might be a great way to attract more customers.

The color is in the core of graphic design and can be infused in each and every visual element of your website. Be it your website menu, its background or an additional decorative touch, you can create a visually appealing and festive website just by applying the right color scheme.

 

Christmas and New Year are mostly related with the colors red and green. Additional colors which can compliment your website’s new look and add a touch of festivity are gold and yellow. Yet, whichever color palette you decide to use, you can easily recreate the holiday look with the use of the right elements.

 

Festive Pop-Ups & Promo Bars

An essential part of building the right festive feel in your website’s visitors is recreating the moment of giving through a set of smartly designed visual elements.

You can create an online marketing campaign and require users to participate in games and promotions, and the best way to do so is using visual elements. Notification bars seems to work best in this case and provide webmasters with just enough space to present their product and services without constantly annoying the users. By applying the right color scheme and adding up a set of festive graphic elements, an otherwise plain-looking bar can turn into a striking holiday promo element.

Pop-ups are also a great way to infuse your website with the holiday spirit. They offer website owners the opportunity to present their websites with the right amount of visual and text components. Pop-ups provide enough space for creating a better product presentation, yet, they are often skipped by visitors. In order to create an appealing popup design with a great holiday look, you need to stick to design’s latest trends.

 

The post Prep Your Website for the Holidays With These Awesome Design Elements appeared first on SpyreStudios.


SpyreStudios

12 Awesome Black Friday Deals You Must Get

Only here you can find the best offers that come along with Black Friday, since we have searched the whole internet and have gathered a list out of them. Enjoy!

Black Friday Deals

1. Instapage

If you Google the phrase, “landing page software” you’ll come across a few dedicated providers and a bunch of results that offer landing pages as a one-off service. In reality, there’s only one provider that really matters, and that’s Instapage.

Instapage

Instapage is the industry leader in lead page creation software. Why? Among other reasons, Instapage offers the simplest-to-use design and most powerful integration capabilities going. Start creating from any of one of their over 80 templates. Customize your page any way you like then, add to its impact by embedding a YouTube video, or include an animated element, or add a shopping cart button. The Instapage click-and-edit platform allows even the most novice marketer to create and publish professional pages that will convert new leads and sales.

And, with more than 20 marketing integrations like, WordPress, Salesforce, MailChimp, and Facebook to choose from, publishing and syncing your pages is now easier than ever.

Instapage has three different account levels (Basic, Pro, Premium) with increasing benefit levels. Basic is great for beginners because it offers two A/B split tests to see which page variation is converting best. If you’re serious about design and online marketing, the real magic happens with Pro and Premium accounts. Both plans offer more customization, full HTML editing, client accounts, the option to import your own template, and a professional template review option.

Start your free 45-day trial today!

2. MyDesignDeals

If you’re a designer on the lookout for the best Black Friday deals possible, you don’t want to pass up this bundle from MyDesignDeals.

My Design Deals

It includes 45 of the newest, most popular fonts in existence, complete with bonus files like layer styles, vector shapes, and much more. You’ll also get webfonts, and extended licensing for everything inside, so you can use everything in projects you create for clients, or for resale.

If you bought all of this stuff at the regular price, it would cost you $ 1,186. For a limited time, you can get it all for 97% off, at only $ 39.

Once this deal expires, it will be gone forever, so make sure you check it out now before you miss out.

3. Shrink the Web

Shrink the Web lets you capture screenshots of different websites as well as shrink, crop, save or display them using only a simple line of code or a screenshot plugin. It is easy to use and has really great reviews from all users providing you also a great team support that can help you with anything you may need.

Shrink the Web

You can create your own profile choosing from 4 different types of accounts: free, basic, plus or enterprise, the last three accounts providing a lot exclusive features for its members like URL-to-PDF conversion which can quickly transform a web page URL into a PDF file, custom size captures for a 4:3 aspect ratio, wide screen for odd size screenshots, inside page and custom quality that helps you reduce the bandwidth usage. Shrink the Web has the fastest time possible for capture, being a very reliable service and the best thumbnail provider out there.

It’s really the best solution on the market, have you tried it ?

4. Bugherd

Bugherd is an incredibly easy-to use bug tracker tool that is bound by two principles: teamwork and efficient workflow. Part of their features are: pinpoint tool for bugs, automatic screenshots and in-page feedback. You might be also interested in version control synchronizer, visual task board, csv exporting and 3rd party integration. Those that have used it are so excited about it and have almost nothing to complain about!

Bugherd

In just a few minutes you can get your 14 day free trial (no credit card upfront) and after that you have to pay only $ 5 per user, per month.

5. Themify

In the last years, drag & drop page builders have become the most popular solutions when talking about WordPress. This is not a surprise as page builders allow anyone with no technical skills to build stylish and professional looking websites. It helps developers create pages quickly and helps beginners create stylish pages they could not create on their own.

Themify.me

Themify Builder is one of the best solutions on the market because it’s user-friendly, it offers a lot of tools for building pages quickly and it has pre-built layouts.

Try it and it will become your daily partner !

6. Opinion Stage

The right service to use when talking about polls seems to be Opinion Stage. Recognized worldwide, free and professional, they are for sure everything you need to get to know your visitor’s opinions.

Opinion Stage

7. PSD2HTML

Here’s a great deal for busy web developers and designers! Get 20% off on a fast-loading, cross-browser compatible and fully responsive markup. Do the things you love while an experienced PSD2HTML team does all the tedious coding. And you don’t even need to create a special responsive design version.

PSD2HTML

Just use this code – N2134I84 – at the checkout. It’s valid through December 12, 2015. Don’t miss out!

8. Elegant Themes

One of the greatest websites in the field of Theme Graphic Design is ElegantThemes which provides its customers with original Page Templates, Shortcodes and Theme options to give you full control of your web projects. Thus, they introduced a brand new theme, Divi 2.5, the most advanced ever built and, most probably, the only one you’ll need.

Elegant Themes

And considering Black Friday is here, you could make a great deal out of it thanks to their 25% discount!

9. Flyzoo

You now have an amazing customizable chat app for websites named Flyzoo that provides a lot of different chats like private, group or live support as well as a file sharing feature and API integration. You can also use the real-time monitoring in order to find your customers and increase your sales.

Flyzoo

Get your free trial account just with a few clicks !

10. Darwin Pricing

In the field of online marketing, a new app has been released by Darwin Pricing, helping you define your sales strategy by adjusting your prices according to your customers’ location. It also comes up with a great feature: artificial intelligence – analysis of economical indicators coupled with the purchasing data gathered on your website, offering you a smart price to start with.

Darwin Pricing

Today it’s just $ 9.95/mo instead of the regular price of $ 480/mo, that’s a huge discount !

11. Iconsflow

IconsFlow is a free icon maker which you should use if you want to spend less time but also to create stunning icon sets and save them in SVG, PNG and ICO formats. They have a lot of designs that you can customize and they also craft new icon sets every week in order to provide you a professional and fresh style for your creative projects.

Iconsflow

Get a premium plan for just $ 0,75/month (yearly plan) with this code: BlackFriday2015

12. Mockplus

As a new intuitive prototyping tool, Mockplus is perfect for rapid design. It can meet all the requirements on creating prototyping for apps based on multiple platforms, such as mobile, desktop. It’s a easy & simple yet powerful helper on prototyping, and the free version is available.

Mockplus

Try it and you won’t be sorry !

Conclusion

By using these, we guarantee you will be on your path to success when it comes to your design projects or websites. We are looking forward your feedback and your opinions regarding your favourite tools and services!


Onextrapixel – Web Design and Development Online Magazine

20 Awesome Material Design Concepts

After Google announced Material Design for its Android Lollipop update last year, the world has gone material design mad. Material design not only looks amazing but is also a wonderful design philosophy which is helping developers and designers around the world to imagine designs like never before.

Popular apps have already started adopting this new design philosophy for their apps, and new apps for Android are also coming out dressed in material design. For those that have been left out and have not yet implemented the awesome material design, here are some concepts.

Material Design Concepts

Facebook

Here’s our favourite place to hangout online served in material design.

Facebook

Cinema Ticket

How about getting a ticket show up like this when you are booking a show next time?

Cinema Ticket

Event Details

A clean event details page shown in full material design.

Event

Calendar for Desktop

This looks like an elegant calendar app for a desktop PC or even a tablet PC.

Calendar Desktop

Music Player

A dark and trendy music player design in the all new material design.

Music Player

Google Chrome

How about giving the Chrome browser a shiny new look?

Google Chrome

Explore

A design well suited for an adventure and journey based app.

Explore

Windows Explorer

That old design of Windows Explorer doesn’t quite fit in these days, so here’s a new look.

Windows Explorer

Payment Cards

A cool design for that boring payment details page.

Payment Cards

YouTube

YouTube already has a material design but this one beats it by a huge margin.

YouTube

Photoshop

What if Adobe Photoshop was given a makeover using material design?

Photoshop

Trello

Managing tasks would get even better with the Trello design.

Trello

Profile Page

A typical user profile page given a material design makeover.

Profile

News Feed

News feeds will not be so boring anymore, if they come in this design.

News Feed

Statistics Page

Statistics now look even cooler and more intuitive with this design.

Statistics Page

Last.fm

What if Last.fm had a complete makeover, the material design style?

Last.fm

Kickstarter

Kickstarter doesn’t have an Android app yet, but if they are planning to make one this would be a great design.

Kickstarter

Instagram

Sharing photos would get much more interesting if Instagram decided to go material design.

Instagram

Calendar App

A basic calendar app design in the new material design.

Calendar App

Runtastic

How about your favourite training app in material design?

Runtastic

Conclusion

These concepts are really helpful when you are trying to figure out a new design for your app as they provide an idea of how elements can be put together to create a stunning design.

We at OXP hope that these concepts will come in handy for all designers and developers out there who are looking to adopt Google’s Material Design for their next design or app.


Onextrapixel – Web Design and Development Online Magazine