Flexbox is an advanced method of more efficiently using space amongst items of a CSS container. While its theory can seen a bit complicated and difficult to master, thankfully the web is chock-full of great opportunities to learn. We’ve compiled a collection of some of the best resources out there to help you learn more… Continue reading CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks
Tag: changes
A Beginner’s Guide to AJAX with jQuery
In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax… Continue reading A Beginner’s Guide to AJAX with jQuery
Design Mock-Ups Need Dynamic Content: Tools and Plugins
Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet still neither resilience nor flexibility are usually reflected in deliverables… Continue reading Design Mock-Ups Need Dynamic Content: Tools and Plugins
An Example of AJAX with Vanilla Javascript
Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript
How To Create And Customize A WordPress Child Theme
The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme
Display WooCommerce Categories, Subcategories, and Products in Separate Lists
What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists
Web Designers: Roll up Your Sleeves and Sketch!
Let’s talk about why you, as a web designer, should be using pens and pencils more often. I’m going to give you some tips, tool suggestions, and plenty of reasons to roll your sleeves up and sketch! Step Away From the Computer The design process tends to isolate designers from the rest of the team, meaning… Continue reading Web Designers: Roll up Your Sleeves and Sketch!
12 Best Meteor Tools For Developers
Are you a developer who is looking for some free to use meteor tools? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 12 best and extremely useful meteor tools for developers. Meteor tools or MeteorJS tools are very helpful… Continue reading 12 Best Meteor Tools For Developers
A Beginners Guide to Titan Framework: Adding an Enable Type Option
Providing end users with the option to enable or disable certain features of a premium plugin or a theme is pretty common. Titan Framework has recently pushed a new option to its core which does exactly that. Let’s see how you can add an enable/disable toggle button inside an admin panel, a metabox or a… Continue reading A Beginners Guide to Titan Framework: Adding an Enable Type Option
Posts, Pages and Post Types
In this part of this series on WP_Query, you’ll learn how to use WP_Query to query for posts, pages and custom post types. You can query for specific posts and pages or you can run a query to return posts of one or more post types. A Recap on How Arguments Work in WP_Query Before… Continue reading Posts, Pages and Post Types
Android Lollipop: Developers Must Adapt to These 3 Radical Changes
With the release of Android 5.0 Lollipop, one of the most radical design overhauls of the Google’s mobile operating system, the new era of the Android is being rolled out. The latest OS is set to bring a raft of new changes, updates, and features that are sure to change the way you have ever… Continue reading Android Lollipop: Developers Must Adapt to These 3 Radical Changes
Web Design Trends That Will Disappear in 2014
If you’re looking forward to changes that come with starting a new year, you may also be excited to learn what sorts of trends are emerging in the web design world. What most people aren’t talking about, but should be, are the types of design trends that are on their way out, which ones should… Continue reading Web Design Trends That Will Disappear in 2014
New to Photoshop? Get Started Here!
So you’ve decided to teach yourself Photoshop? That is so exciting! Thank you for choosing Tuts+ as your place to learn. Photoshop is a fantastically powerful application that will allow you to manipulate images in just about any way you can think of. You can remove unwanted people or distractions from a photo, make color… Continue reading New to Photoshop? Get Started Here!
Create a Surreal “Game of Thrones” Photo Manipulation
Preview of Final Results Tutorial Resources Model – faestock Mountains – Burnt Sky – salsolastock Ball – rivendell-photostock Colors – needanewname Snow Brush – carocha Step 1 – Open a new file Open Photoshop and ant the top of the screen select the option File – New. The size has to be Width: 2249 and… Continue reading Create a Surreal “Game of Thrones” Photo Manipulation
Frustrating Points for Web Developers
Web developing is one of the most important steps while developing a website. This particular activity is very tough as there are huge numbers of technologies that are used for the same. The web developer needs to find out the exact type of developing tools that will help to develop some of the best compatible… Continue reading Frustrating Points for Web Developers
Webydo: The Code Free Website Creator Platform For Professional Designers
Let’s say you are a designer who is hired by clients to create websites. The traditional process is to design the picture of the website in Photoshop and get it approved by the client. Once he approves it, you will have to hire a developer or a coder who will then convert that design into… Continue reading Webydo: The Code Free Website Creator Platform For Professional Designers
Free Download: 3 Realistic Android Mockups
Video Preview Android Mockups There are three beautiful Android mockups for you to use. If you’re a SparkleStock member, you can download the premium pack which includes an additional nine 20 megapixels mockups. These mockups let you adjust the screen brightness simply by changing the opacity. The reflections automatically adjust to your image and it… Continue reading Free Download: 3 Realistic Android Mockups
10 Terrific Time-Saving CSS Cleanup Tools
The benefits of having clean, organized CSS are numerous. A site with immaculate CSS will load more quickly, appear more prominently in search results, and serve as a stellar testament of your professionalism for future clients. Everyone from the everyday visitor to the most scrutinous fellow designer will benefit from your diligent, clean CSS markup. … Continue reading 10 Terrific Time-Saving CSS Cleanup Tools
How Human Centric Web Design Improves Your Workflow
Human-centric and user-centric design are two terms we often hear in the industry, though sometimes both designers and developers consider them to mean the same. User-centered design is something most of us aim to put high on our list of priorities; having the end-user in mind and reflecting this philosophy in our products. Human-centered design… Continue reading How Human Centric Web Design Improves Your Workflow
Beginning With WordPress: Editing the Look of Your Site With CSS
This entry is part 6 of 6 in the series Beginning With WordPress So, now that we have a child theme set up we’re ready to get make some changes to the look and feel of our site. What You’ll Need Web browser – I’m using Chrome Text editor – I’m using Text Wrangler FTP… Continue reading Beginning With WordPress: Editing the Look of Your Site With CSS
35 Flat Web Design Examples For Inspiration
Have you already caught on to the newest trend – flat web design? If not have a peek at how others have done. A few years ago, the use of effects and gimmicks was prevalent in web design. However, as with everything else design trends changes, and what used to be out of fashion becomes trending… Continue reading 35 Flat Web Design Examples For Inspiration
14 Fantastic Free Tools for Design Collaboration
For designers, collaborating and sharing design concepts can be frustrating. The process is often initiated over email, while we wait for feedback and sort through comments and revision notes. However, there’s a wealth of excellent collaboration tools to make it easier to get feedback and approve artwork in a timely, professional manner. For freelancers or… Continue reading 14 Fantastic Free Tools for Design Collaboration
How to Promote Your E-Commerce Business with Social Media Marketing
When it comes to marketing and promotion, no one can ignore the scope and potential of social media. Social media is nowadays considered the de-facto destination for promoting e-commerce based businesses. Because of its interactive nature, social media provides a ready pool of users that can be converted into sales, facilitates a platform of communication… Continue reading How to Promote Your E-Commerce Business with Social Media Marketing
30 Awe-Inspiring Mobile App Designs
Mobile app designs have been revolutionized by the smartphone war. Android, iOS and other famous mobile operating systems have changes the way we look mobile phones. Now more responsive and unique experience is being served by these Operating Systems. Mobile app designs are the main topic of concern for these systems. There are many functions… Continue reading 30 Awe-Inspiring Mobile App Designs