jquery Archives - Education and Technology Hub

M. Tadros

welcome to our education hub

Quick Links

mobile jquery – 4 beginner’s resources

December 5, 2014 mtadros

So you want to start playing with mobile? here are some cool beginner’s resources:

Jquery mobile page structure
Mobile App design/dev: beginner’s guide to jquery mobile
A Touch-Optimized UI Framework built with jQuery and HTML5 – demos
Beginner guide to a mobile app using the jQuery Mobile JavaScript Framework (with video)

5 coding ideas.. including css /js, html5 snippets

December 5, 2014August 12, 2018 mtadros

So here are some ways to learn code:

Code player: excellent to learn javascript proper through playing code for you.
High-level advice and guidelines for writing sane, manageable, scalable CSS3
18 Cool Things You Won’t Believe Were Built Using CSS
10 Simple & Smart CSS3 Snippets
html, css and tools and quizes site

html5 snippets

snippets you should know including forms, menu notifications, check boxes etc
more snippets: form validation, google maps etc.
code snippets
Better HTML 5 basic starter template
html5 snipet

css3 and jquery treasures

November 22, 2014February 27, 2018 mtadros

Resources for Extending Google Analytics with a plugin
parallax scrolling website..
a menu for a restaurant website!!
File Browser with jQuery and PHP
Typography Effects with CSS3 and jQuery
Experiments with background-clip: text
Item blur effect
Some great design/development freebies
A free library of HTML, CSS, JS nuggets
Responsive page transitions
Simple icon hover effects – freebies
Expanding Search Bar Deconstructed
Animated Books with 3D transform
Inspiration for Article Intro Effects
love love love those: hover effect ideas
Beautiful demos and ideas: click previous to view other demos
Make your credit card form better in one line of code.
That tilting jquery UI – not sure I like it but love that it can be done.
15 Responsive jQuery UI Snippets & Modules
How to Create Off-Canvas Sliding Navigation Menu
A Box of Tricks for Building Responsive Email
A Quick Overview of CSS calc() Seriously?
Creating ghost buttons
Design Trend: Ghost Buttons in Website Design

Tools and freebies:

jquery, css3 and html5 tips

November 15, 2014February 28, 2018 mtadros

Here are some helpful tips, tools and code for jquery, css3 and html5:

Gravit – a new design tool
Supersized background slideshow jquery plugin
animated background headers
Tooltip Styles Inspiration
Alerts… but awesome. 🙂
Freebie photography, tools, and other stuff
CSS3 pre fix tool
CSS3 Icons
interactive infographics
Make the most of your design with hero headers
cheat sheets for design
10 basic tips about responsive design [really good]
Toolbar.js
html5 use responsibly
44 Free Responsive website templates