Showing posts with label Page. Show all posts
Showing posts with label Page. Show all posts

Thursday, June 25, 2015

Cornerstone: The WordPress Page Builder Web Designers Will Love

Editor’s Note: This post is brought to you by theme.co.


"Absolutely Loving It" is just one of the ways in which X Theme users have described their initial impressions of the newly released Version 4.0 that features the new Cornerstone page builder. Web designers who have just recently been introduced to this impressive page builder have been quite vocal in describing this latest enhancement as "awesome", a "masterpiece" and a "game changer".


The authors of this ever-popular theme constantly focus on continual improvement, making some game-changing improvements, including the addition of this new page builder along with several other features in this latest version. The response was far more positive and enthusiastic than anyone expected. Just what is it about Cornerstonen that has created all this excitement about version 4.0?


Cornerstone – Cool, Intuitive, Streamlined


Cornerstone is a collection of shortcodes that can be used to create complex and nearly infinitely customizable page layouts. Despite the complexity of building a layout from scratch, the page builder’s interface creates a more intuitive environment with a streamlined work process to help you deliver your cool results. It is simplicity at its best.


First of all, this is a 100% completely frontend page builder – you can see the changes take effect as you make them. You can essentially editing on the fly, with an over-arching, upclose and personal point-of-view. Your workspace becomes cleaner, more well-organized, clutter-free.


Features Of Cornerstone Page Builder


Cornerstone features an Editor and a Preview area. These two areas work together, but they are viewed separately by the user.


The Editor consists of a sidebar where you can access a Layout pane, an Elements pane, an Inspector (shown below) and a Settings pane that handles a range of miscellaneous options.


The Preview area is where you see where you are at during the page-building activity. It has but a single function, the Inspecting Elements function. If you hover over an element, it will be highlighted in the Editor pane; you can then alter its appearance if you wish.


To get a fuller view of work in progress, the Editor pane is collapsible. Elements displayed in the Preview area can be repositioned on your page via drag-and-drop. You can also edit text on the fly without having to resort to backend manipulations.


Cornerstone has its own Element Library and it is a huge one. The developers refer to it as the Ultimate Element Library, although it can and will always be updated, added to, and improved upon.


If you are a developer who uses coding as a means of increasing a theme’s page-building flexibility, you will love Cornerstone’s Live Code Editing feature. If you are not yet a professional code editor, this Sublime-text-inspired tool can make one out of you.


If you have purchased the X Theme, this intuitive tool will be available to you for free, along with every other premium features this theme has to offer. Gain more control over what you can change, design, envision and create.


Initial Feedback Has Been Positive


A sampling of the testimonials that have been flooding into Themeco’s offices in recent days:


Users are more than pleased. They are excited, and more than a few are simply ecstatic about the features X Version 4.0 and Cornerstone have to offer. When a theme is in many ways nearly as picture-perfect as possible, referring to an update as a game-changer is really saying something, but that is something you can judge for yourself.


Finding a Better Page Builder would be a Challenge


If you have been looking for just the right solution for your page or post building activities, the smooth, streamlined, and intuitive Cornerstone interface has everything you need to build a page in less time that it takes to finish your morning cup of coffee.


You also benefit by having a premium theme with a multiplicity of features to work with, and a best-selling theme. You might even wonder what the next upgrade will feature. And if that wasn’t impressive enough, Cornerstone has a bright future in other parts of the WordPress ecosystem that Themeco will be announcing in the coming months. To sum up, X Theme 4.0 is highly recommended.



Cornerstone: The WordPress Page Builder Web Designers Will Love

Cornerstone: The WordPress Page Builder Web Designers Will Love

Editor’s Note: This post is brought to you by theme.co.


"Absolutely Loving It" is just one of the ways in which X Theme users have described their initial impressions of the newly released Version 4.0 that features the new Cornerstone page builder. Web designers who have just recently been introduced to this impressive page builder have been quite vocal in describing this latest enhancement as "awesome", a "masterpiece" and a "game changer".


The authors of this ever-popular theme constantly focus on continual improvement, making some game-changing improvements, including the addition of this new page builder along with several other features in this latest version. The response was far more positive and enthusiastic than anyone expected. Just what is it about Cornerstonen that has created all this excitement about version 4.0?


Cornerstone – Cool, Intuitive, Streamlined


Cornerstone is a collection of shortcodes that can be used to create complex and nearly infinitely customizable page layouts. Despite the complexity of building a layout from scratch, the page builder’s interface creates a more intuitive environment with a streamlined work process to help you deliver your cool results. It is simplicity at its best.


First of all, this is a 100% completely frontend page builder – you can see the changes take effect as you make them. You can essentially editing on the fly, with an over-arching, upclose and personal point-of-view. Your workspace becomes cleaner, more well-organized, clutter-free.


Features Of Cornerstone Page Builder


Cornerstone features an Editor and a Preview area. These two areas work together, but they are viewed separately by the user.


The Editor consists of a sidebar where you can access a Layout pane, an Elements pane, an Inspector (shown below) and a Settings pane that handles a range of miscellaneous options.


The Preview area is where you see where you are at during the page-building activity. It has but a single function, the Inspecting Elements function. If you hover over an element, it will be highlighted in the Editor pane; you can then alter its appearance if you wish.


To get a fuller view of work in progress, the Editor pane is collapsible. Elements displayed in the Preview area can be repositioned on your page via drag-and-drop. You can also edit text on the fly without having to resort to backend manipulations.


Cornerstone has its own Element Library and it is a huge one. The developers refer to it as the Ultimate Element Library, although it can and will always be updated, added to, and improved upon.


If you are a developer who uses coding as a means of increasing a theme’s page-building flexibility, you will love Cornerstone’s Live Code Editing feature. If you are not yet a professional code editor, this Sublime-text-inspired tool can make one out of you.


If you have purchased the X Theme, this intuitive tool will be available to you for free, along with every other premium features this theme has to offer. Gain more control over what you can change, design, envision and create.


Initial Feedback Has Been Positive


A sampling of the testimonials that have been flooding into Themeco’s offices in recent days:


Users are more than pleased. They are excited, and more than a few are simply ecstatic about the features X Version 4.0 and Cornerstone have to offer. When a theme is in many ways nearly as picture-perfect as possible, referring to an update as a game-changer is really saying something, but that is something you can judge for yourself.


Finding a Better Page Builder would be a Challenge


If you have been looking for just the right solution for your page or post building activities, the smooth, streamlined, and intuitive Cornerstone interface has everything you need to build a page in less time that it takes to finish your morning cup of coffee.


You also benefit by having a premium theme with a multiplicity of features to work with, and a best-selling theme. You might even wonder what the next upgrade will feature. And if that wasn’t impressive enough, Cornerstone has a bright future in other parts of the WordPress ecosystem that Themeco will be announcing in the coming months. To sum up, X Theme 4.0 is highly recommended.










Cornerstone: The WordPress Page Builder Web Designers Will Love

Sunday, June 14, 2015

Page scroll effects

Page scroll effects

A mini-library including 8 page scroll effects you can use for your silders. A little gem by CodyHouse.


The post Page scroll effects appeared first on Freebiesbug.



Page scroll effects

Sunday, May 24, 2015

Animated page transition

Animated page transition


A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax. A tutorial by CodyHouse.


The post Animated page transition appeared first on Freebiesbug.



Animated page transition

Wednesday, May 6, 2015

Win One Qards License – Responsive Drag & Drop Page Building WordPress Plugin



Isn’t it frustrating to design the perfect webpage in your mind, but to be unable to create it for real? It’s time you found out about Qards, an awesome page builder plugin that you can use to create beautiful and responsive websites. Keep reading and find out how you can get your hands on a Qards license, worth !


Design infinite types of web pages without using a single code



The new Qards drag and drop WordPress plugin allows you to build awesome and appealing webpages or websites without having to write a single line of code yourself. Not only does this plugin let you build a page from scratch, but it also saves weeks of work time, otherwise spent on programming. If you know how to code, then Qards gives you the possibility to tweak CSS by accessing the CSS option and customize your page even further.


Qards works with any WordPress theme and helps you to design a wide variety of webpages, such as blogs, e-commerce sites, landing pages, case studies and many more. Moreover, you can enhance your project’s originality by using their easy to use visual editor and the TypeKit Integration, which allows you to select from an entire collection of fonts.


Add beautiful components to your website in no time



There are no more limitations for your creativity. You can add as many elements as you want: Qards comes with a drag & drop feature, allowing you to edit every aspect of your site and make changes easily before sharing the page with your audience.  Choose your favorite elements from a wide range of pre-designed blocks, or adjust them to your design preferences.


You can use Qards to add images, videos, smooth scrolling effects and fixed menus to your page. Feel free to modify their styles and place them wherever you like on your website.


Win one of three Qards Plugin Licenses


All you have to do to win a license for Qards, the drag & drop WordPress tool for website design, is to enter the contest through the form below. But if you don’t want to wait any longer, feel free to try Qards now.


a Rafflecopter giveaway


Find Out More →




The post Win One Qards License – Responsive Drag & Drop Page Building WordPress Plugin appeared first on Speckyboy Web Design Magazine.



Win One Qards License – Responsive Drag & Drop Page Building WordPress Plugin

Thursday, March 26, 2015

Hooky – One Page Creative PSD Theme

Hooky – One Page Creative PSD Theme

Hooky is a modern and elegant one-page PSD theme designed with great color combinations. Hooky can be used for your personal website, freelance portfolio, or creative agency. The theme can be used as a self-contained one-page theme or added to your inner pages.


Screenshots



Hooky – One Page Creative PSD Theme




Hooky – One Page Creative PSD Theme

Sunday, March 15, 2015

Free PSD landing page

Free PSD landing page


A landing page concept that you can use to create a beautiful portfolio page. Free PSD designed by Evgenia Kornienko.


The post Free PSD landing page appeared first on Freebiesbug.



Free PSD landing page

Saturday, March 14, 2015

Free PSD landing page

Free PSD landing page


A landing page concept that you can use to create a beautiful portfolio page. Free PSD designed by Evgenia Kornienko.


The post Free PSD landing page appeared first on Freebiesbug.



Free PSD landing page

Saturday, December 27, 2014

Ecommerce Mobile Home Page Design Gallery

Ecommerce Mobile Home Page Design Gallery


I am (finally) working on a mobile design for the main ecommerce website I run. As I started thinking about the layout of the site and of the home page, I wanted to see what approaches leading online retailers were taking for their mobile designs, and what ideas and best practices I could apply.


The sort of questions I was looking for feedback on were wide ranging, including: Would a short or a long home page be more effective for my customers? What balance should there be between providing category navigation on the home page and on presenting featured offers and products? Should the search box be open or closed by default? How many links should go in the footer?


So, I pulled together a showcase of over 100 mobile ecommerce home page designs, mainly taken from the larger online stores, as a source of inspiration.


I won’t claim that every one of these examples represents mobile home page design best practice, but they all caught my eye for one reason or another, and collectively, provide an insight into the current trends in ecommerce design for mobile devices.


To capture the screenshots, I used Chrome’s mobile emulation mode set to iPhone 6 to get a wider page width. This worked fine for the most part, except that I couldn’t hide the scroll bar on the right side of the page.


I’d love to know a better way to capture these types of screenshots, ideally on an iPhone 6 sized screen. These alternatives for capturing mobile website screenshots might be worth checking out too:






Ecommerce Mobile Home Page Design Gallery