background preloader

Web Development

Facebook Twitter

HTML5 Boilerplate: The web's most popular front-end template. Configure Mercury mail transport system for external mail | zoe.vc. Usually I develope my projects locally on my pc. Needless to say that you sometimes have to send an email from your script to external mail to check if everything is fine. So you need to configure your system in a way that your local apache webserver is able to send mail to external addresses. I always use XAMPP for Windows because it contains everything you need for developing PHP applications as well as all the stuff for sending mails: fake sendmail und Mercury Mail Transport System.

I reference to XAMPP 1.6.5 (for Windows) and Mercury 4.5 here. I'm writing this because I'm not a mail professional and read a lot of tutorials and none of them really worked. So let's get started: I hope that worked for you, if not, feel free to leave a comment but as I already said, I'm not a professional but I'll help you as far as I can! Pokki – Create and Distribute HTML5 Desktop Applications. Pokki is an application store and platform that brings rich mobile app experience to your desktop. Pokki Beta now support Window 7, with Windows Vista and XP support coming soon.

Pokki enables web developers to create rich, connected mini-desktop applications called Pokkies using the latest web standards HTML5, CSS3, and JavaScript. Pokkies are desktop applications, which are accessible from the taskbar and can deliver real-time notifications. You can download eight great Pokkies including Gmail, Facebook, and Tweeki (our Twitter client) from And even more exciting, you can now build and distribute your own Pokkies through Pokki store and from your own site. Pokkies enjoy the advantages of the web, such as always being up-to-date and interoperability with a wide range of web services, with the benefits of the desktop, such as real-time notifications and one click access from the taskbar.

So no need to run Android applications on your windows PC using BlueStack. Pokki - How To Add / Test Your Game. What is Pokki? Pokki enables web developers to create and distribute connected HTML5 desktop applications called Pokkies. - pokki.com Pokki in a nutshell:Pokki is basically a html5 web browser that sit on your toolbar that lets you run all your web apps as desktop app. Think of it as Google Chrome web store on your toolbar and having all those great apps running live on your desktop while you work and play. (If you already have Pokki installed and up and running you can skip steps 1-3) 1: Go and download Pokki (it's free) 2: Run and install it. 3: After you install the program, you should see Pokki icon next the the start menu. 4: Click on the start menu and go to the folder called Pokki and click on Toggle Dev Tools. 5: Now you should see another Pokki icon on the right inside the toolbar and a message.

(Skip step 6 if you already have a CS2 ready html5 app) 6: Open up Construct 2 and load your game, then export your file to HTML5 web site. icon-19x19.png icon-29x29.png. Code !t: Yeyy!! My first Pokki is published! I already wrote about what is Pokki how useful it could be. I spent some time thinking, what Pokki can I built that will be useful in my everyday work. I often find myself searching for online tools that do some simple dev related tasks and I thought that it will be great idea to bundle all kind of such tools into one Pokki that stays on my taskbar and is always just a click away from me.

What’s included in the first version For the first version and included three tools:Regex tool – very simple regex form that checks for a match or eventually replaces a string into string. This one can be widely extended with all kind of operations, quick options, etc. The results One of the good things about Pokki is that they give you out of the box analytics about the usage of your app. Next steps … I have already planned some features for the next versions. AJAX Send an XMLHttpRequest To a Server. .net magazine | The world's best-selling magazine for web designers and developers since 1994.

Color.hailpixel.com · Swatch you doing? 20 Incredibly Useful Tools & Resources for Web Designers. When it comes to Web design, the tools you use play an integral part in your results. Of course, we’re big fans of getting down to the basics, like putting pencil to paper, but sometimes finding new apps and resources can help you get those creative juices flowing. Check out our list of 25 incredibly useful tools and resources for designers and developers below. Then, be sure to let us know your favorites (or if we missed your favorite) in the comments! 1. Niice Niice essentially operates as a design search engine, pulling in results from Behance, Dribbble and Designspiration. 2. Pixel Dropr is a Photoshop plugin created by UI Parade which allows designers to create collections of icons, illustrations, photos, buttons and other elements that can be dragged and dropped to any PSD file. 3.

If you’re a Hacker News reader, you already know how Designer News works. 4. 5. Cloud Comp is a lightweight tool powered by Cloud App which lets designers share app and website mockups with clients. 6. Heyoffline.js. Go offline/online for demo or Download v1.1 Setup You can install Heyoffline via Bower with bower install Heyoffline or download heyoffline.js and include it the old-fashined way. CoffeeScript new Heyoffline monitorFields: true elements: ['.monitoredFields'] JavaScript Remember that instantiation needs to be done within a load or domready. Options Events Requirements Heyoffline.js is framework-agnostic. Source code All efforts have been made to keep the source as clean and readable as possible.

License Heyoffline.js is released under an MIT License, so do with it what you will. Color.hailpixel.com · Swatch you doing? Apache 2.2, PHP 5.3, MySQL and PDO setup with Windows 7 | Knowledgebase | chansiulun.com. Building a Website with PHP, MySQL and jQuery Mobile, Part 1. Martin Angelov In this two-part tutorial, we will be building a simple website with PHP and MySQL, using the Model-View-Controller (MVC) pattern.

Finally, with the help of the jQuery Mobile framework, we will turn it into a touch-friendly mobile website, that works on any device and screen size. In this first part, we concentrate on the backend, discussing the database and MVC organization. In part two, we are writing the views and integrating jQuery Mobile. The File Structure As we will be implementing the MVC pattern (in effect writing a simple micro-framework), it is natural to split our site structure into different folders for the models, views and controllers.

The Directory Structure The Database Schema Our simple application operates with two types of resources – categories and products. Jqm_categories Table Structure The categories table has an ID field, a name and a contains column, which shows how many products there are in each category. jqm_products Table Structure The Models. jQuery Mobile | jQuery Mobile. Learn How to Make Websites | Mozilla Developer Network. W3Schools Online Web Tutorials. PHP Tutorial. Cakephp Blog Tutorial Part 1 - Installation. JREAM Tutorials. PHP OOP Tutorials. CakePHP: the rapid development php framework. Pages.

21 Things You Must Know About CakePHP. Original >> Easily creating static pages I needed to create several pages that didn't use any models and contained static data inside the default layout. My first thought was to create a controller for these pages and define an action for each static page I needed. However, this solution seemed tedious and would make it difficult to quickly add new pages. Enter the pages controller - simply create a view inside the views/pages/ folder and it'll automatically be rendered in /pages.

For example, if I created /views/pages/matt.thtml it would be accessible via Static pages - Adjusting the page title If you're using the pages controller and you need to change the page title, add the following to your view: <? Static pages - Adjusting other data sent to the layout If you need to send data to the layout (such as a variable indicating what section to highlight on the nav bar), add this to your view: <? Creating a simple admin center Multiple sources of documentation.

Tutorial

Video Building Website. Web design tutorials.