background preloader

HTML5

Facebook Twitter

Tab Styles Inspiration. A couple of modern and subtle tab styles and effects for your inspiration.

Tab Styles Inspiration

We use pseudo-elements, SVGs and CSS transitions for some of the techniques. View demo Download source. PHP - การออกรายงาน PDF ด้วย mPDF ด้วยวิธีอย่างง่ายและการเพิ่ม Font ไทยให้แก่ mPDF. Fast PHP Routing with PHRoute. PHRoute is an interesting package: it’s a fast regular expression based router that you can easily implement in small to medium projects.

Fast PHP Routing with PHRoute

Build an Online Store with Rails. Online shopping is a form of electronic commerce which allows customers to directly buy products or services like e-books, software, and streaming media over the Internet using a web browser.

Build an Online Store with Rails

This kind of shopping is a part of our daily lives, used by many well-known sites, such as Amazon, E-bay, or various streaming media/educational sites. This series will build an online store from scratch. We will learn how to use Rails with some great tools, such as: Foundation to design responsive pagesRedis to store shopping cart items quickly in memoryBraintree to accept payments and provide premium plan subscriptions. Let’s get started! Main Features Skills Needed Good experience with Ruby on Rails.Intermediate level of HTML/CSS3.Basic knowledge of JS/Coffescript & AJAXUnderstanding the concepts of responsive CSS.Introductory-level knowledge of Redis, a key-value store.Overview of how online payment systems work. Tools. Build an Online Store with Rails. Build an Online Store with Rails.

Pure CSS Off-screen Navigation Menu. Hamburger menu, drawer menu, off-canvas menu: Whatever you call it, hiding a website’s primary navigation just off screen is becoming a ubiquitous pattern in responsive web design.

Pure CSS Off-screen Navigation Menu

More and more sites feature a fixed-position icon that, when tapped, pushes the entire site to the side to reveal a hidden navigation menu. While there are plenty of jQuery plugins that will create this effect for you, it’s actually pretty easy to achieve without using any JavaScript at all. Notification Styles Inspiration. Some simple ideas and effects for unobtrusive website notifications.

Notification Styles Inspiration

A little script is employed for showcasing some styles and CSS animations are used for the effects. View demo Download source. 20 Impressive CSS3 Techniques, Libraries and Examples. Danny Markov In this list we’ve gathered for you some of the best sources of CSS goodness.

20 Impressive CSS3 Techniques, Libraries and Examples

We’ve chosen some amazing demos from various artists that come to prove that nowadays everything is possible with CSS. We’ve also included articles that depict the awesome new features of CSS3 and a few helpful libraries full of CSS tricks. Slick - the last carousel you'll ever need. Set up your HTML markup.

slick - the last carousel you'll ever need

<div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project Add slick.css in your <head> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> // Add the new slick-theme.css if you want the default styling <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> Add slick.js before your closing <body> tag, after jQuery (requires jQuery 1.7 +) Initialize your slider in your script file or an inline script tag. PHP Binding examples. JQM Designer. Twelve JavaScript Libraries for Data Visualization. Regardless of the industry, businesses throughout the world are relying more and more on data, specifically when in very large groups, to make assumptions about both the past and future.

Twelve JavaScript Libraries for Data Visualization

In addition to being collected, this data often must be converted into effective diagrams that highlight any and all necessary findings: a task that the JavaScript language has proven itself fully capable of completing. In turn, a much heavier focus is currently being placed on JavaScript as a data visualization tool; therefore, I compiled the following list of twelve JavaScript frameworks that can be extremely useful for data visualization. Dygraphs.js The Dygraphs.js library allows developers to create interactive charts using the X and Y axis to display powerful diagrams. The more data being parsed, the higher the functionality of the graph. D3.js Eventually becoming the successor to Protovis.js, D3 is capable of creating stunning graphics via dynamically updating the DOM. Check if window is focused.

การเพิ่ม Font ภาษาไทยอื่นๆ เข้าไปใช้งานใน MPDF. Hover Effect Ideas. Object-Oriented PHP for Beginners - Tuts + Code Tutorial. Why you Should be using PHP's PDO for Database Access. Many PHP programmers learned how to access databases by using either the MySQL or MySQLi extensions.

Why you Should be using PHP's PDO for Database Access

As of PHP 5.1, there's a better way. PHP Data Objects (PDO) provide methods for prepared statements and working with objects that will make you far more productive! Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. - Mixu's Node book. Thanks for visiting my book site!

- Mixu's Node book

My ideal book is short, comprehensive and interesting. In order to learn Node, you need to learn how to write code - not how to use a 3rd party library or a set of spells. I will recommend a few libraries, but the focus is on writing code yourself. Whenever I cover an API, I will do what I can to include examples and snippets that I have found useful myself. Node: Up and Running. Circular Progress Button with SVG. Previous Demo Back to the Codrops Article Default progress button (success and error) Elastic version, with some easings (success, error) CountUp.js. 20 Fresh CSS Generators for UI Elements and Animations. We’ve been able to build beautiful sleek CSS buttons and transitions to create a better user experience.

However they all require a number of configurations along with the respective results. Here comes the online generator, which can easily display the designated preview based on CSS code and save you ahead of time. There are many almighty generators or specific ones that cover all features of CSS3 like border, radius, etc. But today we’re gonna focus on the UI element side: button, menu, form, shape and also some handy tools for your settings of animation, transition and transformation.

If you’re interested, there are some CSS3 menu tutorials and techniques, and more CSS3 tools for other purposes. AlloyUI. Inspiration for Item Transitions. Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done using CSS Animations. View demo Download source. 24 Cool PHP Libraries You Should Know About.

Martin Angelov It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here are 24 of the coolest that I’ve come across. Your favorite is not on the list? Share it in the comment section! 1. Simple PHP Router and Clean URL's - Krate. Did you ever need to build a website with clean URL’s without installing a content management system (CMS)? Tired of writing the same snippets of code in multiple files? Krate’s simple PHP router to the rescue. jRating jquery plugin - Very flexible jQuery plugin for creating quickly a star rating system : MyjQueryPlugins.

RGB-to-Hex Color Converter. Submit-01 - Flat Icons. Flaticon. Pick the icons you want, download them into the Download Box and you will get them in a hurry. Priceless! The greatest thing about FlatIcon is that this powerful tool is free. Sql - Select max,min, last value from a column in mysql table. How to Setup Recurring Payments. Introduction. History API คืออะไร? + สอนวิธีใช้