background preloader

Web Development

Facebook Twitter

Trending JavaScript repositories on GitHub today. Raphaël—JavaScript Library. Processing.js. Hammer.js - A javascript library for multi-touch gestures. D3.js - Data-Driven Documents. 14 Best WYSIWYG HTML Editors. In this post I suggest you to try 14 best free WYSIWYG editors that transform simple textarea HTML elements into powerful and useful rich text editors.

14 Best WYSIWYG HTML Editors

This tiny jQuery Bootstrap WYSIWYG plugin turns any DIV into a HTML5 rich text editor. Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered. MediumEditor has been written using vanilla JavaScript, no additional frameworks required. All the tools are already available, all you need to do it tie them together with some really simple JavaScript, and it works! Save the web developers from my own affordable WYSIWYG editor difficulties textAngular is a super cool WYSIWYG Text Editor directive for AngularJS. Redactor is the most fantastic yet beautiful and easy-to-use WYSIWYG editor on jQuery.

Mercury is a full featured HTML5 editor. CodeMirror. Egg.js - A Simple Way to Add Easter Eggs to Your Site. Egg.js is a simple JS library that has no prerequisites and allows you to easily add web easter eggs by watching the user's key strokes.

Egg.js - A Simple Way to Add Easter Eggs to Your Site

Type the Konami code (up, up, down, down, left, right, left, right, b, a) to test it out. Tinygraphs. Scala.js. AngularJS — Superheroic JavaScript MVW Framework. Animated SVG Icons: Using Snap.svg to animate SVG icons. Sidebar Transitions. Mobile UI Animations.

Call to Idea - Librairie design. SVG Drawing Animation. A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them. View demo Download source SVG is finally becoming a more utilized and fun website component. It’s really powerful and there are many creative possibilities for fun effects on a website using SVG. Today we’d like to share two experimental concepts with you that make use of stroke animations, made popular by the animations on the PlayStation 4 and Xbox One review sites.

WebTest. JWebUnit - JWebUnit. New WebSpec API. WebSpec is Watij’s new cross browser and cross platform api for testing web applications.

New WebSpec API

It works with IE, Mozilla, and Safari on their respective platforms for Windows, Linux, and Mac. You can write your scripts using Java or Ruby (via JRuby). The following documentation includes examples of using both. Installation WebSpec can be used with your favorite Java or JRuby IDE like IntelliJ IDEA, Eclipse, Netbeans, Redcar, etc…all you need to do is add the jars located in the lib folder to your classpath. Note: If you are running on a Mac you must add -d32 to your Java VM parameters. Opening a URL Method chaining is a big part of WebSpec’s api and almost every method call will return a WebSpec framework class. Java. Getting Started with loadUI. Try the full experience of Pro: The first view that you will see when you open LoadUI is the Workspace View.

Getting Started with loadUI

This is where you manage your projects. Create a new Project by dragging the New Project icon to the project list. Now, in the Create New Project dialog, enter a name for the new project, and click Create. jQuery API Documentation. Knockout : Home. AJAX Service with JSON and XML Sample. This sample shows how to switch the response type of an operation between JSON and XML.

AJAX Service with JSON and XML Sample

This functionality is available regardless of whether the service is configured to be accessed by ASP.NET AJAX or by an HTML/JavaScript client page. The following section in Web.config can be used to make additional configuration changes to the endpoint. It can be removed if no extra changes are needed. [OperationContract] [WebInvoke(ResponseFormat = WebMessageFormat.Xml, BodyStyle = WebMessageBodyStyle.Wrapped)] MathResult DoMathXml(double n1, double n2); The other operation uses the WebInvokeAttribute attribute and explicitly specifies JSON instead of XML for the response. How to use the ObjectDataSource as a DataSource, simple example - Tips and tricks from a Developer Support perspective. Simple Insert, Select, Edit, Update and Delete in Asp.Net GridView control - Database manipulations with DataTable in GridView.

Step 3: Make Code-behind File ‘Default.aspx.cs’ Now we are going to do the code-behind part of this page.

Simple Insert, Select, Edit, Update and Delete in Asp.Net GridView control - Database manipulations with DataTable in GridView

Les us explain you event by event coding on each methods. In the code-behind page, create an instance for the Customer class as follows Then create a private method 'FillCustomerInGrid' to retrieve the existing customer list from the database and bind it to the GridView. The CustomersCls class’s Fetch() method is used and it returns the data to a DataTable. Initialize GridView control In the page load event, we have to call this FillCustomerInGrid method as follows, Fill DropDownList in GridView with dynamic values. Xiaojue/lithe. Cujojs/curl.

Huge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSS. Making an Expanding Code Box. On blogs that like to share snippets of code like this one, it is common to use the <pre> tag to wrap the code so that the spacing/indenting is maintained and long lines do not wrap. While this is desirable behavior, it can be undesirable to have those un-wrapped lines break out of their containers awkwardly and overlap other content.

On Digging Into WordPress, we use JavaScript (jQuery) to solve this problem. One solution could potentially be to use only CSS and expand the width with something like pre:hover , but JavaScript is more elegant: Expands only when needed. RequireJS. CoffeeScript.