Web Development and Design Inspiration | Web Syntax

HOLIDAY GIVEAWAY: WIN 1 OF 6 ACCOUNTS WITH MAXCDN

2012-12-10T02:39:00.002-08:00

GO TO THIS LINK TO GET A CHANCE TO WIN: http://tympanus.net/codrops/2012/12/10/holiday-giveaway-win-1-of-6-accounts-with-maxcdn/

Apple iPad Mini Giveaway

2012-11-22T06:46:00.001-08:00

Win a new Apple iPad Mini Giveaway

Designrshub, a design blog is hosting a giveaway. Join their Halloween celebration by entering their giveaway to get a big chance of winning a brand new Apple iPad Mini! It worth $429. If you do not want the device, you can choose to claim the money worth the gadget. Or, you can add more money to upgrade the price to 64GB. It’s up to you pal.

This giveaway will be run through Rafflecopter. See below on how to grab your entries:

Like their fanpages
Follow their twitter accounts
Add them to Google Plus
Subscribe to their blog
Tweet the post about the giveaway
Share on Facebook about the giveaway
Leave a comment on their post
Leave an insightful comment on other post.
Place the banner code in your blog -worth 25 entries
Write an article about the giveaway -worth 25 entries

That's how easy to join the giveaway! More entries means more chances of winning.

CLICK HERE TO SEE THE FULL MECHANICS

This giveaway is brought to you by Designrshub, Web and Graphic Design Resources, Home Budget Tips, Places and Spaces and Online Tech Magazine.

20 Visually Appealing Ribbons in Web Design

2012-06-07T01:58:00.000-07:00

The use of ribbons in web design is now in an increasing trend since it began in 2011, it serves as a menu, emphasizing web elements such as logos, banners, contact us, taglines and even title tags that can make your visitors come back. Without further ado, here is a collection of hand picked creative use of ribbons in web design. Be inspired!

Pointless Corp

OrangeQC

kisielki

1000 WP Themes

Urustar

mikos

Aidan Cotter

Stylapps

Roxanne Cook

clean, simple, clear

ike Seehagel

Sanne Meijer

Valerie Letens

Mark Hobbs

vysagh

Anna Monroe

Ghost Horses

JMills Pays Bills

Andy Patrick

Oliver Lisher

Create Web Elements on the Fly

2012-05-29T20:39:00.002-07:00

Today we must be fast in our work in designing, slicing, developing. Gladly, some bright persons created a builders for us. Here is a list of useful builders that you will need on your way working in sites.

Form Builder

UI Parade developed a tool to create form elements on the fly. This includes to customize the color, borders, border radius, highlights, shadows. For the button, you can change the button settings such as it's hover and pressed. You can change it's properties as well.

Link

Button Builder

Creating button very fast? Here is my suggestion, use this.

Link

Ribbon Builder

Can you imagine that? Ribbon builder, very impressive. try it. I recommend you to use it. No more tiring days of designing from Photoshop to coding in XHTML and CSS.

Link

Some other useful Generators

CSS3 Generator
Gradient Generator
If you know some useful Generators or builders, please do share and I will add that up in this post. Happy Coding!

Hackers From Philippines and Malaysia Attacked Chinese Sites

2012-04-25T19:16:00.001-07:00

Hacktivist group Anonymous attacked several Chinese Sites. In what looks like hacking-spree retribution following the Spratly Islands and Scarborough Shoal Dispute. Many Filipino and Malaysian Hackers join forces to give impression and also a warning.

Here is a message from the group found from one of the hacked sites:

We bow down to no enemy

Hold your line, stand your ground

One by one we'll take you down

You may continue bullying our country's waters but we will not tolerate you from

intimidating our own cyber shores. Those defacements are just a mere response to

what you have initially started. We are not trying to start anything. We are just

trying to tell you that we do not want to be bullied in our own cyberspace too.

We are Anonymous, We are legion, We don't forgive,

We don't forget, United as one, Divided by NONE, Expect us.

The group also displayed ASCII encoded face of V from V is for Vendetta which is awesome.
name of the hacker is _~Angel~s0n~_.

Another site is different, It displayed GIFs, animated title saying:

U mad bro?
I am very sorry!
Trollolo
Chinese lamer

This hackers has some sense of humor.

They also displayed:

"it's more in the philippines, Menyatukan Pilippines dan Malaysia"

"Scarborough is Ours!"

One thing is cool about this, is that you cannot view the page source! you cannot use right click. At the bottom, hackers name are displayed.

List of hacked sites:

What do you think will be their next big target?

23 Super Hilarious T-Shirt Designs

2012-04-25T02:14:00.000-07:00

What will you see is a round up of funny T-shirts by Glenn Jones. What a very talented man, he's a freelance graphic designer and illustrator. He started designing T-shirts on threadless.com and create his own website of T-shirts.

Enough of talking, behold now his designs. Enjoy! :D

Anger Management

Bananas

Chameleon

Cocktail

Cooler

Direct Line

False Alarm

Full Body Cast

Gumball Machinegun

Less Formal

Office Chat

Paper Prey

Pet Feeder

Pet Store

Plastic Surgery

Purrfect Plan

Simple Ex-plan

Smile

Snake

Spun dry

Stuck

Wild Gummi

Worm Magic

Learn How to Use Jquery AJAX from Scratch

2012-04-23T02:48:00.000-07:00

In this tutorial I will teach you how jQuery AJAX from scratch.
What is AJAX anyway?
AJAX - Asynchronous JavaScript and XML.

What is it's use?
We can send data without refreshing the page, it means that your site will faster and responsive that is because the page load is decreased.

We will use AJAX with the help of Jquery, because using only the native javascript is too long.

First you have to do is to download the jquery library from http://jquery.com/, then include it your page file. In my case I used the online library.

Here is the scenario, The client wants you to create a form where it doesn't change or refresh or reload the page then it will give a notification that the saving is a success. We will now create the form. We will not use the form tag.


firstname
email
comment

You can name this whatever you want, whether this is a php or html file. I prefer you must use firebug, it's a mozilla ff's extension. It is mostly used by web developers. Next we will add the jquery

Here's the explanation: We set our jquery script inside the document ready function, it means the code will execute the page is finished rendering. On the third line, it says when the id #save is clicked the following events will be triggered that consists of giving a variable to each value that will be used in passing the data to another page. Now, the Jquery AJAX, inside it we have what the type of action we will be using in passing the value. we used here is POST. Then we have data, we have to put the variable inside the variable, as you can see firstname is the variable used for the AJAX then the first_name that is value from the form. Then the third parameter is the url, it where we want to pass the data. Fourth parameter is the success which is the result from the given url. Let's say we have echoed it that page a success, then that will be returned from that page to this page. It will be clearer in the next panel. Then create a seperate php page, include the database connection. You put all the posted data in variable if you want to for a cleaner look of script. You will also put here your sql script to save the data.

Conclusion: Easy isn't it? That is how powerful and efficient to use the Jquery AJAX. On our next tutorial, we will using forms. Sounds interesting?Yeah, I know.. Now your mind is now open to more possibilities.

11 The Avengers Illustration Artworks

2012-04-18T03:22:00.000-07:00

The Avengers is a group of superheroes
labeled as "Earth's Mightiest Heroes", The members of Avengers originally consisted of Thor, Captain America, Ant-Man, Wasp, Iron Man,and the Hulk unlike in the 2012 film which they have included Black Widow, Hawkeye, Nick Fury and Maria Hill. The original Captain America was discovered by the team trapped in ice, and he joined the team when they revived him.
This artwork consisted of exceptional illustrations of The Avengers. See how artists have created interesting images and be inspired like me.

Avengers

Source by: dnz85

Avengers Nouveau

Source by: ninjaink

Avengers Movie Cards

Source by:ncajayon
The Avengers is a group of superheroes
labeled as "Earth's Mightiest Heroes", The Avengers originally consisted of Iron Man, Ant-Man, Wasp, Thor,and the Hulk unlike in the 2012 film which they have included Black Widow, Hawkeye, Nick Fury and Maria Hill. The original Captain America was discovered by the team trapped in ice, and he joined the team when they revived him.
This artwork consisted of exceptional illustrations of <b>The Avengers</b>. See how artists have created interesting images and be inspired like me.

Egypt Avengers

Source by: Manarama

Online Management System

2012-03-07T22:36:00.001-08:00

Features

Can record clients, employees
Can record schedules with calendar view of events
Can keep track of equipments
Can record expenses
Can assign dynamically employees to a certain client
archives log
can upload images
all data can be modified and deleted.
can print reports through a Portable Document Format(PDF)

Download link

3D UI using css3

2012-03-04T18:59:00.000-08:00

Some of us says that css3 is not cross browsed, but when will we ignore the ancient Internet Explorer 6? When we going to start practicing css3? Let me show you some cool things css3 can offer to us.






test










test 1
test 2
test 3
tset 4



sample content


sample content

view demo

Collection of the coolest logos ever made

2012-02-29T19:05:00.000-08:00

Spartan Golf Club,at first glance you can see the obvious Spartan with its helmet and face, but if you look a deep closer, you can see a golfer after his swing. Cool logo indeed.

The Northwest Airlines has a very outstanding logo. You can see there compass from it's a circular form with the slanted N and W,look directly on the arrow where it is pointing, yeah right, North West.

Stroller Pizza

Golf

GrapeCloud

Coffee Night

Thinktank

Discocity

Zoorganic

Five One Design

Green One

Goodduck

Bread & Breakfast

DesignTent

Creating and Displaying Custom Attribute in Magento

2012-02-21T20:06:00.002-08:00

It is easy and fast in creating and displaying custom attribute in product view. First go to Catalog-->Attributes-->Manage Attributes Then Add New Atrribute After that, go to Manage Attribute Set, then you must include you're created attribute to an attribute set. Drag the attribute from unassigned attribute to the group. If you will go to a certain product which is using that attribute set, you will see you're created attribute in the General Product Information. That's it! Now you will display the custom attribute in product view which is

app/design/frontend/default/name_of_your_theme/template/catalog/product/view.phtml.

This is for using textbox and textareas

getDisplayAttribute() ?>

If you are using underscores, you must remove theme and capitalize the next word. For example, "shoe_color", you must use this instead in calling your attribute name

getShoeColor();

if it is only one word for example attribute name: test

getTest() ?>

This for the using mulitselect and dropdowns

displayAttributeName('attribute_name') ?>

You must declare the actual name of the attribute to show multiselect or dropdown.

Point of Sale and Inventory System using Barcode

2012-02-07T19:53:00.000-08:00

Features

Can create/print barcode for product entries
With User Level
Can print receipts
Can create reports
Can notify the user if there is a order level.

admin user credentials
username: admin
password: admin

cashier user credentials:
username: neil
password: 1234

Download link

Online Membership and Billing System

2012-02-05T20:07:00.000-08:00

Features:

Can print PDF for reports and receipt
jQuery Powered Graphs
Saves, Updates and Delete Through jQuery AJAX
HTML Editor
Paypal ready

Download here

10 Educational Infographics for Web Developers and Designers

2012-01-30T23:43:00.000-08:00

Information Graphics of simply Infographics are graphical representation of information in a creative way. The information represented are complicated and complex which is simplified by the artist for easy understanding. This collection of Infographics is targeted only for Web Developers and Designers alike.

In 60 Seconds

http://eggl.me/wp-content/uploads/2011/12/60-seconds-infographic.jpg

Geeks vs. Nerds

http://dailyinfographic.com/wp-content/uploads/2012/01/geek-nerd.jpg

Web Designers vs. Web Developers

http://sixrevisions.com/infographs/web-designers-vs-web-developers/

How they get in, How they got in

http://infographicworld.com/wp-content/uploads/2010/11/08.23.10_Wikibon_Hack_01.jpg

What makes someone leave a website?

http://blog.kissmetrics.com/leave-a-website/?wide=1

HTML5 Cheatsheat

http://www.testking.com/techking/wp-content/uploads/2011/02/IG-HTML5-Cheatsheet-1000px.png

Different Types of Designers and Developers

http://net.onextrapixel.com/wp-content/uploads/2011/06/types-of-designers-small.jpg

The World of Programming

http://media.smashingmagazine.com/wp-content/uploads/2010/06/aboutprogramming04.jpg

All you need to know about Web Designers

all you need to know about designers

So you think you can build a website?

http://vitamintalent.com/extra/infographics-viewer/so-you-think-you-can-build-a-website.htm

Useful Magento Snippets For Your Next Project

2012-01-27T03:04:00.000-08:00

Creating and calling custom attribute if textbox or textarea

getAttributeName() ?>

if dropdown

  getAttributeText('shirt_size') ?>

Calling Page Title Anywhere in the PHTML

getBlock('head')->getTitle(); ?>

Display Category Product in Product View

getProduct()->getCategory() ? $this->getProduct()->getCategory()->getName() : 'no category') ?>

Display Short Description

load($_item->getProductId()); echo $custom->getShortDescription(); ?>

Display Grandtotal

formatPrice(Mage::getSingleton('checkout/cart')->getQuote()->getGrandTotal()); ?>

63 Outstanding Portfolio Designs For Your Inspiration

2012-01-26T02:42:00.000-08:00

A list of creative and amazing portfolios that are rich in user experience. Some of them uses HTML5 and CSS3, we must embrace change to become better in designing. You will find this helpful as you go along the road of designing.

Other cool portfolios for your inspiration:

http://www.adlucent.com/
http://www.freshtilledsoil.com/
http://www.karimartin.cz/
http://www.ultrawebpage.fr/
http://benjaminchirlin.com/
http://nicolasfretelliere.com/
http://www.francescobertelli.com/
http://www.eusou.jp/
http://www.sublimio.com/page_home.html
http://www.tompain.co.uk/
http://appear.dk/uk/
http://portfolio.hauntedcathouse.org/
http://ryanscherf.net/
http://www.ipolecat.com/
http://cremalab.com/
http://outislandenergy.com/
http://www.smultronlab.com/
http://irontoiron.net/
http://www.denisechandler.com/
http://www.joeylomanto.com/
http://www.creativemints.com/
http://www.designzoom.in/
http://riotindustries.com/
http://www.psynai.com/
http://www.beaverlab.com/
http://ftdesigner.net/
http://www.mobily.pl/
http://www.cahoona.co.uk/
http://cargocollective.com/makedesign
http://conwayanderson.com/
http://www.mymcreative.com/
http://www.peytongreendesign.com/
http://www.tombradshawdesign.co.uk/
http://www.stevenlittledesign.com/
http://www.world-arcade.com/
http://www.iamjamie.co.uk/
http://fuelbrandinc.com/
http://www.skywalkergraphics.com/
http://thisbythem.com/
http://agigen.se/
http://www.rzmota.com/
http://visualgroove.net/
http://www.yodaa.com/
http://ffive.com.au/
http://folio.popcornbox.com/
http://designspasm.net/
http://lennartbasler.com/
http://www.mediocore.cz/
http://www.tvrdek.cz/en
http://www.tvrdek.cz/en
http://www.alphadiv.com/
http://pikaboo.be/

Easy PayPal Integration Using PHP

2012-01-24T18:08:00.000-08:00

Many sites had shared their code but it didn't work. I guarantee to you that this will work if used correctly. Tthis code that will integrate your site to Paypal API.This is very handy for developers that will uses E-commerce site.

Things to consider before integrating

You must have a paypal account or sandbox
Check your links.
PHP Syntax

Enjoy! Questions are welcome... =)

download link: Download
zip password:
paypal123

22 Epic Cosplays

2012-01-16T19:24:00.000-08:00

This is a collection of stunning cosplays of your favorite animes, mangas and video games. Be amazed of its uniqueness and details of costume that are unbelievable. Enjoy otakus!

Banner for Unlock iPhone 4S

2011-11-24T18:08:00.001-08:00

Web Design and Development

2011-10-24T18:41:00.001-07:00

Philippine Society of Information Technology Students - CHMSC Talisay Campus

2011-10-20T18:43:00.001-07:00

Digital Art Entry during 12th PSITS-WV Regional Convention

2011-08-22T16:02:00.000-07:00

Unleashing Creativity in the Digital World

Outstanding Tshirt Designs

2011-05-11T06:14:00.000-07:00

Hi guys! Here is great compilation of T-shirt Designs for your inspiration

Monster in the Closet

Space Needs Color

The Ultimate Combo

Sky Thief

The Midnight Forest

Lock Ness

Solitary Dream Pt2

The Loch Ness Imposter

Other Cool Prints:

Web Development and Design Inspiration | Web Syntax

HOLIDAY GIVEAWAY: WIN 1 OF 6 ACCOUNTS WITH MAXCDN

Apple iPad Mini Giveaway

20 Visually Appealing Ribbons in Web Design

Pointless Corp

OrangeQC

kisielki

1000 WP Themes

Urustar

mikos

Aidan Cotter

Stylapps

Roxanne Cook

clean, simple, clear

ike Seehagel

Sanne Meijer

Valerie Letens

Mark Hobbs

vysagh

Anna Monroe

Ghost Horses

JMills Pays Bills

Andy Patrick

Oliver Lisher

Create Web Elements on the Fly

Form Builder

Button Builder

Ribbon Builder

Some other useful Generators

Hackers From Philippines and Malaysia Attacked Chinese Sites

23 Super Hilarious T-Shirt Designs

Anger Management

Bananas

Chameleon

Cocktail

Cooler

Direct Line

False Alarm

Full Body Cast

Gumball Machinegun

Less Formal

Office Chat

Paper Prey

Pet Feeder

Pet Store

Plastic Surgery

Purrfect Plan

Simple Ex-plan

Smile

Snake

Spun dry

Stuck

Wild Gummi

Worm Magic

Learn How to Use Jquery AJAX from Scratch

11 The Avengers Illustration Artworks

The Avengers Fan Art

The Avengers

The Avengers Assemble

The Avengers Assemble

Torsor Avengers

Avengers Assembled

The Avengers Digital Art

Avengers

Avengers Nouveau

Avengers Movie Cards

Egypt Avengers

Online Management System

Features

3D UI using css3

Collection of the coolest logos ever made

Creating and Displaying Custom Attribute in Magento

Point of Sale and Inventory System using Barcode

Features

Online Membership and Billing System

10 Educational Infographics for Web Developers and Designers

In 60 Seconds

Geeks vs. Nerds

Web Designers vs. Web Developers

How they get in, How they got in