#javacsript

[amazing-jquery-plugins]

Simple Date Picker With Min/Max Year Configs

A simple, lightweight, cross-browser jQuery date picker plugin that allows you to specify the min/max years for Birth Date selection.

Demo

Download

[freefrontend-blog]

Skeuomorphic Retro Casio F-91W Watch [HTML + CSS + JS]

Precision in pixels.

Native CSS for physical casing. JS syncs system RTC. No heavy assets. Pure structural nostalgia.

Source: https://freefrontend.com/code/skeuomorphic-retro-casio-f-91w-watch-2026-03-23/

[freefrontend-blog]

Interactive Morphing Task List Item State transformation. [HTML + CSS + JS] Morphing adapts form to task. Clean DOM transitions. Zero render bloat. Source: https://freefrontend.com/code/interactive-morphing-task-list-item-2026-03-20/

[guest-posting]

What is JavaScript?

[guest-posting]

Scientific Calculator layout code in Sencha ExtJs

Where ExtJS stands for Extended JavaScript. This is a JavaScript framework and a product of Sencha, based on YUI (Yahoo User Interface). This is basically a desktop application development platform with modern UI. This tutorial gives a complete understanding of Ext JS. This reference will take you through simple and practical approaches while learning Ext JS.

Code of view(Calcie.js)section:

Ext.define('app.view.Calcie', {    extend: 'Ext.panel.Panel',    alias: 'widget.Calcie',    columnWidth: 1,    items: [    {        xtype: 'form',        title: 'Calculator',        height: 415,        width: 350,        margin: '20 150 0 490',        columnWidth: 1,        style: "title: 5px solid #A1CAFF",        bodyStyle: { "background-color": "#FFCE5A" },        layout: {            type: 'column'        },        items: [        {            xtype: 'container',            itemId: 'formContainer',            columnWidth: 1,            margin: '10 15 0 15',            layout: {                type: 'column'            },            items: [            {                xtype: 'textarea',                width: '100%',                height: 5,                itemId: 'displayTxtArea',                id: 'displayTxtArea',                name: 'displayTxtArea',                columnWidth: 1,                margin: '0 0 5 0',            },            {                xtype: 'fieldcontainer',                layout: {                    type: 'hbox',                },                columnWidth: 1,                itemId: 'radioButtonFContainer',                id: 'radioButtonFContainer',                name: 'radioButtonFContainer',                items: [                {                    xtype: 'radiofield',                    fieldLabel: 'Degree',                    labelSeparator: '',                    columnWidth: 0.49,                    labelWidth: 45                },                {                    xtype: 'radiofield',                    fieldLabel: 'Radian',                    labelSeparator: '',                    columnWidth: 0.49,                    margin: '0 0 0 45',                    labelWidth: 45                }]            },            {                xtype: 'container',                layout: {                    type: 'column'                },                columnWidth: 1,                margin: '5 0 0 0',                defaults: {                    style: {                        background: '#FFB010'                    }                },                items: [                    {                        xtype: 'button',                        text: 'AC',                        margin: '7 5 0 0',                        columnWidth: 0.20,                        style: {                            background: '#FFB010'                        }                    },                    {                        xtype: 'button',                        text: 'CE',                        margin: '7 5 0 0',                        columnWidth: 0.20, style: {                            background: '#FFB010'                        }                    },                    {                        xtype: 'button',                        text: 'OFF',                        margin: '7 5 0 0',                        columnWidth: 0.20                    },                    {                        xtype: 'button',                        text: 'Backspace',                        margin: '7 0 0 0',                        columnWidth: 0.40                    }]            },            {                xtype: 'container',                layout: {                    type: 'column'                },                columnWidth: 1,                margin: '5 0 0 0',                defaults: {                    style: {                        background: '#FFB010'                    }                },                items: [                    {                        xtype: 'button',                        text: 'Pi',                        margin: '7 5 0 0',                        columnWidth: 0.20                    },

[laravelvuejs]

Learning vue.js as I write TrainRemote - #3 - #programming #vuejs #laravel

Learning vue.js as I write TrainRemote – #3 – #programming #vuejs #laravel

[ad_1]

I’m learning vue.js from scratch and live-coding as I go.

http://twitch.tv/mattstauffer [ad_2] source

View On WordPress

[unicornsfartpixels]

01.16

P5 PAINT

a simple paint program, coded in javascript.

first steps:

1. create canvas space in center of page 2. on mousepress, leave mark on screen 3. create color & stamp choices - centered, directly under canvas space 4. on mousepress, mouse to draw in chosen color/stamp -- 4.1 create icons for colors (3) and stamps (2) -- 4.2 create eraser/undo tool to step backwards through your creation (layers?)

[ukd1-blog]

Face detection with PHP

Maurice Svay has ported a Javascript / Canvas face recognition impelementation into pure PHP, which is cool! Its rather slow, but works without any external programs - well apart from the PHP GD module. You can find the orginal Javascript version is here.

Check out the code here:

http://svay.com/blog/index/post/2009/06/19/Face-detection-in-pure-PHP-(without-OpenCV)