Service Workers, Web Workers, and Web Sockets

Service Workers, Web Workers, and Web Sockets

First of all, they are all JavaScript helpers/libraries to improve availability and performance of your web site or app with little or no user input.

Service Workers.
Deal/help with network connectivity and availability of your app contents even when offline. No user input necessary.

Web Workers.
Deal/help with running intensive scripts for your app. Allow multi threading. No user input needed.

Web Sockets.
Deal/help with continuous engagement of users on your website, like chats. Continuous user input.

Source:
Article by Aaron T Grogg

Useful javascript jquery css snippets

A list of useful JavaScript jQuery CSS snippets for the amateurs and pros alike!

Here is a list of websites providing very useful JavaScript jQuery CSS snippets ready to use (copy/paste or view source) with live demos.  You don’t have to be a pro webmaster to take advantage of them!

BISLINKS : Includes a great deal of fully functional html pages as demo with an easy navigation powered by Perl, JavaScript, and CSS.  Includes tool tips, absolute floating menu, animated tooltip, audio greeting, banner rotator, blinking link, browser within browser, cascade menu, change link text upon click, charging link, checkbox link, and much more.

An example that I like the most would be the alternating text box!  This cool snippet alternates your choice of words/phrases at a set frequency.

 

Here is the actual JavaScript/CSS code for the above alternating text box (embedded on this page too):

CSS

textarea.alternateTextBox {
width: 350px;
height: 50px;
border: none;

JavaScript

var text = 0;
var message=new Array();
message[0] = "Welcome to Host Lawn!"
message[1] = "Tons of scripts for your Web pages"
message[2] = "Why not share your scripts with others?"
message[3] = "Be sure to come back again ..."
function changeText() {
if (message.length > 0) {
document.change.descript.value=message[text];
text++;
}
if (text == 4) {text = 0; }  // change the # 4 at the left to the maximum # of message lines you want included
window.setTimeout("changeText()", 3500); }  // change the # on the left to adjust the speed of the
// scroll. The smaller the # the faster the speed

Multiple onload function created by: Simon Willison // http://simon.incutio.com/archive/2004/05/26/addLoadEvent function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != ‘function’) { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } }addLoadEvent(function() { changeText(); });

 

Disclaimer: The links/snippets and their content in this post are provided in the hope that they will be useful and that they would be an integral part of your web developer experience.  There is no guarantee whatsoever of their availability and usefulness all the time.

jQuery Rain : An exhaustive list of jQuery Snippets.

CSS Tricks : Don’t be fooled by the link title.  It does include JavaScript and jQuery snippets too.

Here is a live demo of jQuery elements/snippets if you are interested in learning jQuery.  Please feel free to view source on this page: jQuery Learning Experience

utf-8 symbols

A list of UTF-8 symbols that you can use on your website or blog, courtesy of W3Schools.

Sym Dec Hex   Entity    Name

9728 2600 BLACK SUN WITH RAYS
9729 2601 CLOUD
9730 2602 UMBRELLA
9731 2603 SNOWMAN
9732 2604 COMET
9733 2605 BLACK STAR
9734 2606 WHITE STAR
9735 2607 LIGHTNING
9736 2608 THUNDERSTORM
9737 2609 SUN
9738 260A ASCENDING NODE
9739 260B DESCENDING NODE
9740 260C CONJUNCTION
9741 260D OPPOSITION
9742 260E BLACK TELEPHONE
9743 260F WHITE TELEPHONE
9744 2610 BALLOT BOX
9745 2611 BALLOT BOX WITH CHECK
9746 2612 BALLOT BOX WITH X
9747 2613 SALTIRE
9748 2614 UMBRELLA WITH RAIN DROPS
9749 2615 HOT BEVERAGE
9750 2616 WHITE SHOGI PIECE
9751 2617 BLACK SHOGI PIECE
9752 2618 SHAMROCK
9753 2619 REVERSED ROTATED FLORAL HEART BULLET
9754 261A BLACK LEFT POINTING INDEX
9755 261B BLACK RIGHT POINTING INDEX
9756 261C WHITE LEFT POINTING INDEX
9757 261D WHITE UP POINTING INDEX
9758 261E WHITE RIGHT POINTING INDEX
9759 261F WHITE DOWN POINTING INDEX
9760 2620 SKULL AND CROSSBONES
9761 2621 CAUTION SIGN
9762 2622 RADIOACTIVE SIGN
9763 2623 BIOHAZARD SIGN
9764 2624 CADUCEUS
9765 2625 ANKH
9766 2626 ORTHODOX CROSS
9767 2627 CHI RHO
9768 2628 CROSS OF LORRAINE
9769 2629 CROSS OF JERUSALEM
9770 262A STAR AND CRESCENT
9771 262B FARSI SYMBOL
9772 262C ADI SHAKTI
9773 262D HAMMER AND SICKLE
9774 262E PEACE SYMBOL
9775 262F YIN YANG
9776 2630 TRIGRAM FOR HEAVEN
9777 2631 TRIGRAM FOR LAKE
9778 2632 TRIGRAM FOR FIRE
9779 2633 TRIGRAM FOR THUNDER
9780 2634 TRIGRAM FOR WIND
9781 2635 TRIGRAM FOR WATER
9782 2636 TRIGRAM FOR MOUNTAIN
9783 2637 TRIGRAM FOR EARTH
9784 2638 WHEEL OF DHARMA
9785 2639 WHITE FROWNING FACE
9786 263A WHITE SMILING FACE
9787 263B BLACK SMILING FACE
9788 263C WHITE SUN WITH RAYS
9789 263D FIRST QUARTER MOON
9790 263E LAST QUARTER MOON
9791 263F MERCURY
9792 2640 FEMALE SIGN
9793 2641 EARTH
9794 2642 MALE SIGN
9795 2643 JUPITER
9796 2644 SATURN
9797 2645 URANUS
9798 2646 NEPTUNE
9799 2647 PLUTO
9800 2648 ARIES
9801 2649 TAURUS
9802 264A GEMINI
9803 264B CANCER
9804 264C LEO
9805 264D VIRGO
9806 264E LIBRA
9807 264F SCORPIUS
9808 2650 SAGITTARIUS
9809 2651 CAPRICORN
9810 2652 AQUARIUS
9811 2653 PISCES
9812 2654 WHITE CHESS KING
9813 2655 WHITE CHESS QUEEN
9814 2656 WHITE CHESS ROOK
9815 2657 WHITE CHESS BISHOP
9816 2658 WHITE CHESS KNIGHT
9817 2659 WHITE CHESS PAWN
9818 265A BLACK CHESS KING
9819 265B BLACK CHESS QUEEN
9820 265C BLACK CHESS ROOK
9821 265D BLACK CHESS BISHOP
9822 265E BLACK CHESS KNIGHT
9823 265F BLACK CHESS PAWN
9824 2660 ♠ BLACK SPADE SUIT
9825 2661 WHITE HEART SUIT
9826 2662 WHITE DIAMOND SUIT
9827 2663 ♣ BLACK CLUB SUIT
9828 2664 WHITE SPADE SUIT
9829 2665 ♥ BLACK HEART SUIT
9830 2666 ♦ BLACK DIAMOND SUIT
9831 2667 WHITE CLUB SUIT
9832 2668 HOT SPRINGS
9833 2669 QUARTER NOTE
9834 266A EIGHTH NOTE
9835 266B BEAMED EIGHTH NOTES
9836 266C BEAMED SIXTEENTH NOTES
9837 266D MUSIC FLAT SIGN
9838 266E MUSIC NATURAL SIGN
9839 266F MUSIC SHARP SIGN
9840 2670 WEST SYRIAC CROSS
9841 2671 EAST SYRIAC CROSS
9842 2672 UNIVERSAL RECYCLING SYMBOL
9843 2673 RECYCLING SYMBOL FOR TYPE-1 PLASTICS
9844 2674 RECYCLING SYMBOL FOR TYPE-2 PLASTICS
9845 2675 RECYCLING SYMBOL FOR TYPE-3 PLASTICS
9846 2676 RECYCLING SYMBOL FOR TYPE-4 PLASTICS
9847 2677 RECYCLING SYMBOL FOR TYPE-5 PLASTICS
9848 2678 RECYCLING SYMBOL FOR TYPE-6 PLASTICS
9849 2679 RECYCLING SYMBOL FOR TYPE-7 PLASTICS
9850 267A RECYCLING SYMBOL FOR GENERIC MATERIALS
9851 267B BLACK UNIVERSAL RECYCLING SYMBOL
9852 267C RECYCLED PAPER SYMBOL
9853 267D PARTIALLY-RECYCLED PAPER SYMBOL
9854 267E PERMANENT PAPER SIGN
9855 267F WHEELCHAIR SYMBOL
9856 2680 DIE FACE-1
9857 2681 DIE FACE-2
9858 2682 DIE FACE-3
9859 2683 DIE FACE-4
9860 2684 DIE FACE-5
9861 2685 DIE FACE-6
9862 2686 WHITE CIRCLE WITH DOT RIGHT
9863 2687 WHITE CIRCLE WITH TWO DOTS
9864 2688 BLACK CIRCLE WITH WHITE DOT RIGHT
9865 2689 BLACK CIRCLE WITH TWO WHITE DOTS
9866 268A MONOGRAM FOR YANG
9867 268B MONOGRAM FOR YIN
9868 268C DIGRAM FOR GREATER YANG
9869 268D DIGRAM FOR LESSER YIN
9870 268E DIGRAM FOR LESSER YANG
9871 268F DIGRAM FOR GREATER YIN
9872 2690 WHITE FLAG
9873 2691 BLACK FLAG
9874 2692 HAMMER AND PICK
9875 2693 ANCHOR
9876 2694 CROSSED SWORDS
9877 2695 STAFF OF AESCULAPIUS
9878 2696 SCALES
9879 2697 ALEMBIC
9880 2698 FLOWER
9881 2699 GEAR
9882 269A STAFF OF HERMES
9883 269B ATOM SYMBOL
9884 269C FLEUR-DE-LIS
9885 269D OUTLINED WHITE STAR
9886 269E THREE LINES CONVERGING RIGHT
9887 269F THREE LINES CONVERGING LEFT
9888 26A0 WARNING SIGN
9889 26A1 HIGH VOLTAGE SIGN
9890 26A2 DOUBLED FEMALE SIGN
9891 26A3 DOUBLED MALE SIGN
9892 26A4 INTERLOCKED FEMALE AND MALE SIGN
9893 26A5 MALE AND FEMALE SIGN
9894 26A6 MALE WITH STROKE SIGN
9895 26A7 MALE WITH STROKE AND MALE AND FEMALE SIGN
9896 26A8 VERTICAL MALE WITH STROKE SIGN
9897 26A9 HORIZONTAL MALE WITH STROKE SIGN
9898 26AA MEDIUM WHITE CIRCLE
9899 26AB MEDIUM BLACK CIRCLE
9900 26AC MEDIUM SMALL WHITE CIRCLE
9901 26AD MARRIAGE SYMBOL
9902 26AE DIVORCE SYMBOL
9903 26AF UNMARRIED PARTNERSHIP SYMBOL
9904 26B0 COFFIN
9905 26B1 FUNERAL URN
9906 26B2 NEUTER
9907 26B3 CERES
9908 26B4 PALLAS
9909 26B5 JUNO
9910 26B6 VESTA
9911 26B7 CHIRON
9912 26B8 BLACK MOON LILITH
9913 26B9 SEXTILE
9914 26BA SEMISEXTILE
9915 26BB QUINCUNX
9916 26BC SESQUIQUADRATE
9917 26BD SOCCER BALL
9918 26BE BASEBALL
9919 26BF SQUARED KEY
9920 26C0 WHITE DRAUGHTS MAN
9921 26C1 WHITE DRAUGHTS KING
9922 26C2 BLACK DRAUGHTS MAN
9923 26C3 BLACK DRAUGHTS KING
9924 26C4 SNOWMAN WITHOUT SNOW
9925 26C5 SUN BEHIND CLOUD
9926 26C6 RAIN
9927 26C7 BLACK SNOWMAN
9928 26C8 THUNDER CLOUD AND RAIN
9929 26C9 TURNED WHITE SHOGI PIECE
9930 26CA TURNED BLACK SHOGI PIECE
9931 26CB WHITE DIAMOND IN SQUARE
9932 26CC CROSSING LANES
9933 26CD DISABLED CAR
9934 26CE OPHIUCHUS
9935 26CF PICK
9936 26D0 CAR SLIDING
9937 26D1 HELMET WITH WHITE CROSS
9938 26D2 CIRCLED CROSSING LANES
9939 26D3 CHAINS
9940 26D4 NO ENTRY
9941 26D5 ALTERNATE ONE-WAY LEFT WAY TRAFFIC
9942 26D6 BLACK TWO-WAY LEFT WAY TRAFFIC
9943 26D7 WHITE TWO-WAY LEFT WAY TRAFFIC
9944 26D8 BLACK LEFT LANE MERGE
9945 26D9 WHITE LEFT LANE MERGE
9946 26DA DRIVE SLOW SIGN
9947 26DB HEAVY WHITE DOWN-POINTING TRIANGLE
9948 26DC LEFT CLOSED ENTRY
9949 26DD SQUARED SALTIRE
9950 26DE FALLING DIAGONAL IN WHITE CIRCLE IN BLACK SQUARE
9951 26DF BLACK TRUCK
9952 26E0 RESTRICTED LEFT ENTRY-1
9953 26E1 RESTRICTED LEFT ENTRY-2
9954 26E2 ASTRONOMICAL SYMBOL FOR URANUS
9955 26E3 HEAVY CIRCLE WITH STROKE AND TWO DOTS ABOVE
9956 26E4 PENTAGRAM
9957 26E5 RIGHT-HANDED INTERLACED PENTAGRAM
9958 26E6 LEFT-HANDED INTERLACED PENTAGRAM
9959 26E7 INVERTED PENTAGRAM
9960 26E8 BLACK CROSS ON SHIELD
9961 26E9 SHINTO SHRINE
9962 26EA CHURCH
9963 26EB CASTLE
9964 26EC HISTORIC SITE
9965 26ED GEAR WITHOUT HUB
9966 26EE GEAR WITH HANDLES
9967 26EF MAP SYMBOL FOR LIGHTHOUSE
9968 26F0 MOUNTAIN
9969 26F1 UMBRELLA ON GROUND
9970 26F2 FOUNTAIN
9971 26F3 FLAG IN HOLE
9972 26F4 FERRY
9973 26F5 SAILBOAT
9974 26F6 SQUARE FOUR CORNERS
9975 26F7 SKIER
9976 26F8 ICE SKATE
9977 26F9 PERSON WITH BALL
9978 26FA TENT
9979 26FB JAPANESE BANK SYMBOL
9980 26FC HEADSTONE GRAVEYARD SYMBOL
9981 26FD FUEL PUMP
9982 26FE CUP ON BLACK SQUARE
9983 26FF WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPE

Courtesy of W3Schools

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!