While the growing adoption of responsive images cannot be ignored, it can be very difficult to employ the functionality under the constraints of a large CMS like WordPress. Although it is entirely possible to write the feature into your theme on your own, doing so is a challenging and time-consuming endeavour.Thankfully, with the launch of… Continue reading Responsive Images Now Landed In WordPress Core
Tag: Images
Designing Websites With Big Hero Images – Best Practices
One of the most important trends nowadays in web design are website hero images, which are generally defined as being a type of large banner that is typically located at the top of a website. Oftentimes, these images are the very first things that people see when they log on to a website. This, in… Continue reading Designing Websites With Big Hero Images – Best Practices
How To Create Impressive Websites
Image source: reuters.tv[2] As we already mentioned, ‘wow’ is the word we want our users to say when they open our website. It shows that they are amazed by what we’ve done and that our work was successful. You could appreciate them liking the site or addressing it as nice, but it is much better… Continue reading How To Create Impressive Websites
Ditching Large Images: The Absence of Large Header Background Images
Although the utilization of impressive images as a header background is considered to be a huge web design trend, it seems that not everyone has a burning desire to follow the tendency and join the mainstream. Instead, some folks go for opposite tactics and prefer ditching wide-screen pictures in favor of clean, solid color backdrops.… Continue reading Ditching Large Images: The Absence of Large Header Background Images
Free Image Editor: 4 Stellar Programs to Help You Create Beautiful Images
Need a new free image editor? Today we’re taking a look at four free tools you can use to design your own custom image graphics for sharing in blog posts or on social media. While toiling away in advanced image editing programs will always allow for unparalleled sophistication, there are some incredible free tools online that… Continue reading Free Image Editor: 4 Stellar Programs to Help You Create Beautiful Images
How to Create Stylish Transparent Labels for your Web Images in Photoshop
Transparency is seriously trending in web design right now, due to the popular use of large images, transparencies help to make the text pop on the busy image. This quick and simple tutorial will show you how to make a stylish transparent label with large type. We have done this in white, but it can… Continue reading How to Create Stylish Transparent Labels for your Web Images in Photoshop
14 Mockup Templates for Easy Website Hero Images
Hero header images containing various office peripherals and everyday objects are becoming increasingly popular, particularly for design agency and portfolio websites. Following this trend can be time consuming and requires some pretty swish photography equipment, but there are some shortcuts in the form of PSD mockup templates. In today’s post I round up a mixture… Continue reading 14 Mockup Templates for Easy Website Hero Images
Integrate Images from Your Instagram Feed to Your WordPress Site
Instagram apps and web platforms for photo and video sharing. If you have a WordPress site, you might be wondering how you can embed Instagram photo galleries and integrate images to your blog. To help users integrate their photos to their blogs and websites, Instagram has released a public Application Programming Interface (API). It is… Continue reading Integrate Images from Your Instagram Feed to Your WordPress Site
28 Website Mockups using Fullscreen Images
Let’s face the facts: anything that takes up the entirety of your computer screen is going to draw some attention. Fullscreen images have been used in backgrounds and slideshows for quite a few years now. But ever-improving Internet connections have allowed for much larger images that relate better to content on the page. This style… Continue reading 28 Website Mockups using Fullscreen Images
25 Free Hero Images and Mock-ups: The First Impression Counts
The use of giant, so-called Hero images is a trend of the younger years. Some say it was Apple who brought it forth, some say gigantic images have been there forever, but couldn’t be used due to poor bandwidths. The latter is becoming less and less of a problem, so why not start using hero… Continue reading 25 Free Hero Images and Mock-ups: The First Impression Counts
Ten Useful jQuery Plugins For Fullscreen Images
On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices. Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3,… Continue reading Ten Useful jQuery Plugins For Fullscreen Images
Generate Nice SVG Background Images with Trianglify JS
Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds. It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. Requirements:… Continue reading Generate Nice SVG Background Images with Trianglify JS
28 Tutorials about SVG Images in Web Design
Scalable images have become a lot more popular in recent years. As modern browsers slowly accept the notion of SVG images we can see many techniques being released out on the web. These range from scalable responsive logos to animated line drawings – all through the use of dynamically-generated images. This collection of tutorials should… Continue reading 28 Tutorials about SVG Images in Web Design
Responsive Images: Still Waiting for a Standard? Try Rwd.Images.Js Instead!
Responsive Images is a topic far from resolved. Will it be the picture element as proposed by the W3C or will it be the srcset attribute as proposed by WHATWG in the end? No matter what time will bring, responsive images are a problem that needs to be solved today and not sometime in the… Continue reading Responsive Images: Still Waiting for a Standard? Try Rwd.Images.Js Instead!
How to Work With Layers in Pixelmator
Pixelmator is an easy-to-use, fast, and powerful image editing app for the Mac. In this tutorial, we will dive deeper into the concept of layers by creating a collage made out of four images. Lets get started! Photos Used The following photos were used in this tutorial but you can follow along using any photos… Continue reading How to Work With Layers in Pixelmator
36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Here are some of our favourite free image galleries that you can quickly plug into a design. They’ve been built with everything from JavaScript to PHP to jQuery and more… A shout-out to all the developers involved in sharing their work with the community! JavaScript Galleries jQuery… Continue reading 36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS
20 Beautiful Examples of Background Image Usage in Web Design
Images have an effective and important role in web design. An experienced designer can use a large image in websites background effectively. This application of images will be look more composed when menus buttons will floating on this image. Here you can find 20 Beautiful Examples of Background Image Usage in Web Design. Wythe… Continue reading 20 Beautiful Examples of Background Image Usage in Web Design
Using Alignment to Improve Your Designs
Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs
Anatomy of a Perfect Sidebar – The Nuances of a Good Design
In the previous part of the series, we’ve gone through the definition and the importance of the “sidebar” element on WordPress blogs and checked out layouts with one, two, three and four sidebars (and no sidebars). In this second part, we’re going to see how to design a sidebar and order the elements – specifically,… Continue reading Anatomy of a Perfect Sidebar – The Nuances of a Good Design
Web Assets – Tips for Better Organization and Performance
Remember back to when we had to spend a lot of time optimizing our project’s assets (images, CSS, etc..)? Well today, users have a much faster Internet connection and it appears that we can afford to use bigger images or bigger flash files with a lot of video and pictures inside. However, with the rise… Continue reading Web Assets – Tips for Better Organization and Performance
Improving Layout With Vertical Rhythm
Learning all about the ins and outs of the technical side of typography is good. It will give you a solid grounding when looking for typefaces or fonts and will help you understand a little more about the art of typography itself. You’ll soon realise how much hard work it takes to get type right… Continue reading Improving Layout With Vertical Rhythm
Top 20 Photoshop Alternatives for Creating Multimedia Content
Adobe Photoshop has been one of the most widely used tools for creating banners, logos, website templates and other forms of graphics. However, anyone who has used Photoshop knows that it’s an advanced software that a normal user cannot use very easily. This is why we have created this list of 20 extremely user… Continue reading Top 20 Photoshop Alternatives for Creating Multimedia Content
Top 10 Skills Employers Look For In A Graphic Designer
Thanks to the digital revolution, graphic designers are now more in demand than ever in 2013. From logo and banner creation to newsletter and app design, graphic design roles today can be extremely diverse and can vary wildly from employer to employer. Despite this, the sector still remains one of the most competitive in the… Continue reading Top 10 Skills Employers Look For In A Graphic Designer
Top 20 CMS Alternatives to WordPress
WordPress is a well-known platform among thousand users all over the world where people talk about their experiences and views through blogging activity. It has many features including themes, plug-ins, widgets, mobiles and multi-user and multi-blogging. WordPress has a lot of advantages. It offers a variety of blogs and different kinds of website designs… Continue reading Top 20 CMS Alternatives to WordPress