عدنان شاہد (خاموش تماشائی)

caspio Programing

Here is some code snippet to replace <br> to <p> tag in CKEDITOR

Below code will convert the normal textarea to ckeditor and will replace the breakline tag to paragraph tag on pressing enter.

<script type="text/javascript" src="https://c0abg481.caspio.com/scripts/CKEditor/ckeditor.js" ></script><script type="text/javascript"> CKEDITOR.editorConfig = function( config ) { config.toolbarGroups = [ { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] }, { name: 'forms', groups: [ 'forms' ] }, { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] }, { name: 'links', groups: [ 'links' ] }, { name: 'insert', groups: [ 'insert' ] }, { name: 'styles', groups: [ 'styles' ] }, { name: 'colors', groups: [ 'colors' ] }, { name: 'tools', groups: [ 'tools' ] }, { name: 'others', groups: [ 'others' ] }, { name: 'about', groups: [ 'about' ] } ]; config.removeButtons = 'Save,Templates,Cut,Undo,Find,Scayt,Form,Strike,Subscript,Superscript,CopyFormatting,RemoveFormat,Blockquote,CreateDiv,JustifyLeft,JustifyCenter,JustifyRight,JustifyBlock,BidiLtr,BidiRtl,Language,Anchor,Unlink,Link,Image,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,FontSize,Font,Format,Styles,TextColor,NewPage,Preview,Print,PasteText,Paste,Copy,Redo,PasteFromWord,Replace,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,BGColor,ShowBlocks,SelectAll,About';}; CKEDITOR.replace('InsertRecordAccountNote',{enterMode: CKEDITOR.ENTER_P});</script>

Ping me if there is work related to Caspio. thanks

The post caspio Programing appeared first on Adnan Shahid.

Steps for Ruby on rails installation on windows 10 [64 bit]

rubyonrailsIDE

Following are the Steps for setting Ruby on Rails on windows 10 :

  1.  Goto http://railsinstaller.org/en
  2.  Download Installer for windows, at the moment its Ruby 2.2 installer
  3. Install and select github option in installer.
  4. If there is error in terminal after installation (in messages)
    • update git from git-scm.com
    • overright folder C:/RailsInstaller/Git *while installing git-scm
    • Check the Option while installing  “select :Use Git From The Windows Command prompt”
  5. Install https://nodejs.org/en/
  6. update rails Command is >> gem install rails –no-ri –no-rdoc
  7. Check all versions>>rails –v [if error check in command line check the rails.bat file in bin folder of Ruby in rails installer]**********my rails works with this bat file*************
    @ECHO OFF
    IF NOT “%~f0” == “~f0″ GOTO :WinNT
    ECHO.This version of Ruby has not been built with support for Windows 95/98/Me.
    GOTO :EOF
    :WinNT
    @”%~dp0ruby.exe” “%~dpn0” %************************
    >>ruby -vv
    >>git –version

 

Other Recommended software 

  1. Install Ruby mine.
  2. Git Desktop

lecture 3 – Assignment 3 & 4

Assignment # 3

Create a before and after image using a stamp tool and post on the social media.

Assignment # 4

Use Text Tool and add some word to any image and post to social media.

Assignment 1

Assignment # 1 [ course]

Please post links in the comment section so every one can view each other profile.

Thanks

Design and Freelancing Fundamentals by Adnan

cource-Ad

Course: Design and Freelancing Fundamentals  ( how to earn online )

Instructor: Adnan Shahid

Contact: me@adnanshahid.com

 Outline :

Universal Principles of Design
• 2/week

Graphic Design
 visual communication through the use of text, images, symbols, and artwork.

Design Core elements

Color
• Color meaning
• How colors effect your Brain
• Color wheel
• Warm and cold colors
• Primary, Secondary, and Tertiary Colors
• Color Harmonies and Rules
• The Anatomy of color Swatches
• Access the color
• RGB, CMYK, Spot color
• Practical Application

Layout
• Composition Principles
• Grids
• Proportion

Typography
• Typography
• Life and death
• Typefaces and Fonts
• Classification of typefaces
• Display type and text type
• Legibility and Readability
• Pica, Points, and inch
• Best practices of using Typefaces

Creativity
• 5 step proocess
• Brainstorming
• Drawing
• Learning from the pros
– Conferences and lectures – Documentaries – Magazine and web articles Be sure to get away from your desk and explore new vistas with your eyes wide open!

Types of Design
• Advertisements
• Animations and Illustrations
• Brochures
• Folders and Media Kits
• Infographics
• Letterhead Systems
– Letterheads – Envelopes – Business cards – Mailing labels • Logos
• Packaging
• Posters
• Promotional Pieces
– Announcements – Holiday cards – Printed swag – 3-dimensional Promotions – Email blasts • Publications
– Books and magazines both print and digital – Annual Reports • Signage
• Websites and apps

Software
• InDesign 
• Photoshop 
• Illustrator
• After effects  

Managing Projects
• Slack
• Invisionapp
• Concept Board
• Creative Brief

Freelancing
• Advantages
• Disadvantages
• Types
• Online Earning Methods
• Payment Flow
• Invoicing

Agile Process
• Scrum
• Agile
• Kanban
• github

Avoid Scams
• Tips and general method used by the scammers

Professionalism
• Tips and Tricks

 

MID: Professionally designed CV and Resume

Final: 30 sec Video.

Coming Soon

Hi,
I am Adnan [ Designer and Front end Developer]

Expertise
 – Brand Design
– Web Design
– Mobile application Design
– Css/HTML/JS/Ajax coding
– UI/UX Design of applications.
– Prototyping
– Use Bootstrap framework
– use Ionic framework
– Video animation and Video Editing user after effects
– Mail chimp newsletter templates
– API
– Bootstrap

Summarizing
Current Expertise: –
All Kind of Design stuff. From Web to print. – Also has experience in front end UI/UX – ionic framework, HTML, CSS, Javascript

Previous Expertise: –
Flash Scripting and Designing, including backend and frontend coding.

Education:
I have completed double Masters. Certified 18 Years of Education. [software engineering and Multimedia]
Additional Skills+ :
Mail chimps custom template design- responsive. 3D Stuff – 3Dmax and video editing (after effects)

Upcoming: Swift ios coding…

 

cheers,
Adnan Shahid

Pages