4 Reasons to Go PRO on CodePen

Post pobrano z: 4 Reasons to Go PRO on CodePen

I could probably list about 100 reasons, since as a founder, user, and (ahem) PRO member of CodePen myself, I’m motivated to do so. But let me just list a few here. Some of these are my favorites, some are what PRO members have told us are their favorite, and some are lesser-known but very awesome.

1) No-hassle Debug View

Debug View is a way to look at your the Pen you’ve built with zero CodePen UI around it and no <iframe> containing it. Raw output! That’s a dangerous thing, in the world of user-generated code. It could be highly abused if we let it go unchecked. The way it works is fairly simple.

You can use Debug View if :

  1. You’re logged in
  2. The Pen is PRO-owned

Logging in isn’t too big of a deal, but sometimes that’s a pain if you just wanna shoot over a Debug View URL to your phone or to CrossBrowserTesting or something. If you’re PRO, you don’t worry about it at all, Debug View is totally unlocked for your Pens.

2) Collab with anybody anytime

Collab Mode on CodePen is the one that’s like Google Docs: people can work together in real time on the same Pen. You type, they see you type, they type, you see what they type.

Here’s what is special about that:

  • There is nothing to install or set up, just shoot anybody a link.
  • Only you need to be PRO. Nobody else does. They don’t even have to be logged in.

Basically, you can be coding together with someone (or just one or the other of you watching, if you please) in about 2 seconds. Here’s a short silent video if you wanna see:

People use it for all sorts of things. In classrooms and educational contexts, for hiring interviews, and just for working out problems with people across the globe.

Drag and drop uploading

Need to quickly host an asset (like an image) somewhere? As in, quickly get a URL for it that you can use and count on forever? It’s as easy as can be on CodePen.

If you’re working on a Project, you can drag and drop files right into the sidebar as well:

Save Anything Privately

Privacy is unlimited on CodePen. If you’re PRO, you can make unlimited Private Pens and Private Collections. You’re only limited in Private Projects by the total number of Projects on your plan. This is the number one PRO feature on CodePen for a variety of reasons. People use them to keep client work safe. People use them to experiment without anyone seeing messy tidbits. People use them to keep in-progress ideas.


I didn’t even mention my actual favorite CodePen PRO feature. I’ll have to share that one some other time 😉

Go PRO on CodePen


4 Reasons to Go PRO on CodePen is a post from CSS-Tricks

SVG as a Placeholder

Post pobrano z: SVG as a Placeholder

It wasn’t long ago when Mikael Ainalem’s Pen demonstrated how you might use SVG outlines in HTML then lazyload the image (later turned into a webpack loader by Emil Tholin). It’s kind of like a skeleton screen, in that it gives the user a hint of what’s coming. Or the blur up technique, which loads a very small image blurrily blown up as the placeholder image.

José M. Pérez documents those, plus some more basic options (nothing, an image placeholder, or a solid color), and best of all, a very clever new idea using Primitive (of which there is a mac app and JavaScript version), which creates overlapping SVG shapes to use as the placeholder image. Probably a bit bigger-in-size than some of the other techniques, but still much smaller than a high res JPG!

Direct Link to ArticlePermalink


SVG as a Placeholder is a post from CSS-Tricks

How to Create a Winter Sale Flyer in Adobe InDesign

Post pobrano z: How to Create a Winter Sale Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

Many businesses use the festive season as an opportunity to entice bargain-hunting customers into their stores. This flyer is a sweet and simple way of marketing winter season promotions, with a collage-inspired design and hand-drawn font style. 

We’ll set up the flyer in Adobe InDesign, create a snowy scene directly in the software, and show you how to export your design for printing or circulating online. 

Even if you’re a beginner to using InDesign, this single-page design is a great introduction to creating simple layouts and drawing graphics.

Looking for more promotional flyer designs? You can find a broad range of flyer templates over on Envato Elements, which are quick and simple to customize with your own text content.

What You’ll Need

You’ll need the following resource to complete this project:

1. How to Set Up Your Flyer in InDesign

A quick note on sizing: We’ll be setting up the flyer pictured here to a standard US flyer size, 8.5 by 11 inches. If you want to create your flyer to a different size, that’s no problem. You’ll simply have to adapt the scale of graphics and fonts to match your required page size. 

Step 1

Open InDesign and go to File > New > Document. Uncheck Facing Pages and keep the Number of Pages set to 1

Set the Width of the page to 8.5 in and Height to 11 in. Keep the margins to their default value, and add a Bleed of 0.5 in. 

new document

Click OK to create your document. 

Step 2

We’re going to build up the design across a series of layers, which will help give the design a 3D collage-like effect. 

To do this, expand the Layers panel (Window > Layers) and double-click on the default Layer 1 name in the panel. Rename the layer Background and click OK

Click on the Create New Layer button at the bottom of the panel, and double-click on this to rename the layer as Type

Then create a further five new layers using the same process, in this order: Mountains, Trees Background, Trees Foreground, Snow, and finally Snowfall

layer options

Then click to the left of each layer’s name to lock all the layers except Background

lock layers

Step 3

We’ll also set up a color palette, which we can use throughout the design. 

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s top-right drop-down menu.  

Name the swatch Dusky Pink and set the percentage levels below to C=6 M=12 Y=16 K=5. Click Add and then OK

Repeat the process to create a palette of CMYK swatches in lovely subdued tones of blues, pinks, and corals:

  • Teal: C=76 M=33 Y=23 K=6
  • Green Blue: C=68 M=38 Y=39 K=21
  • Pale Grey: C=11 M=6 Y=6 K=0
  • Pale Pink: C=3 M=12 Y=12 K=0
  • Pale Blue: C=28 M=6 Y=3 K=12
  • Coral: C=0 M=66 Y=52 K=0
swatch options

Step 4

Take the Rectangle Tool (M) and drag across the whole page, extending it up to the edge of the bleed on all sides. From the Swatches panel, set the Fill to Dusky Pink. 

dusky pink fill

Step 5

Create a second rectangle, allowing it to cover most of the page, with just a sliver at the bottom uncovered, as shown below. 

Set the Fill to Pale Blue.

pale blue

With this rectangle selected, go to Object > Effects > Gradient Feather. Adjust the Angle to 90 Degrees, and move the Gradient Stops until you’ve created a subtle gradated effect from blue to pink. 

gradient

2. How to Create a Forest Scene for Your Flyer

Step 1

Head back to the Layers panel and lock the Background layer. Unlock Trees Foreground.

Take the Pen Tool (P) and create a small, tall triangle, by clicking four times onto the page, linking the lines into a shape. From the Swatches panel, set the Fill to Dusky Pink and Stroke Color to [None].

triangle shape

Step 2

Switch to the Line Tool (\) and drag from the bottom of the tree to the top, creating a trunk. Set the Stroke Color to Green Blue. 

line tool

Create more lines stemming off the central trunk, reaching out to the edge of the tree, creating a series of branches. 

branches

Expand the Stroke panel (Window > Stroke) and select all the branches and the trunk (but not the pink triangle shape). 

Set the Weight of the stroke to 2 pt and choose Straight Hash from the Type menu.

stroke

Step 3

Select the pink triangle and go to Object > Effects > Drop Shadow. Set the Effect Color to Green Blue, Opacity to 50%, and Noise to about 15%. You can tweak the other options until you’ve created a subtle, grainy drop shadow. 

effect color

Click OK when you’re happy with the result. 

finished tree

Step 4

Select all the elements of the tree shape, including the triangle, trunk, and branches, and Right-Click > Group. 

Use Shift to scale the whole illustration, positioning it at the bottom of the page, as shown below. 

tree position

Edit > Copy, Edit > Paste the tree, creating multiple copies. Arrange them in a sequence along the bottom of the page and double-click on the triangle shape of each graphic to be able to adjust the color. Here, I’ve set one tree in Pale Grey and another in Pale Blue

row of trees

Continue to build up the row of trees, with one tree positioned in the center of the sequence and the page. 

row of trees

Step 5

Double-click on one of the triangle shapes to select this alone, and Edit > Copy. 

Lock the Trees Foreground layer and unlock the layer below, Trees Background. From the Layers panel’s drop-down menu, make sure Paste Remembers Layers is not active, and then Edit > Paste, dropping the triangle onto this layer. 

Adjust the Fill to Green Blue, and position it behind the row of trees, allowing it to peek through one of the gaps. 

tree background

Copy and Paste this tree shape repeatedly, building up a background row of trees, creating a forest effect. 

tree rows

Step 6

Lock the Trees Background layer and unlock the Mountains layer below. 

Edit > Paste another triangle shape onto this page, and drag to make it much larger. Change the Fill to Teal.

mountain shape

Go to Object > Effects > Inner Glow. From here, we can add a grainy texture to the shape. Set the Mode to Normal, Effect Color to Green Blue, and Opacity to about 50%. Increase the Size to 1.25 in, Choke to about 35%, and Noise to about 60%, before clicking OK

inner glow

Step 7

To create a snow cap for your mountain, take the Pen Tool (P) and click around the top of the triangle shape, creating more jagged edges along the bottom edge. Unite into a shape and set the Fill to Pale Grey. 

snow cap

With the cap selected, go to Object > Effects > Inner Glow. With the Mode set to Normal, adjust the Effect Color to Pale Blue. Increase the Choke to around 20% and Noise to about 40%, before clicking OK

inner glow

Step 8

Select both the blue triangle and snow cap and Right-Click > Group.

group

Copy and Paste the mountain, moving a copy over to the right side of the layout.

pasted shape

Create more copies of the mountain, stretching them and reducing their height, and fitting them in the central section of the layout, as shown below, creating a mountain range. 

mountain range

Step 9

Take the Ellipse Tool (L) and, holding Shift, drag onto the top-right of the page, creating a small moon. Set the Fill to Pale Grey. 

ellipse tool

With the circle selected, go to Object > Effects > Transparency. Choose Overlay from the Mode menu. 

overlay

Click on Outer Glow in the window’s left-hand menu. Tweak the options to create a soft glow effect, to give the impression the moon is shining. 

outer glow

Click OK to exit the window. 

illustration so far

Step 10

Lock the Mountains layer and unlock the Snow layer. Select the Pen Tool (P) and click around the bottom of the page, to create a long rectangle-like shape, which just overlaps the bottom edge of the trees. Set the Fill to [Paper].

lock layer

3. How to Format Typography on Your Flyer

Step 1

Lock the Snow layer and unlock the Type layer. 

Select the Type Tool (T) and drag onto the page to create a text frame across the center of the layout, above the mountain range. Type in ‘WINTER’.

From either the Controls panel at the top of the workspace or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Naive Inline, Size 85 pt, Tracking 70 and set the text to Align Center. From the Swatches panel, set the Font Color to [Paper].

text frame

Step 2

Edit > Copy, Edit > Paste the text frame to create a second text frame below the first. Type in ‘SALE’ and increase the Font Size until the edges of the word meet the edges of ‘WINTER’ above.

Switch the Font Color to Coral for contrast. 

coral

Step 3

Build up more text frames around the main headline if you wish. You can add more details about the savings on offer…

text

… and where customers can benefit from the discounts. 

text teal

Vary the Font Color between [Paper] and Teal, so that the coral ‘SALE’ text remains the most visible piece of type on the page. 

4. How to Add a Snowy Finishing Touch

Step 1

It’s not a wintry scene without a generous sprinkling of snow!

Lock the Typography layer and unlock the top layer, Snowfall. Select the Pen Tool (P) and roughly draw a small circle onto the top of the page. Set the Fill to [Paper]. 

snow drop

With the shape selected, go to Object > Effects > Transparency. Set the Mode to Overlay and bring the Opacity down to 70%. 

overlay

Click on Drop Shadow in the window’s left-hand menu. Set the Effect Color to Teal, and add 30% Noise to create a subtle shadow. Click OK.

drop shadow

Step 2

Copy and Paste the circle repeatedly, creating a scattered group of snowdrops. 

snow drops

Then select the group and Copy and Paste, eventually building up a whole snowfall design across the top of the flyer. Avoid the circles spilling over any of the text, but allowing a few to fall over the top of the mountains helps the whole illustration to pull together. 

snowfall

5. How to Export Your Flyer

Your flyer’s finished—great job! Now all you have to do is export it, ready for circulating online or sending off for printing. 

Step 1

First up, make sure to File > Save your hard work. Then go back to File and choose Export

In the Export window that opens, choose PNG or JPEG from the Format menu if you want to create a web-ready image. 

export to web

If you’re looking to print your flyer professionally, choose Adobe PDF (Print) from the Format menu. Then click Save.

export to pdf

Step 2

If you’ve chosen PDF, the Export to PDF window will open. Select [Press Quality] from the Preset menu at the top. 

press quality

Then click on Marks and Bleeds in the left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings, before clicking Export to create your print-ready file. 

printers marks

Conclusion: Your Finished Flyer

Your winter sale flyer is finished and ready for distributing—awesome work!

In this tutorial, we’ve looked at how you can create gorgeous flyers with a craft-inspired look in InDesign. It’s also easy to adapt your flyer design to a different purpose—why not use it to promote a festive event?

Looking for more promotional flyer designs? You can find a broad range of flyer templates over on Envato Elements, which are super easy to customize with your own text content. Make sure to take a look!

final flyer

Photoshop in 60 Seconds: How to Create a Tie-Dye Pattern in Adobe Photoshop

Post pobrano z: Photoshop in 60 Seconds: How to Create a Tie-Dye Pattern in Adobe Photoshop

Final product image
What You’ll Be Creating

When in doubt, create your own patterns! Learn how to make a tie-dye effect in under a minute!

Photoshop in 60 Seconds: Tie-Dye Pattern

Decorate your work with custom patterns! They’re an essential resource for designers and are super easy to make!

In this quick video, I’ll show you how to use Photoshop’s different filter tools to create a custom tie-dye pattern. Experiment with colors and more, and show us your results!

How to Create a Tie-Dye Pattern in Photoshop

Create a New Document at 850 x 850 pixels, and then add a New Layer.

Use the Rectangular Marquee Tool (M) to create a vertical selection and Fill it with color using the Paint Bucket Tool (G).

Repeat this process until the entire document is filled with any alternating colors that you like.

Create the colors

Here are the colors I’ve used:

  • #791a93
  • #18106e
  • #2c73d2
  • #71cae1
  • #31a457
  • #f1ea88
  • #f07c4f
  • #f03d0f

Now blend the colors together. Go to Filter > Blur > Gaussian Blur and add a Radius of 25 pixels.

Next, go to Filter > Distort > Polar Coordinates and choose Rectangular to Polar.

Distort Polar Coordinates Filter

For the tie-dye effect, go to Filter > Liquify and select the Twirl Clockwise Tool (C).

Increase the size of your brush before clicking and holding the center to twirl the colors. Use the Forward Warp Tool (W) to drag lines out from the center and distort the pattern. (You can also blur any harsh lines with the Blur Tool (O).)

Experiment with different directions for a better look.

Tye Dye Pattern Using Liquify

Add more texture by setting a Watercolor Stock to Overlay and lowering the Opacity to 82%. Then, Merge all the layers together. To create the final pattern, select the Rectangular Marquee Tool (M), and go to Edit > Define Pattern.

Here is the tie-dye result below.

Tye Dye Effect Photoshop

Apply it to different scenes like this Pillow Mockup for more fun variations.

Tye Dye Pattern Photoshop Tutorial

Learn More With Our Tutorials!

Inspired to create custom patterns? Start with one of our
tutorials! Continue to grow your skills over time while growing your collection of resources.

Get Amazing Design Resources

Want to create videos like this? Download the items used in this video:

And check out these tutorials to learn more from our experts:

60 Seconds?!

This is part of a series of quick video tutorials on
Envato Tuts+ in which we introduce a range of subjects, all in 60
seconds—just enough to whet your appetite. Let us know in the comments
what you thought of this video and what else you’d like to see explained
in 60 seconds!

15+ Best WordPress Portfolio Themes for Creatives

Post pobrano z: 15+ Best WordPress Portfolio Themes for Creatives

Whether you’re a photographer, a painter, or a web designer, one thing remains a constant: You need a portfolio. After all, portfolios are the time-tested, best way to give potential clients a look into your work history and methodology.

I’ll give you an example. A photographer needs a portfolio to display his best work with categories for featuring different types of photos like black and white or nature-themed. Likewise, a web designer needs a creative portfolio that can be used to show off her latest client projects and even provide space to write about the development process.

Portfolios can take on many shapes and many styles. But the important commonality here is that they are, in fact, important. If you want to ensure your work resonates with its target audience, and pick up a few new clients or customers, you can use WordPress portfolio themes to build a stunning representation for your work on the web.

Useful WordPress Portfolio Theme Features

While the best portfolio themes can vary widely in presentation style, they often include a similar feature set. Getting familiar with what is offered aids in the decision-making process. It let’s you know what to expect in a solid portfolio theme purchase and allows you to quickly compare creative options. A few popular features include:

  • Dedicated portfolio page layouts. These give you the ability to customize the look of your portfolio without having to dig into code.
  • Masonry, grid, and list options. Because varied presentation options are the spice of life and can help maintain visitor interest.
  • Portfolio item descriptions. This lets you describe each project and give visitors insight into how you work.
  • Slideshows. Adding an interactive element can pique visitor interest.
  • Parallax sliders and backgrounds. More smooth moving parts create visual interest and support for your work.
  • Video backgrounds. Inclusion of video backgrounds can help engage visitors if you’re taking a storytelling approach to displaying your portfolio pieces.
  • Galleries. Act as a nice supplement to portfolios and let you display more than one image or video per portfolio piece.

These are just a sampling of what many creative WordPress portfolio themes include. Your mileage may vary. But now you have a better appreciation of what to expect as you begin browsing through the many WordPress portfolio themes currently available on ThemeForest and Envato Elements.

The WordPress themes included here are some of the very best options for creating a portfolio out there right now. And best of all, these are the top sellers, the themes that many people have already tried and loved.

Envato Elements

Envato Elements allows you to download unlimited WordPress themes for beautiful creative websites, all for a single monthly fee ($19 per month, with an annual subscription). If you create a lot of sites, this option is perfect for you.

Let’s look at a couple before we roundup our ThemeForest examples. 

1. Adios

Firstly, check out the beautiful Adios template below. It’s really striking, fully responsive and retina ready, and it comes with these features, among many others:

  • Solid typography
  • Visual Composer page builder
  • 26 custom shortcodes
  • Advanced portfolio layouts, including masonry and classic options
  • Portfolio filtering
Adios  Portfolio WordPress Theme
Adios | Portfolio WordPress Theme

2. Osmos

Osmos is a wonderfully minimalist portfolio theme, getting out of the way and letting your work do the talking. Whitespace and typography play a big part in what’s behind Osmos, and as it hooks directly into your Adobe Typekit account you can enjoy full control over its typographic features. It also comes packaged with several plugins which you’d otherwise have to pay for:

  • Visual Composer Compatible (Save $34)
  • ACF Professional Compatible (Save $18)
  • IconsMind Included (Save $59)
  • LayerSlider (Save $22)
Osmos - Minimalist Portfolio WordPress Theme
Osmos – Minimalist Portfolio WordPress Theme

3. Freelo WP

Freelo has a neat, gentle aesthetic–perfect for anyone who needs an organised and friendly portfolio to show off their work (be that design, illustration, photography, videography, whatever). It comes with all manner of layout options, depending on the portfolio you’re looking for, and a lovely full-screen search input when the little magnifying glass is clicked–joy!

Freelo WP - Creative WordPress Portfolio Theme
Freelo WP – Creative WordPress Portfolio Theme

4. Sprint

Sprint is another pleasantly minimalistic theme (something common amongst portfolios, because heavy styling is frankly out of place). Its header and masonry grid are a solid choice, though there are other portfolio layouts to try.

Sprint - Minimal WordPress Portfolio

And the footer has just the right balance of style and function:

Sprint - Minimal WordPress Portfolio
Sprint – Minimal WordPress Portfolio

Now, if a subscription is not for you, and you’re looking for individual creative WordPress themes, read on for the full selection of the best examples from Envato Market.

Best Portfolio WordPress Themes, to Display Your Creative Work Online

With a good understanding of what makes up the very best portfolio WordPress themes available for creatives of all types, we can move on to the theme showcase. Here you’ll find 15 of the very best (and the best-selling) portfolio themes money can buy:

5. Illustrator

I love a good niche theme, and this one is perfect if your niche is illustration. Tailored to the needs of illustrators, artists, photographers, animators and so on, this theme showcases portfolio collections and individual pieces equally well.

The screenshot below shows the masonry layout, but there are fourteen other homepage arrangements to choose from, as well as a wide range of page templates to make the most of your work.

Illustrator - A Portfolio Theme for Illustrators Designers and Artists
Illustrator – A Portfolio Theme for Illustrators, Designers, and Artists

6. Argenta

With clean lines and demo’d with cool, calming photography, Argenta is a new theme (February 2017) for creatives in search of that stylish solution. It comes wrapped up with Visual Composer, Revolution Slider, and ACF (advanced custom fields) Pro, a range of portfolio settings, and a host of navigation layout options.

Argenta - Multipurpose WordPress Theme
Argenta – Multipurpose WordPress Theme

7. Ronneby

If you need to display your creative work online with a robust canvas of options, Ronneby is a great choice! It’s dubbed a high-performance WordPress theme and for good reason. It can be used to create just about any kind of site you want, and is certainly up for the task of making a stunning portfolio.

It comes with a versatile set of display options, with over 40 layouts, plenty of portfolio options, numerous demo layouts, and several plugins like Slider Revolution, Visual Composer, and Ultimate Addons for Visual Composer.

This responsive and retina-ready theme includes one-click installation, 8 pre-made headers, Mega Menu options, modern typography, portfolio hover variants, 23 portfolio page types, 48 styled widgets, over 1,700 font icons, and it’s WooCommerce-ready. Support and updates are included as well.

Ronneby WP Creative Folio Theme
Ronneby WP Creative Folio Theme

8. Kalium

The Kalium theme was designed with creative people in mind, offering a host of features for creative professionals that help them get their work in front of prospective clients. It comes with many pre-made demos that can be installed with a single click, saving you a considerable amount of time.

It’s packed with numerous plugins that make designing custom layouts a breeze including Visual Composer, Revolution Slider, and LayerSlider. Plus it comes with shortcodes, can be translated, and supports unique portfolio options including hover styles, Dribbble Portfolio integration, and over 30 portfolio types. Other features include over 700 Google Fonts, unlimited skins, over 800 icons, multiple footer styles, and the whole thing is responsive and retina-ready.

This theme packs the features you need to create a stunning portfolio to showcase your creative work!

Kalium - Creative WP Theme for Professionals
Kalium – Creative WP Theme for Professionals

9. TheFox

TheFox is a multipurpose WordPress theme that offers plenty of options for creating a stylish portfolio that suits the needs of creatives from all walks. This theme is responsive and super flexible, allowing for numerous customizations to build the perfect site to suit your needs.

It comes with loads of demos, plenty of documentation, support, and a video tutorial for quick setup. Also included are 30 homepage designs, over 250 design details, a robust theme options panel, Visual Composer, Premium Slider, and a shortcode generator. You also get a one-click demo importer, Mega Menu, WooCommerce compatibility, CSS3 animations, unlimited colors, header options, and so much more. A flexible and robust WordPress folio theme to display your best creative work.

TheFox - Creative Multi-Purpose WordPress Theme
TheFox – Creative Multi-Purpose WordPress Theme

10. Unicon

Unicon was made with designers in mind, offering plenty of customization options without bogging down users. It comes with a Drag & Drop Page Builder, a responsive and retina-ready design, 50 Page Builder elements, and one page layouts. It also features multiple headers, sticky headers, Revolution Slider, Mega Menus, one-click setup, over 650 Ultrasharp icons, and over 50 premade layouts. It packs high-quality code, numerous features, free updates, as well as the display options you need to make a rockstar online portfolio!

Unicon - Design-Driven WordPress Portfolio Theme
Unicon – Design-Driven WordPress Portfolio Theme

11. Uncode

Another best-selling WordPress portfolio theme worth checking out is Uncode. This theme is multi-use, so it can be configured to suit just about any purpose. However, it comes packed with loads of portfolio features sure to please creatives of all types: designers, illustrators, photographers, and more. It also includes several high-quality plugins like Visual Composer, Layer Slider, Revolution Slider, and iLightbox.

It’s WooCommerce compatible and WPML ready. It comes with 20 homepage layouts, a full admin options panel, grid layouts, over 6 menu styles, and dedicated portfolio and blog templates for total control over your design.

Uncode - Multi-Use WordPress Portfolio Theme
Uncode – Multi-Use WordPress Portfolio Theme

12. Atelier

While the primary focus of the Atelier theme is e-commerce, it’s also perfect for portfolios and comes with the features to back up that claim. It comes with 12 demos that can be installed with one click, a minimal design, speed and SEO optimization, and a responsive design.

It also packs in 10 different header types, animated headers, 5 cart animations, multiple product display types, and drag-and-drop page builder. It features Visual Composer compatibility, numerous page types including portfolio and blog. You can make quick use of its shortcodes, RTL support, Mega Menus, and more.

Atelier - Creative Multi-Purpose WordPress Theme
Atelier – Creative Multi-Purpose WordPress Theme

13. Scalia

Scalia is another best-selling WordPress theme that offers multi-concept solutions for businesses, shops, and creatives. This theme’s numerous portfolio layouts and gallery options make it a great choice for displaying your creative work. It features five different designs to suit varying tastes and includes 100 unique page templates.

There are 8 blog styles, multiple shop pages, quick finders, and more. It also comes with Visual Composer, Mega Menus, and a responsive design. It’s robust and ready to be extended with WPML, sliders, and WooCommerce compatibility.

Scalia - Multi-Concept WordPress Theme for Creatives
Scalia – Multi-Concept WordPress Theme for Creatives

14. Borderland

Borderland is a creative WP theme that can be used for a variety of purposes, but we’re focusing on its portfolio features today.

It comes with 12 beautiful demos that can be imported with a single click, WooCommerce shop compatibility, Ajax page transitions, Fullscreen Elated Slider, a clients carousel, and a testimonials shortcode.

It features numerous layout options, such as portfolio single templates, portfolio list layouts, hover animation effects, multiple blog layouts, sliders, and custom post formats. You can also put parallax backgrounds, video backgrounds, and a number of additional features to work. Grab this WP theme today to create a stylish portfolio and to standout on the web!

Borderland - A Daring Multi-Concept WordPress Theme
Borderland – A Daring Multi-Concept WordPress Theme

15. PhotoMe

If photography is your outlet of choice, you’ll love the PhotoMe theme. It comes jam-packed with over 50 gallery and portfolio layouts, one of which is certain to fit your next project.

It also comes with 8 demos, all of which can be imported with a single click and supports a multitude of options and portfolio templates for customizing your site to best display your work.

This theme supports the Live Customizer, features a responsive layout, comes with a Content Builder, blog templates, and a one page layout. It also packs in Revolution Slider, WooCommerce support, and includes support and documentation. PhotoMe is a feature-rich theme you can use to set up your photography portfolio online!

PhotoMe - Creative Photo Gallery Photography Theme
PhotoMe – Creative Photo Gallery Photography Theme

16. Photography

This is a WP theme that’s ideal for photographers and is aptly named Photography theme. This responsive theme comes with 24 demos that can be installed with just one click, dark and light style options, as well as over 70 gallery and portfolio templates—to display your best work.

It also features, infinite scroll, a photo proofing section with password protection, Live Customizer support, a Content Builder, 8 menu layouts. It comes with support, documentation, and professional files to get your photography portfolio started right.

Photography- Photography WordPress Portfolio Theme
Photography- Photography WordPress Portfolio Theme

17. Kinetika

Kinetika is a fullscreen photography theme that includes numerous gallery and portfolio features that allowa for the creative display of your latest and best works. If you’re a photographer or need to display your work at full-screen, then this is a great WordPress portfolio theme to start with.

It includes a promotion box, a portfolio and blog carousel, fullscreen slideshows and videos, and a proofing gallery. You’ll also get slideshow text, multiple headers, video page backgrounds, and a fullscreen menu. And it packs in Revolution Slider, WooCommerce compatibility, WPML compatibility, as well as optimization for speed and SEO.

Kinetika - Fullscreen Creative Photography WP Theme
Kinetika – Fullscreen Creative Photography WP Theme

18. Foundry

Foundry is another multipurpose theme that can be used to create a knockout portfolio to impress your clients. The design here is flat, responsive and totally professional, all while being super easy to customize thanks to the inclusion of Visual Composer, and numerous page builder elements.

It also comes with great display options, such as: fullwidth and boxed layouts, ready-to-use demo pages, over 20 homepage designs, coming soon pages, Mega Menus, and multiple menu styles. It has easy to customize components like one-click color changes. It includes features like, page notifications, Google Fonts, WooCommerce compatibility, and well as documentation and video tutorials.

You can have your portfolio online quickly, but also all the WordPress theme features you need to work with as you grow your reputation and expand your folio of professional work.

Foundry - Highly-Flexible WordPress Portfolio Theme
Foundry – Highly-Flexible WordPress Portfolio Theme

19. Vigor

The last theme to make our cut of the best-selling portfolio WordPress themes is Vigor. This theme is easy to customize and ideal for creating a compelling portfolio that truly captures attention. If you want your portfolio to stand out online, this is the theme to grab!

It comes with a powerful admin interface, multiple header layouts, Edge Slider, parallax, animations, a masonry gallery, fullscreen menus, Mega Menu, and video backgrounds. As well as great visual display options, like LayerSlider, Visual Composer, portfolio lists, single items, and sliders, a client carousel, and pretty much everything you’d ever need to display your work in-style online.

Vigor - A Fresh WordPress Theme for Creative Folios
Vigor – A Fresh WordPress Theme for Creative Folios

How to Make a Portfolio Using Creative WordPress Themes

1. Carefully Install Your Theme

After picking the right theme for your situation, make sure you install it correctly. This means following the theme’s included documentation as well as following general theme installation best practices.

It’s a good idea to create a child theme for the portfolio WordPress theme you select as well, since this will ensure that the customizations you make won’t be deleted when a theme update is released.

2. Use The Theme’s Customization Settings

Speaking of customization, it’s a fantastic idea to get familiar with how you can customize your chosen theme. Most good themes come with thorough documentation, so be sure to read that to find out all of the little things you can modify or adapt to suit your needs.

Whether it makes use of the theme options panel, Live Customizer, or includes a custom settings screen, familiarize yourself with what’s included and make use of it to the greatest extent possible.

3. Optimize Your Portfolio Items

While you’re perusing your theme’s documentation, you’ll likely come across some specifications about how to approach your portfolio items. That is, you should pay attention to the sizing specifications, formats accepted, and your layout options. Then, you can go through all of the items you’d like to feature in your portfolio and optimize them accordingly.

A great portfolio layout won’t help you if your items don’t fit the format correctly. Everything will look „off.” To avoid this, take the appropriate time to resize and format your images. A pristine end result will be worth it.

4. Keep Your Portfolio Up-to-Date

Once your site is up and running with your new WordPress portfolio theme, be certain to keep your portfolio up to date. Set aside some time each month to review your work and see if something new should be included in the lineup. Doing this keeps your site fresh and ensures you’re always putting your best face forward.

Pick the Right Portfolio WordPress Theme Now!

Trying to cobble together a portfolio site can feel maddening when starting from scratch. But with a fantastic selection of creative portfolio WordPress themes to choose from, you can’t go wrong. With a little research, you’re certain to find the perfect theme to suit your personality and to act as your representation on the web. We have a whole lot of choices on ThemeForest, brought to you by the largest global community of creatives.

Nine key questions to ask mobile app developers to help you choose the right one for the job

Post pobrano z: Nine key questions to ask mobile app developers to help you choose the right one for the job
first image of the post

The use of smartphones has made the need for apps to be on the increase. In fact if your business doesn’t have an app it’s possible that you’re losing customers. Technology has made life easier and patronizing a company that’s lagging behind in app development is one of the hardest things to do right now. I’d rather go with a company whose services can be accessible through their app. Everyone wants the easy way out, and if you’re not thinking app, you’re obviously not ready to win customers over. Having a good app is a plus to your company, which means you need to employ the services of a good web developer. There are lots of competitions out there when it comes to choosing a good web developer for your business. But here are nine key questions to ask the mobile app developers that’ll help you choose the company for the job.

Where can I find the apps you’ve developed?

One thing I love about app development companies is that their jobs are not far-fetched. By just a click you can access the apps your potential developers have created or collaborated in their creations. A good app company won’t even let you ask this question, a serious company would have shown you samples of their jobs and where their apps can be found.

May I have the list of your current and past clients?

This question is necessary to validate the answer to the first one. You don’t just believe that a company created something by mere asking, you need another company they’ve worked for to confirm their claims. Your verification shouldn’t only be about app creation but about everything you’d like to know about their services. In an email interview, Jamie Buck the co-founder of Payday loans UK, said “When in search of the right app developer, it’s not enough to see the apps they’ve developed, there’s a great need to reach out to their clients to find out their customer experience”.

What’s your pay?

This should be the next point to be discussed after you’ve confirmed the developer is up to the task. Find out if he/she can work within your budget.

What kind of smartphone do you use?

This question is necessary because the answer will let you know how knowledgeable a mobile web developer is about a particular mobile platform. If the developer is claiming to be a guru in developing apps on iPhone, then person should be using an iPhone. It is also applicable to blackberry and android.

How can my app make money?

If your goal for developing the app is to make money, then this question is necessary. The knowledge of this will help the developer add money making features in the app. You can either make it pay-per-download or free. Whatever your decision is between the two, make sure they are well clarified by the developer.

How do we communicate during the process?

How well you communicate during the development process determines how great the app will turn out. It’s expedient to enquire means of communication to ensure thorough follow up. Does the person prefer calling or video conferencing? Whatever his/her means of communication maybe, it should be convenient for you.

What kind of unique features can you create?

No matter how well designed your app is, if its features aren’t useful and very innovative it won’t catch customers’ attention. Find out the versatility of your developer and how well he/she can add features.

Who will own the app?

It’s okay to assume that you’re the owner of the app since you’re the one paying for it. But better it is to have a well written contract agreement with the developer. You guys should either sign “Work made for hire” or “Copyright assignment” contract that states you won everything related to the app.

Will my mobile app be submitted to app stores?

You ought to know if your app will be submitted to app store. This is the last step after you must have approved the beta-tested version of your app. The app submission process usually takes long.

 

 

 

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie