Monthly Archiv: July, 2015

25 Free Code Snippets for Navigation Menus


Crafting any user interface requires patience and some expertise with HTML/CSS. Yet rebuilding interfaces from existing code can be a lot more fun and exciting. You learn so much from studying what other developers have created and by screwing up their examples. This gallery has 25 free code snippets you can rework and copy into your own projects to craft amazing CSS3 navigation menus.

Bubble Popout

bubble popout nav menu code

Dropdown Menu

simple css dropdown menu ui

Settings Menu

clean bubble menu admin dropdown

Mobile Menu

three bar menu sliding nav menu

Animated Nav Menu

animated icon design menu navigation

Dark Accordion

simple dark accordion menu navigation

Circular Nav

circle animated navigation menu

Long Dropdown

extra long scrolling dropdown menu

CSS3 Bubbles

css3 simple navigation bubble ui

Animated Hover Effects

hover animated fluid menu design

Sharp Navigation

sword sharp navigation menu hover

CSS3 Accordion

red grey css3 dropdown accordion menu

Push Slide Menu

push slide menu dropdown navigation

Rotating Menu

circular rotating menu icons nav

Animated Icons

hover animated icon navigation dark

Hamburger

hamburger icon sliding menu design

Blue Gradient Nav

dropdown navigation blue gradient css3

Single-Page Menu

prallax scrolling single page navigation

Dark CSS3 Navigation

dark css3 navigation menu dropdown

Clean Pad Dropdown

simple clean padded dropdown navigation

CSS3 Toggle Dropdown

animated bubble navigation dark dropdown

Card Deck Dropdown

dark clean navigation card shuffle animation

Transparent Navigation

clean transparent navigation menu css3

Mega Navigation

responsive meganav mega navigation menu code

Off-Canvas Menu

hidden sliding navigation menu open source

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

The post 25 Free Code Snippets for Navigation Menus appeared first on Web Resources Depot.

Top Fireworks Tutorials for Web Design


Even though Adobe has officially discontinued Fireworks it still remains a very popular tool for UI design. Creative Cloud includes Fireworks CS6 as part of the bundle and it should be supported for a least a couple more years. Thus learning Fireworks can be one of the best decisions you make when it comes to mockup design and wireframing. These tutorials are aimed at complete beginners who want to bring Fireworks into their typical web design workflow.

Fireworks UI

intro to fireworks ui

Wireframing

fireworks wireframing how to

Mood Boards

moodboards web design fireworks

Vectorize Elements

howto vector design fireworks

Design Tools

video design tools fireworks

Fireworks for Web Design

basics of fireworks webdesign tutorial

jQuery Mobile in FW

fireworks for jquery mobile ui

Fireworks Design Workflow

fireworks workflow for web design

Brushed Metal Effect

brushed metal icloud icon fireworks

3D Text

3d text effect fireworks

Complex Vector Shapes

complex vector shapes fireworks

SVG with Fireworks

svg graphics in fireworks

Interactive Prototypes

interactive prototypes fireworks

Rocketship Icon

rocket ship icon fireworks

Fireworks Style Guide

fireworks howto design style guide

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

The post Top Fireworks Tutorials for Web Design appeared first on Web Resources Depot.

WordPress 4.3 Release Candidate

The release candidate for WordPress 4.3 is now available.

We’ve made more than 100 changes since releasing Beta 4 a week ago. RC means we think we’re done, but with millions of users and thousands of plugins and themes, it’s possible we’ve missed something. We hope to ship WordPress 4.3 on Tuesday, August 18, but we need your help to get there.

If you haven’t tested 4.3 yet, now is the time!

Think you’ve found a bug? Please post to the Alpha/Beta support forum. If any known issues come up, you’ll be able to find them here.

To test WordPress 4.3 RC1, you can use the WordPress Beta Tester plugin or you can download the release candidate here (zip).

For more information about what’s new in version 4.3, check out the Beta 1, Beta 2, Beta 3, and Beta 4 blog posts.

Developers, please test your plugins and themes against WordPress 4.3 and update your plugin’s Tested up to version in the readme to 4.3 before next week. If you find compatibility problems, we never want to break things, so please be sure to post to the support forums so we can figure those out before the final release.

Be sure to follow along the core development blog, where we’ll continue to post notes for developers for 4.3.

Drei Monate Arbeit
Endlich das Ziel vor Augen
Bald hab ich Urlaub!

Tutorials for Learning Google Material Design


Android Lollipop has become the standard method of design for smartphones powered by Google’s OS. This design follows the popular flat techniques to a T with slight drop shadows, but almost no gradients or bevels. It’s an easy technique to master but difficult to gain momentum.

These tutorials can teach even a complete novice how to design Android interfaces in Photoshop, Sketch, and Illustrator.

Tuts+ Material Intro

google material design introduction

Getting Started

getting started android material

Android Toolbar

material design toolbar

Floating Button

floating button ui design

Flat Tabs

flat android tabs tutorial

Sliding Nav

sliding drawer nav ui

Materialize CSS Framework

css materialize framework

Polymer Chat App

material polymer chat app

Lollipop Resources

free material lollipop resources

Free Swatches & Palettes

free swatches color palettes material design

Material Shadows

material design shadows tutorial

Material Design in Sketch

material design sketch tutorial

Sketch Android App Design

android apps in sketch howto

PS & AI Material Design

photoshop illustrator material design

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

The post Tutorials for Learning Google Material Design appeared first on Web Resources Depot.

Free Apps & Programs for Digital Wireframing


A traditional designer might prefer pencil and paper for wireframing. This is still a popular choice and for good reason: it works. But some designers are moving into the digital realm for wireframing mobile interfaces and general website layouts.

The following applications are completely free to use and come equipped with everything you’d need. Some are web applications while others are programs you download and install on your computer. Either way these are perfect for anyone who wants to get into wireframing without the pecuniary commitment.

Moqups

moqups design webapp

Cacoo

cacoo wireframing webapp

UX Pin

ux pin wireframing tool webapp

Justinmind

justinmind prototyping wireframing tool

MockFlow

mockflow wireframing tool webapp

Mockingbird

mockingbird free tool wireframing

Simple Diagrams

diagrams webapp wireframing tool

iPlotz

iplotz webapp wireframing tool

Lovely Charts

lovely charts wireframing tool

Inkscape

inkscape free vector wireframing tool

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

The post Free Apps & Programs for Digital Wireframing appeared first on Web Resources Depot.

PHP ICS Calendar Reader (New)

example2.png
Package:
PHP ICS Calendar Reader
Summary:
Parse iCalendar ics files to extract event details
Groups:
Parsers, PHP 5, Time and Date
Author:
Pablo Matias Perrone
Description:
This class can parse iCalendar ICS files to extract event details...

Read more at http://www.phpclasses.org/package/9277-PHP-Parse-iCalendar-ics-files-to-extract-event-details.html
Powered by Gewgley