Szaboka's Blog » Tutorials http://szaboka.hu The Design Blog of Roland Szabo Wed, 15 May 2013 10:07:02 +0000 en-US hourly 1 How to Create a Typography-based WordPress Theme – Part 2: Coding in HTML http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-2-coding-in-html/ http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-2-coding-in-html/#comments Wed, 15 May 2013 10:07:02 +0000 Szaboka http://szaboka.hu/?p=2022 Hey guys, and welcome to Part 2 of my latest tutorial series, How to Create a Typography-based WordPress Theme. In this part, we’ll be learning how to convert a PSD to a working HTML webpage. We are going to use the latest HTML5 and CSS3 technologies. I don’t think I can say anything else here, [...]

The post How to Create a Typography-based WordPress Theme – Part 2: Coding in HTML appeared first on Szaboka's Blog.

]]> http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-2-coding-in-html/feed/ 0 How to Create a Typography-based WordPress Theme – Part 1: Design in Photoshop http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-1-design-in-photoshop/ http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-1-design-in-photoshop/#comments Mon, 14 Jan 2013 23:48:20 +0000 Szaboka http://szaboka.hu/?p=1676 In this tutorial series, we’ll be looking at how we can create a WordPress theme that is made entirely and exclusively of typography. That’s right; we won’t be using any images or graphical elements in this design. My goal is to give you a sense of how typography can be so powerful by itself. To [...]

The post How to Create a Typography-based WordPress Theme – Part 1: Design in Photoshop appeared first on Szaboka's Blog.

]]> http://szaboka.hu/tutorials/how-to-create-a-typography-based-wordpress-theme-part-1-design-in-photoshop/feed/ 5 How to Integrate Bootstrap Features into WordPress via Shortcodes http://szaboka.hu/tutorials/how-to-integrate-bootstrap-features-into-wordpress-via-shortcodes/ http://szaboka.hu/tutorials/how-to-integrate-bootstrap-features-into-wordpress-via-shortcodes/#comments Sun, 09 Dec 2012 01:37:03 +0000 Szaboka http://szaboka.hu/?p=1720 In this tutorial we’re going to take a look at how we can include Bootstrap’s components and JavaScript libraries into WordPress. To achieve this, we’ll also learn how to create our own custom shortcodes and integrate them into the WordPress editor. This Blog you’re reading is based on WordPress as you may already know. But [...]

The post How to Integrate Bootstrap Features into WordPress via Shortcodes appeared first on Szaboka's Blog.

]]> http://szaboka.hu/tutorials/how-to-integrate-bootstrap-features-into-wordpress-via-shortcodes/feed/ 2 How to Create a Landing Page Design + Free PSD Download http://szaboka.hu/tutorials/how-to-create-a-landing-page-design-free-psd-download/ http://szaboka.hu/tutorials/how-to-create-a-landing-page-design-free-psd-download/#comments Fri, 20 Jul 2012 12:20:45 +0000 Szaboka http://szaboka.hu/?p=1312 In this tutorial, we'll learn how to create a landing page (also known as a lead capture page or lander) in Adobe Photoshop. We'll talk about layout techniques as well as layer styles and typography to make our landing page design super eye-catching.

The post How to Create a Landing Page Design + Free PSD Download appeared first on Szaboka's Blog.

]]> http://szaboka.hu/tutorials/how-to-create-a-landing-page-design-free-psd-download/feed/ 15 Let’s Create a Responsive Picture Gallery – Part 3 http://szaboka.hu/tutorials/lets-create-a-responsive-picture-gallery-part-3/ http://szaboka.hu/tutorials/lets-create-a-responsive-picture-gallery-part-3/#comments Sat, 19 May 2012 09:36:27 +0000 Szaboka http://blog.szaboka.hu/?p=1166 In today’s tutorial, we’ll finish up our recently created picture gallery by making it responsive. Responsive design is one that literally responds to the user’s browser window size. This way everyone can view the same content no matter what resolution device they’re using. Let’s get started! What’s really neat about this tutorial is that we’ll [...]

The post Let’s Create a Responsive Picture Gallery – Part 3 appeared first on Szaboka's Blog.

]]> http://szaboka.hu/tutorials/lets-create-a-responsive-picture-gallery-part-3/feed/ 2