Tag: HTML

Need Coding? Top 15 PSD To HTML Services You Should Use

If web designers were to have their own way, they would like to focus on aesthetics but their end result wouldn’t only have to look good it would have to be user- friendly, cross-browser compatible, easy and fast to load and semantic. It’s a good idea to change your Photoshop mockup using a finished PSD… Continue reading Need Coding? Top 15 PSD To HTML Services You Should Use

Top 10 Best HTML Photography Website Templates

These HTML photography website templates have many amazing built-in features which can be used by individuals, freelance photographers and agencies. For example thumbnail gallery layout is the most popular and must have option for any photography website template. With recent trend of HTML5 templates, it’s possible to have different types of layouts like masonary layout,… Continue reading Top 10 Best HTML Photography Website Templates

Framework7 – HTML Framework for Building iOS7 Apps

Framework7 is a full Featured HTML Framework For Building iOS7 Apps. Framework7 allows you to be flexible with list views (table views). You can make them as navigation menus, you can use there icons, inputs, and any elements inside of the list, and even make them nested. Because Framework7 uses Ajax for navigation between pages… Continue reading Framework7 – HTML Framework for Building iOS7 Apps

Adobe’s Snap.svg: Animations With HTML 5, Without Flash

Flash has long been the standard for vector-based web animations. Some say for too long. The rise of mobile clients led to an acceleration of web standards such as HTML5. Thanks to the SVG formats, which is widely supported by modern browsers, we are able to embed vector-based graphics into our web projects without the… Continue reading Adobe’s Snap.svg: Animations With HTML 5, Without Flash

30+ PHP Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP is the most widely used language for server-side programming on the web. Here are 30+ best practices for beginners wanting to gain a firmer grasp of the fundamentals. We have also written posts like these for HTML, CSS, and JavaScript. HTML & CSS 30 HTML Best… Continue reading 30+ PHP Best Practices for Beginners

Top 20 Most Usable Content Management Systems

There are plenty of options when picking a content management system for a development project. Depending on how advanced you need the CMS to be, what language it’s built in, and who is going to be using it, it can be a nightmare trying to find the “perfect” CMS for a project. However, some CMSs… Continue reading Top 20 Most Usable Content Management Systems

Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet.… Continue reading Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first two parts of this series, you learned how to prepare static HTML for WordPress and to split your HTML file into a set of template files. You now have the beginnings of a theme,… Continue reading Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4   Final Product What You’ll Be Creating Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their first WordPress theme, how did… Continue reading Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

4 Tools to Build an Amazing Website

You pride yourself on your ability to code websites by hand, shaking your cane at these upstart web designers who rely on HTML editors and even the dreaded WYSIWYG tools. However, even the best from-scratch developers benefit from some designing tools. You want to work smarter, not harder, and tools can help you get your… Continue reading 4 Tools to Build an Amazing Website

GA Dash: Newcomer teaches Newcomers HTML5 for Free

Online-learning resources are great ways to gain knowledge at your own pace and in topics you are truly interested in, unlike typical school education. There are quite a few institutes promising to help you evolve your skills in whatever field you like. If you are about to embark the web design or development ship, just… Continue reading GA Dash: Newcomer teaches Newcomers HTML5 for Free

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

20+ Responsive jQuery Slider Plugin Compilation

In today’s world it is vital to have a mobile-ready website. A responsive jQuery slider plugin will allow your image sliders to adapt to the screen resolution of different viewing devices. These highly popular plugins will assist you in creating stunning responsive image sliders that feature awesome website transitions and effects. Image sliders in general… Continue reading 20+ Responsive jQuery Slider Plugin Compilation

Create Pure CSS 3D Model With Tridiv

We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv

Free Premium Files For September 2013

Each month the Envato marketplace brings you free premium standard files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces is the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free for September 2013. Showcase… Continue reading Free Premium Files For September 2013

30+ Stunning Joomla Virtuemart Templates

It is more and more common that web developers use solid and mature multi-purpose CMS platforms, such as WordPress, Drupal and Joomla, for building professional and easy to maintain websites, web applications and webshops. These solutions are interesting because they are easy to set up, they make it a breeze to publish content and further you… Continue reading 30+ Stunning Joomla Virtuemart Templates

15 Useful and Effective jQuery Lightbox plugins

jQuery is powerful and feature riched JavaScript library with nice event handling system, thus favorite among web designers/developers. Writing and using JavaScript is always a fun with jQuery for developers. jQuery and its plugins have made it possible to make web pages look appealing and user friendly. JQuery Lightbox plugins are used to overlay images… Continue reading 15 Useful and Effective jQuery Lightbox plugins

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

Creating the New Google Play’s Multi-Level Navigation from Scratch

Google have recently released a new Google Play website complete with a new redesign and what caught my attention was the way they implemented their navigation bar. With the smooth animation and how they let users peek at the root-level menu by simply hovering a back button, I decided to build a similar navigation menu from scratch… Continue reading Creating the New Google Play’s Multi-Level Navigation from Scratch

10 Easy Image Hover Effects You Can Copy and Paste

Hover effects are always a fun topic to explore. In the past, we’ve built someawesome examples of CSS hovers that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet… Continue reading 10 Easy Image Hover Effects You Can Copy and Paste

Recreate Google Nexus Menu

Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport