Thursday, December 1, 2016

Box Model - CSS

Box Model

  1. Dimension / Size:
    • Height, Width
  2. Offside area / Outer area / Bleed area
    • Border
    • Padding
    • Margin
  3. Position
    • clear
    • float
    • left
    • top
    • position
    • z-index
  4. Decoration
    • background
  5. Appearance
    • display
    • overflow
    • visibility

UI/UX Design Category 2

(G) UI / UX
(Graphical) User Interface/User eXperience Kit Category:
  • Form components / Form controls / Form Element / Form field
    • Action
      • Buttons
      • Switch button / Toggles / Toogles Button / Button Label
      • Tab
    • Input
      • Input field / text box / text field
      • Text Area
      • Sliders
      • Spin button / UpDown (value) button
      • Dial button
    • Selection
      • Check boxes
      • Radio buttons
      • Drop down button / Combo box (field)
      • List box / Select box (field)
    • Output field
      • Label / Output field
      • Icons / Images
      • Glyphs / Font Character
      • Table
      • Bullet and Numbering / Unordered and Ordered List
      • Scrollbar / Scrollpanel
      • Decorative Lines
      • Background Color / Background Image
      • Status bar
      • Progressbars
  • Enhanced Elements
    • Container
      • Frame
      • Panel
    • Menu
    • Toolbar
    • Navigation
      • paging / pagination
      • display or view button
      • dot / indicator navigation
      • breadcrumb navigation
    • Dialog
      • Modal (Dialog) / Pop up
      • Tooltips / Notification / Feedback tooltip
      • Font / Glyphs / Symbol dialog
      • Color Swatches
      • Calendar
      • Login / Register
      • Contact Form
    • Multimedia
    • Data Visualization
      • Chart / Graphic
    • Image
      • Image Carousel / Image Sliders / Image Transition / Image Slide show
      • (Image) Light box
    • Animation / Effect
      • Transition
      • Mask Effect
      • Hover Effect
    • Multimedia player panel

Tuesday, November 29, 2016

Web UI/UX Category 1

Web User Interface/User eXperience Kit Category:
  • Foundation Elements
    • Form components
      • Buttons
      • Inputs
      • Check boxes
      • Radio buttons
      • Drop down button / Combo box / Select box (field)
    • Basic HTML elements:
      • Headers / Heading
      • Textbox / Textarea
      • Icons / Images
      • Glyphs / Font Character
      • Table
      • Grid (Div, Span / Table)
      • (Block)Quotes
      • Bullet and Numbering / Unordered and Ordered List
      • Description List
      • Scrollbar
      • Decorative Lines / Horizontal Row
      • Background Color / Background Image
      • Hyperlink
  • Enhanced Elements
    • Navigation / Traverse
      • paging / pagination
      • display or view button
      • dot / indicator navigationf
      • breadcrumb navigation
      • Off(side) Canvas
      • floating component or element
      • sticky header or footer
      • (Scrolling) Paralax / Seamless
      • Header bar
        • Menu
        • Toolbar
        • Tab
      • Menu
        • Mega Menu
        • Drop down menu
    • UI kit
      • Toggles / Toogles Button / Button Label
      • Dial button
      • Tags, Cloud Tag
      • Sliders
      • Up down value
    • Response Information / Feedback
      • Text to path
      • Share
      • Progressbars
    • Dialog
      • Modal (Dialog) / Pop up
      • Tooltips / Notification / Feedback tooltip
      • Font / Glyphs / Symbol dialog
      • Color Swatches
      • Calendar
      • Login / Register
      • Contact Form
      • Wizard dialog
      • File Upload
    • Pages
      • Landing page
      • Error Page
      • Faq
      • Profile / About
      • Setting
    • Editor
  • Multimedia
    • Data Visualization
      • Chart / Graphic
    • Image
      • Image Carousel / Image Sliders / Image Transition / Image Slide show
      • (Image) Light box
    • Animation / Effect
      • Transition
        • Scroll spy / Animation at scroll
      • Mask Effect
      • Hover Effect
    • Multimedia player panel

Monday, November 14, 2016

Error Wifi in Windows 1

networking commands in a command prompt window.

all version windows

  1. search "Command prompt" in your start menu, right click with your mouse, in front of "Command prompt", then select "Run as administrator", press "Yes".
windows 8 and newer version
  1. Open command prompt with administrative privileges (Windows Key + X, then A).
  1. Run the following command:
  2. Reset the TCP/IP stack
    Type netsh int ip reset and press Enter.
  3. Reset the network stack
    Type netsh winsock reset and press Enter.
  4. Release the IP address
    Type ipconfig /release and press Enter.
  5. Renew the IP address
    Type ipconfig /renew and press Enter.
  6. Flush and reset the DNS client resolver cache
    Type ipconfig /flushdns and press Enter.
  7. Temporarily turn off firewalls
    type netsh advfirewall set allprofiles state off, and then press Enter.
    To turn on all firewalls you might have installed, at the command prompt, type netsh advfirewall set allprofiles state on, and then press Enter.
turn on 20/40 mhz network discoverable
  1. Go to "Network and Sharing Center"
  2. Change adapter settings
  3. Right click on Wi-Fi adapter, select properties.
  4. Click on configure, then go to advanced tab.
  5. Select "HT Mode" (different name among different adapter), change the value to 20|40. HT (High Throughput".
  6. Click OK, then you should be able to browsing.

Saturday, November 12, 2016

Useful bookmarklet

Useful JavaScript Bookmarklet

Enable Right-Clicking on Individual Sites
javascript:void(document.oncontextmenu=null);

Extension

RightToCopy for Chrome or Right To Click for Firefox.
Allow Copy for Chrome
Enable Copy, Cut and Paste for Firefox.
Copy in Forums for Firefox.

About:Config

”Dom.event.clipboard events.enable”, true

Friday, October 21, 2016

Accessibility Utilities 7

How to Find and Remove Duplicate Files on Windows

dupeGuru, dupeGuru Music Edition, and dupeGuru Pictures Edition

The music and pictures editions are specialized for finding similar music files and pictures. For example, the music edition will find the same song, even if they’re in different MP3 files encoded at different bitrates. Or the pictures edition will find copies of the same photo even if they’ve been resized, rotated, or slightly edited. This utility uses a “fuzzy match” algorithm and can find files that are very similar and not just completely identical.
dupeGuru is completely open-source. The installer won’t attempt to drag any toolbars or other junk onto your system, and it isn’t even trying to upsell you to anything.
The interface is simple, but easy to use — open it, add a few folders or drives you want to scan, and click Scan. You’ll see a list of duplicate files, and you can easily select and delete the files you want to remove. Double-click a file in the list to open and examine it.

VisiPics
Use VisiPics to scan for image files that are very similar, even if they aren’t completely identical. For example, VisiPics will find resized, rotated, edited, and otherwise-modified image files and flag them as duplicates. You may not need these multiple similar copies of photos and other images, so VisiPics can help you here.

dupeGuru and other duplicate-file-removing applications can also do this, but VisiPics has an interface designed with photos in mind. If you have a large collection of digital photos, VisiPics is probably the application to use. It will provide a more visual interface for looking at those photos and clearing our your duplicates.

VisiPics is free — donationware, technically — and won’t try to install any junk on your system.


Duplicate File Finder
Duplicate File Finder is another barebones-yet-functional open-source application with a no-frills interface. It actually has a different approach from other applications. It looks for files that have the exact same size and only then compares them to see if they’re duplicates of each other.

This means you won’t get the almost-but-not-quite-exact matching features other applications provide. However, it also means that Duplicate File Finder should be even faster at scanning through a larger set of files. if you only care about files that are completely identical and not just almost identical, you can save time with Duplicate File Finder. It doesn’t have the prettiest interface, but it definitely works.



Remember, don’t delete duplicate files in system folders — for example, under C:\Program Files or C:\Windows. Programs may depend on having duplicate copies of certain files in specific places. Leave system files alone and only clean up your own personal data files — documents, images, music files, videos, and everything else you might have a duplicate copy of.

Accessibility Utilities 6

Tools To Install Windows Faster Using a USB Flash Drive

to create Linux

Universal USB Installer / YUMI
USB install support for: Windows Vista, 7 and 8.
Universal USB Installer and YUMI are similar programs from Pendrivelinux.com, looking and working in a similar way. The main difference is YUMI has support for installing multiple ISO images onto a USB flash drive and Universal USB Installer can install one ISO image at a time. They both have options to install and also download a number of Linux operating system images and repair CD’s along with direct USB installer support for Vista, 7 and 8. These two tools are one of the few that is able to install Kon-Boot onto a USB. All you have to do is select which Windows to install from the Step 1 drop down (near the bottom), locate the ISO and choose the USB drive to install to. Formatting is optional. The YUMI interface is slightly more complicated due to the multiboot options. Both tools are entirely portable.

UNetbootin
USB install support for: None officially, Windows Vista, 7 and 8 worked for us.
UNetbootin is a very popular tool for downloading and installing Linux distro’s onto USB. Although a lot of people try to use it for installing the Windows setup onto USB, the program doesn’t officially support this and it seems a look around the internet reveals there are as many failures as successes. We ran quick tests to install Windows Vista, 7 and 8 ISO’s to USB using UNetbootin and it seemed to work IF you format the flash drive to NTFS beforehand. Just select Diskimage and browse for the ISO file, then choose your USB drive. Because the other tools here are designed to work with Windows by their developers, it’s recommended to try them before UNetbootin.

Boot From a USB Drive Even if your BIOS Won’t Let You
the ingredient:
  • PLoP Boot Manager
  • RawWrite, to put the contents of the plpbt.img image file found in PLoP’s zip file on a floppy disk.
  • USBbootWatcher
  • FreeDOS, an open-source implementation of DOS that should run whatever DOS program you need to use.
  • RMPrepUSB, USB install support for: Windows XP, Vista, 2008, 7 and 8.
  • WaitBT driver takes care for USB boot when there are no any other disks and only USB removable one, without it Windows typically will crash with 0x0000007B stop error.
  • free ImDisk mount it as a virtual CD/DVD for example to extract its contents to a folder.

the result:
WinSetupFromUSB