WordCamp ABQ 2013: Making the leap from Designer to Designer/Developermy easel
This document summarizes Ray Gulick's presentation at WordCamp Albuquerque 2013 about making the transition from designer to designer/developer. It discusses how coding skills are an essential part of design work. It provides an overview of key WordPress coding concepts like PHP, tags, custom fields, custom post types, and using WP_Query to manage listings. Code examples are provided to demonstrate how to display custom fields and create a custom post type listing with pagination. The goal is to illustrate that becoming a designer/developer is a process of learning by doing and mastering these foundational skills.
WordPress development paradigms, idiosyncrasies and other big wordsTomAuger
For seasoned developers approaching WordPress customization or development for the first time the biggest challenge is often not learning the API and method calls: it's grasping the idiosyncrasies of the WordPress framework.
In this 45-minute presentation aimed at web coders who are interested in diving into WordPress customization and development, you will learn the key idioms that will accelerate your learning curve and help you approach the framework from a best practices perspective: template hierarchies, themes and child themes, taxonomies, filters and action hooks, execution order and other need-to-know concepts will be presented as well as tips on what the most active online developer communities are and the best places to go for quick (free) help and advice.
The document discusses the history of computing including Charles Babbage, Ada Lovelace, Alan Turing, and John von Neumann. It then covers computer design including the central processing unit, memory, input, and output. The remainder of the document focuses on JavaScript, describing its history, uses, inclusion in HTML, variables, functions, parameters, and event-driven programming.
The document provides an overview of building potent WordPress websites. It discusses themes, plugins, and tips for WordPress development. The document is divided into three parts: the appearance (themes), plugins, and tips/tricks. Under themes, it covers starting points, child themes, frameworks, modular design, goals, potential paths like shortcodes and custom fields, stylesheets, scripts, and content section types. The plugins section discusses hooks, actions, and filters. The tips/tricks section was not included in the summary.
This document provides summaries of key points about the jQuery and Prototype JavaScript libraries:
1. jQuery is an open-source JavaScript library that simplifies HTML document traversal, event handling, animation, and Ajax interactions. It has a lightweight footprint and is cross-browser compatible.
2. Both jQuery and Prototype are available under MIT and GPL licenses, allowing developers to choose the license that best suits their projects. jQuery is maintained by a core team and has additional community support.
3. The document then provides examples of common jQuery functions and selectors for manipulating the DOM, handling events, animating elements, and making Ajax requests.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
This document outlines a presentation on beginning jQuery. It introduces jQuery, its history and core team. It also covers how to set up jQuery and explains its core functionality, including selecting elements, manipulating the DOM, AJAX, and events.
This document provides an introduction and overview of Apache Ant, a Java-based build tool. Some key points:
- Ant is a build tool similar to Make but uses XML configuration files rather than Make's syntax. It is cross-platform.
- Ant build files define targets containing tasks. Common tasks include compiling Java code, creating JAR files, copying/deleting files.
- The document explains how to set up Ant, write a basic Ant build file with targets and tasks, and run Ant from the command line.
- An example Ant build file is provided to demonstrate a simple "Hello World" Java project build using Ant tasks like compile, jar, and clean.
This document discusses jQuery UI and plugins. It provides an overview of jQuery UI classes that can be used to style elements. It also demonstrates several common jQuery UI widgets like buttons, accordions, dialogs, and tabs. The document discusses jQuery UI effects for animations and transitions. It provides tips for identifying good plugins based on aspects like their API, documentation, support, and community. Overall, the document is an introduction to using jQuery UI and evaluating jQuery plugins.
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developermy easel
This document summarizes Ray Gulick's presentation at WordCamp Albuquerque 2013 about making the transition from designer to designer/developer. It discusses how coding skills are an essential part of design work. It provides an overview of key WordPress coding concepts like PHP, tags, custom fields, custom post types, and using WP_Query to manage listings. Code examples are provided to demonstrate how to display custom fields and create a custom post type listing with pagination. The goal is to illustrate that becoming a designer/developer is a process of learning by doing and mastering these foundational skills.
WordPress development paradigms, idiosyncrasies and other big wordsTomAuger
For seasoned developers approaching WordPress customization or development for the first time the biggest challenge is often not learning the API and method calls: it's grasping the idiosyncrasies of the WordPress framework.
In this 45-minute presentation aimed at web coders who are interested in diving into WordPress customization and development, you will learn the key idioms that will accelerate your learning curve and help you approach the framework from a best practices perspective: template hierarchies, themes and child themes, taxonomies, filters and action hooks, execution order and other need-to-know concepts will be presented as well as tips on what the most active online developer communities are and the best places to go for quick (free) help and advice.
The document discusses the history of computing including Charles Babbage, Ada Lovelace, Alan Turing, and John von Neumann. It then covers computer design including the central processing unit, memory, input, and output. The remainder of the document focuses on JavaScript, describing its history, uses, inclusion in HTML, variables, functions, parameters, and event-driven programming.
The document provides an overview of building potent WordPress websites. It discusses themes, plugins, and tips for WordPress development. The document is divided into three parts: the appearance (themes), plugins, and tips/tricks. Under themes, it covers starting points, child themes, frameworks, modular design, goals, potential paths like shortcodes and custom fields, stylesheets, scripts, and content section types. The plugins section discusses hooks, actions, and filters. The tips/tricks section was not included in the summary.
This document provides summaries of key points about the jQuery and Prototype JavaScript libraries:
1. jQuery is an open-source JavaScript library that simplifies HTML document traversal, event handling, animation, and Ajax interactions. It has a lightweight footprint and is cross-browser compatible.
2. Both jQuery and Prototype are available under MIT and GPL licenses, allowing developers to choose the license that best suits their projects. jQuery is maintained by a core team and has additional community support.
3. The document then provides examples of common jQuery functions and selectors for manipulating the DOM, handling events, animating elements, and making Ajax requests.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
This document outlines a presentation on beginning jQuery. It introduces jQuery, its history and core team. It also covers how to set up jQuery and explains its core functionality, including selecting elements, manipulating the DOM, AJAX, and events.
This document provides an introduction and overview of Apache Ant, a Java-based build tool. Some key points:
- Ant is a build tool similar to Make but uses XML configuration files rather than Make's syntax. It is cross-platform.
- Ant build files define targets containing tasks. Common tasks include compiling Java code, creating JAR files, copying/deleting files.
- The document explains how to set up Ant, write a basic Ant build file with targets and tasks, and run Ant from the command line.
- An example Ant build file is provided to demonstrate a simple "Hello World" Java project build using Ant tasks like compile, jar, and clean.
This document discusses jQuery UI and plugins. It provides an overview of jQuery UI classes that can be used to style elements. It also demonstrates several common jQuery UI widgets like buttons, accordions, dialogs, and tabs. The document discusses jQuery UI effects for animations and transitions. It provides tips for identifying good plugins based on aspects like their API, documentation, support, and community. Overall, the document is an introduction to using jQuery UI and evaluating jQuery plugins.
If you are new to WordPress, but already know how to program, the typical "Hello, World" examples aren't helpful. You need to know how to make the right API calls, and where to find documentation about the actions and filters that WordPress makes available to you.
This presentation is a brief introduction skimming the surface of the API hook system in WordPress. It does not go into deep detail, but gives brief "real world" examples of how to use filters and actions, along with pointers on where to find the main documentation that will help you get started on your own plugins.
The document discusses various topics related to web development including XHTML, CSS, and JavaScript. It provides definitions and explanations of XHTML, CSS, JavaScript, and the differences between HTML and XHTML. It also covers common issues with supporting older browsers like IE6 and strategies for overcoming those issues such as using frameworks to simplify tasks like DOM manipulation and event handling.
This document provides an overview of using WordPress and AJAX. It discusses loading scripts and styles properly, using JavaScript localization to capture dynamic PHP content, page detection techniques, the wp_ajax action for handling AJAX requests, and the WP_Ajax_Response class for returning XML responses from AJAX callbacks. It also provides an example of building an AJAX registration form plugin with classes for handling the form, scripts, and styles.
Architecture | Busy Java Developers Guide to NoSQL | Ted NewardJAX London
2011-11-02 | 03:45 PM - 04:35 PM |
The NoSQL movement has stormed onto the development scene, and it’s left a few developers scratching their heads, trying to figure out when to use a NoSQL database instead of a regular database, much less which NoSQL database to use. In this session, we’ll examine the NoSQL ecosystem, look at the major players, how the compare and contrast, and what sort of architectural implications they have for software systems in general.
The document provides a history of HTML and describes new features in HTML5 such as improved audio/video support, 2D/3D canvas, web storage, geolocation, and web workers. Key events include Tim Berners-Lee proposing HTML in 1989 at CERN and the formation of the WHATWG in 2004 to advance HTML standards in response to the W3C shifting focus away from HTML. HTML5 aims to improve compatibility while introducing new APIs for web applications.
This document provides instructions on converting a Photoshop (PSD) design into a WordPress theme. It explains that you should visualize how the PSD design will translate to HTML elements like headers, menus, content areas, etc. before beginning to code. Key areas covered include using an existing framework versus coding from scratch, including necessary WordPress functions and files, and organizing code into templates, functions.php, and other standard WordPress theme files. The goal is to understand the technical structure of the design and properly structure the theme code.
JD17NL Joomla! Overrides and alternate layoutsHans Kuijpers
Stop using extensions for where Joomla! core fits your needs. You can create nice view overrides or alternate layouts. This session shows you how to override output of com_content and mod_articles_news. Grab some parameters and contents or add your own with custom fields and create individual layouts for your website.
This presentation was held during the Dutch Joomla! Days 2017 Woudschoten, Zeist, The Netherlands on April 2. This presentation was prepared by Elisa Foltyn and presented by Hans Kuijpers
This document discusses using overlays, accordions, and tabs with jQuery and jQuery Tools in Plone. It provides an overview of the technology stack including jQuery, jQuery Tools, and Plone-specific helpers. Examples are given for setting up tabs and accordions, as well as for AJAX forms. The plone.app.jquerytools package and Products.pipbox module are described as ways to incorporate jQuery Tools into Plone. Potential applications discussed include accordion portlets, image overlays, and popup forms.
JavaScript Advanced - Useful methods to power up your codeLaurence Svekis ✔
Get this Course
https://www.udemy.com/javascript-course-plus/?couponCode=SLIDESHARE
Useful methods and JavaScript code snippets power up your code and make even more happen with it.
This course is perfect for anyone who has fundamental JavaScript experience and wants to move to the next level. Use and apply more advanced code, and do more with JavaScript.
Everything you need to learn more about JavaScript
Source code is included
60+ page Downloadable PDF guide with resources and code snippets
3 Challenges to get you coding try the code
demonstrating useful JavaScript methods that can power up your code and make even more happen with it.
Course lessons will cover
JavaScript Number Methods
JavaScript String Methods
JavaScript Math - including math random
DOMContentLoaded - DOM ready when the document has loaded.
JavaScript Date - Date methods and how to get set and use date.
JavaScript parse and stringify - strings to objects back to strings
JavaScript LocalStorage - store variables in the user browser
JavaScript getBoundingClientRect() - get the dimensions of an element
JavaScript Timers setTimeout() setInterval() requestAnimationFrame() - Run code when you want too
encodeURIComponent - encoding made easy
Regex - so powerful use it to get values from your string
prototype - extend JavaScript objects with customized powers
Try and catch - perfect for error and testing
Fetch xHR requests - bring content in from servers
and more
No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.
Step by step learning with all steps included.
This document discusses various ways to customize and use WordPress for different purposes such as blogs, galleries, and shops. It provides tips on using custom fields, conditional tags, queries, templates, and plugins to display content dynamically and manage posts. Specific examples are given around displaying custom post images, dynamic title tags, multisite galleries, querying latest posts, and creating a free icon category page and shop.
Android | Busy Java Developers Guide to Android: UI | Ted NewardJAX London
- The document provides an overview of key concepts for developing Android user interfaces (UIs), including activities, tasks, views, layouts, menus, and event handling.
- It explains how to define and populate UIs using XML layout resources or programmatically in Java code, and how to move between activities using intents.
- The document emphasizes that threading behavior differs in Android and blocking or UI modifications on non-UI threads can cause problems.
Jenkins User Conference 2012
Only by the third plugin do you get the hang of writing a plugin. I thought as a developer coming to the build side of things it'd be easy to jump in and write some plugins. I was wrong. Don't be fooled by the extremely friendly Jenkins community, writing a plugin from scratch is harder than they let on. This talk will explain the hurdles that I had to cross to make writing plugins easy.
Next week, students will be required to hand in wireframes for their final projects. Wireframes can be created using tools like Balsamiq Mockups, Sketch, or pen and paper. Previous student projects from the FEWD program around the world can be found at a provided URL.
Appcelerator Titanium Kinetic practices part 1フ乇丂ひ丂
This document provides information about creating mobile apps using Appcelerator Titanium. It discusses the differences between Titanium and PhoneGap, and between the Alloy and Classic frameworks in Titanium. It also provides code examples and explanations for creating windows, views and adding objects like labels in both the Classic and Alloy approaches. The document is intended as a tutorial or guide for using Titanium to develop mobile applications.
ANT is a Java-based build tool that uses XML configuration files to compile code, package artifacts, and deploy applications. It provides a structured way to automate complex build processes through targets and tasks. Targets contain tasks that execute sequentially, and targets can depend on each other to ensure prerequisites are met. Common tasks include compiling code, generating JAR files, running tests, and deploying applications. ANT is cross-platform, extensible through Java classes, and provides a standardized way to build Java projects through an XML configuration file.
The document discusses how PHP 5.3 changes the implementation of common design patterns like the Singleton pattern and Observer pattern through the use of anonymous functions. It provides code examples of implementing these patterns in PHP 4/5.0-5.2 versus PHP 5.3 using features like closures, late static binding, and __invoke(). The document also proposes building a dependency injection container in PHP 5.3 using anonymous functions to describe object creation without instantiating objects. This approach results in a simple yet fully-featured dependency injector implementation in around 40 lines of code.
HTML 5 is a new version of HTML that is still being developed. It aims to evolve HTML instead of reinventing it. Key features include new form elements, input types, semantic elements, APIs for offline apps, and standardized video and audio embedding. Browser support is growing but the specification may not be finalized until 2022. However, many features are already implemented and can be used today through emulation if needed.
La presentazione di Marco Casario per il Codemotion del 5 marzo 2011 a Roma http://www.codemotion.it/
Si parla già molto di HTML5 e delle nuove specifiche che il linguaggio nella sua ultima versione introduce. Ma è davvero il momento giusto di investire su questo standard e migrare le proprie applicazioni? A che punto sono i browsers con il supporto ad HTML5?Il Flash Player scomparirà?Quale sarà il video codec definitivo supportato? Le domande sono molte. Lo scopo di questo speech è quello di cominciare a dare delle risposte analizzando con esempi concreti lo stato attuale del linguaggio HTML5.
This document describes creating an open blog feature for a wiki application built with PHP. An open blog allows any user to publicly post and discuss topics. The tutorial will build out the necessary database table and basic blog features. It assumes the reader has completed the previous four tutorials in the series on building an interactive wiki with PHP.
This document describes creating an open blog feature for a wiki application built with PHP. An open blog allows any user to publicly post and discuss topics. It outlines designing the blog database table, basic features like posting and commenting, and integrating the blog into the existing wiki application. The tutorial assumes completion of previous parts that implemented the core wiki, file uploads, user permissions, and task management.
If you are new to WordPress, but already know how to program, the typical "Hello, World" examples aren't helpful. You need to know how to make the right API calls, and where to find documentation about the actions and filters that WordPress makes available to you.
This presentation is a brief introduction skimming the surface of the API hook system in WordPress. It does not go into deep detail, but gives brief "real world" examples of how to use filters and actions, along with pointers on where to find the main documentation that will help you get started on your own plugins.
The document discusses various topics related to web development including XHTML, CSS, and JavaScript. It provides definitions and explanations of XHTML, CSS, JavaScript, and the differences between HTML and XHTML. It also covers common issues with supporting older browsers like IE6 and strategies for overcoming those issues such as using frameworks to simplify tasks like DOM manipulation and event handling.
This document provides an overview of using WordPress and AJAX. It discusses loading scripts and styles properly, using JavaScript localization to capture dynamic PHP content, page detection techniques, the wp_ajax action for handling AJAX requests, and the WP_Ajax_Response class for returning XML responses from AJAX callbacks. It also provides an example of building an AJAX registration form plugin with classes for handling the form, scripts, and styles.
Architecture | Busy Java Developers Guide to NoSQL | Ted NewardJAX London
2011-11-02 | 03:45 PM - 04:35 PM |
The NoSQL movement has stormed onto the development scene, and it’s left a few developers scratching their heads, trying to figure out when to use a NoSQL database instead of a regular database, much less which NoSQL database to use. In this session, we’ll examine the NoSQL ecosystem, look at the major players, how the compare and contrast, and what sort of architectural implications they have for software systems in general.
The document provides a history of HTML and describes new features in HTML5 such as improved audio/video support, 2D/3D canvas, web storage, geolocation, and web workers. Key events include Tim Berners-Lee proposing HTML in 1989 at CERN and the formation of the WHATWG in 2004 to advance HTML standards in response to the W3C shifting focus away from HTML. HTML5 aims to improve compatibility while introducing new APIs for web applications.
This document provides instructions on converting a Photoshop (PSD) design into a WordPress theme. It explains that you should visualize how the PSD design will translate to HTML elements like headers, menus, content areas, etc. before beginning to code. Key areas covered include using an existing framework versus coding from scratch, including necessary WordPress functions and files, and organizing code into templates, functions.php, and other standard WordPress theme files. The goal is to understand the technical structure of the design and properly structure the theme code.
JD17NL Joomla! Overrides and alternate layoutsHans Kuijpers
Stop using extensions for where Joomla! core fits your needs. You can create nice view overrides or alternate layouts. This session shows you how to override output of com_content and mod_articles_news. Grab some parameters and contents or add your own with custom fields and create individual layouts for your website.
This presentation was held during the Dutch Joomla! Days 2017 Woudschoten, Zeist, The Netherlands on April 2. This presentation was prepared by Elisa Foltyn and presented by Hans Kuijpers
This document discusses using overlays, accordions, and tabs with jQuery and jQuery Tools in Plone. It provides an overview of the technology stack including jQuery, jQuery Tools, and Plone-specific helpers. Examples are given for setting up tabs and accordions, as well as for AJAX forms. The plone.app.jquerytools package and Products.pipbox module are described as ways to incorporate jQuery Tools into Plone. Potential applications discussed include accordion portlets, image overlays, and popup forms.
JavaScript Advanced - Useful methods to power up your codeLaurence Svekis ✔
Get this Course
https://www.udemy.com/javascript-course-plus/?couponCode=SLIDESHARE
Useful methods and JavaScript code snippets power up your code and make even more happen with it.
This course is perfect for anyone who has fundamental JavaScript experience and wants to move to the next level. Use and apply more advanced code, and do more with JavaScript.
Everything you need to learn more about JavaScript
Source code is included
60+ page Downloadable PDF guide with resources and code snippets
3 Challenges to get you coding try the code
demonstrating useful JavaScript methods that can power up your code and make even more happen with it.
Course lessons will cover
JavaScript Number Methods
JavaScript String Methods
JavaScript Math - including math random
DOMContentLoaded - DOM ready when the document has loaded.
JavaScript Date - Date methods and how to get set and use date.
JavaScript parse and stringify - strings to objects back to strings
JavaScript LocalStorage - store variables in the user browser
JavaScript getBoundingClientRect() - get the dimensions of an element
JavaScript Timers setTimeout() setInterval() requestAnimationFrame() - Run code when you want too
encodeURIComponent - encoding made easy
Regex - so powerful use it to get values from your string
prototype - extend JavaScript objects with customized powers
Try and catch - perfect for error and testing
Fetch xHR requests - bring content in from servers
and more
No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.
Step by step learning with all steps included.
This document discusses various ways to customize and use WordPress for different purposes such as blogs, galleries, and shops. It provides tips on using custom fields, conditional tags, queries, templates, and plugins to display content dynamically and manage posts. Specific examples are given around displaying custom post images, dynamic title tags, multisite galleries, querying latest posts, and creating a free icon category page and shop.
Android | Busy Java Developers Guide to Android: UI | Ted NewardJAX London
- The document provides an overview of key concepts for developing Android user interfaces (UIs), including activities, tasks, views, layouts, menus, and event handling.
- It explains how to define and populate UIs using XML layout resources or programmatically in Java code, and how to move between activities using intents.
- The document emphasizes that threading behavior differs in Android and blocking or UI modifications on non-UI threads can cause problems.
Jenkins User Conference 2012
Only by the third plugin do you get the hang of writing a plugin. I thought as a developer coming to the build side of things it'd be easy to jump in and write some plugins. I was wrong. Don't be fooled by the extremely friendly Jenkins community, writing a plugin from scratch is harder than they let on. This talk will explain the hurdles that I had to cross to make writing plugins easy.
Next week, students will be required to hand in wireframes for their final projects. Wireframes can be created using tools like Balsamiq Mockups, Sketch, or pen and paper. Previous student projects from the FEWD program around the world can be found at a provided URL.
Appcelerator Titanium Kinetic practices part 1フ乇丂ひ丂
This document provides information about creating mobile apps using Appcelerator Titanium. It discusses the differences between Titanium and PhoneGap, and between the Alloy and Classic frameworks in Titanium. It also provides code examples and explanations for creating windows, views and adding objects like labels in both the Classic and Alloy approaches. The document is intended as a tutorial or guide for using Titanium to develop mobile applications.
ANT is a Java-based build tool that uses XML configuration files to compile code, package artifacts, and deploy applications. It provides a structured way to automate complex build processes through targets and tasks. Targets contain tasks that execute sequentially, and targets can depend on each other to ensure prerequisites are met. Common tasks include compiling code, generating JAR files, running tests, and deploying applications. ANT is cross-platform, extensible through Java classes, and provides a standardized way to build Java projects through an XML configuration file.
The document discusses how PHP 5.3 changes the implementation of common design patterns like the Singleton pattern and Observer pattern through the use of anonymous functions. It provides code examples of implementing these patterns in PHP 4/5.0-5.2 versus PHP 5.3 using features like closures, late static binding, and __invoke(). The document also proposes building a dependency injection container in PHP 5.3 using anonymous functions to describe object creation without instantiating objects. This approach results in a simple yet fully-featured dependency injector implementation in around 40 lines of code.
HTML 5 is a new version of HTML that is still being developed. It aims to evolve HTML instead of reinventing it. Key features include new form elements, input types, semantic elements, APIs for offline apps, and standardized video and audio embedding. Browser support is growing but the specification may not be finalized until 2022. However, many features are already implemented and can be used today through emulation if needed.
La presentazione di Marco Casario per il Codemotion del 5 marzo 2011 a Roma http://www.codemotion.it/
Si parla già molto di HTML5 e delle nuove specifiche che il linguaggio nella sua ultima versione introduce. Ma è davvero il momento giusto di investire su questo standard e migrare le proprie applicazioni? A che punto sono i browsers con il supporto ad HTML5?Il Flash Player scomparirà?Quale sarà il video codec definitivo supportato? Le domande sono molte. Lo scopo di questo speech è quello di cominciare a dare delle risposte analizzando con esempi concreti lo stato attuale del linguaggio HTML5.
This document describes creating an open blog feature for a wiki application built with PHP. An open blog allows any user to publicly post and discuss topics. The tutorial will build out the necessary database table and basic blog features. It assumes the reader has completed the previous four tutorials in the series on building an interactive wiki with PHP.
This document describes creating an open blog feature for a wiki application built with PHP. An open blog allows any user to publicly post and discuss topics. It outlines designing the blog database table, basic features like posting and commenting, and integrating the blog into the existing wiki application. The tutorial assumes completion of previous parts that implemented the core wiki, file uploads, user permissions, and task management.
WordPress Custom Fields: Control your content presentation by breaking out of...Denise Williams
Custom fields allow adding extra content areas and customizing page layouts. A document summarizes using custom fields to design film catalogue pages with distinct sections like title, description, credits. It explains creating a page template, planning custom field "buckets", entering field data, and coding fields into the template. Plugins like Advanced Custom Fields simplify field creation and entry. The document encourages experimenting with custom fields and combining skills with custom post types.
The document summarizes a WordPress developers meetup. It discusses new features introduced in recent WordPress versions like 2.7 through 3.0, including custom backgrounds and headers, navigation menus, custom post types, and more. It encourages attendees to get involved in WordPress development through testing, translating, contributing code, and staying up to date on development through various communication channels. The meetup aims to help developers learn and discuss WordPress features and development.
Custom Meta Boxes in WordPress are a useful feature that allow you to add metadata to your posts. Unfortunately, they are not user-friendly out of the box. In this talk, Nate Allen will show you how to extend the functionality of meta boxes with plugins like Advanced Custom Fields and CMB2. Using real world examples, Nate will demonstrate how he creates powerful (but simple) administration experiences for his clients.
WordPress Internationalization and Localization - WordPress Translation Day 3...WordPress Trivandrum
This document provides an introduction to WordPress and internationalization/localization. It discusses what WordPress is, its history and uses. It then covers the importance of internationalization and localization when developing WordPress themes and plugins. It provides guidelines for internationalizing code as well as translating and localizing content. Statistics on WordPress translations are also presented.
Engage - Expanding XPages with Bootstrap Plugins for ultimate usabilityJohnny Oldenburger
Develop highly user friendly responsive web (XPages) applications by making use of Bootstrap and JQuery Plugins as Select2, DateTimePickers, Multiselect, Confirmation, Modals, Popovers and Notifications for ultimate usability based on the latest versions of these plugins, including solutions for the AMD problem. Expect more of XPages Applications and go beyond the basics and create applications that nobody ever thought possible using XPages. Comprehensive demos of several plugins are shown within an XPages application.
A short introduction to Accessibility API and then a look at what pitfalls JavaScript frameworks have due to the way they talk to the DOM - Talk given at Code Melbourne in 2017
(Presentation contains animated gifs not supported on SlideShare. View the original here: https://docs.google.com/presentation/d/1bMrLs6iuSd5-g3f4OIbqhuOzKruPlET1MJ4lSXy-wjU/edit?usp=sharing)
Custom Meta Boxes in WordPress are a useful feature that allow you to add metadata to your posts. Unfortunately, they are not user-friendly out of the box. In this talk, Nate Allen will show you how to extend the functionality of meta boxes with plugins like Advanced Custom Fields and CMB2. Using real world examples, Nate will demonstrate how he creates powerful (but simple) administration experiences for his clients.
The document provides steps to create an OBIEE11g dashboard with various objects like analysis, charts, maps, and prompts. It begins by creating a dashboard prompt for revenue between a specified range using a slider. It then creates an analysis to show order, revenue, unit price by customer and establishment with filters. Subsequent steps will cover creating a chart and map visualization and integrating them into a single dashboard.
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013Jonny Allbut
Jonny Allbut discusses best practices for building responsive WordPress themes. He outlines his theme development workflow and covers topics like using responsive design, PHP and CSS tricks, testing, and common theme trends like responsive layouts. The document provides tips on structure, templates, images, widgets, and useful hooks for developers.
How to enhance your editor/content input interface.
How is Drupal 8 going to change the interface, and how are those improvements being implemented in Drupal 7
The document provides technical information on various tools and applications from Customer FX for integrating with and extending SalesLogix, including:
1) The Customer FX Transformation Toolkit is a set of tools that address challenges of importing data into SalesLogix using Microsoft DTS for speed and accuracy.
2) The CFX SalesLogix SDK allows developing SalesLogix addons in .NET instead of VBScript for improved standards and practices.
3) Additional applications and tools are described for tasks like quoting, surveys, consuming data via RSS, and leveraging .NET in customizations and integrations.
This document provides instructions for creating and using custom user controls and web server controls in ASP.NET. It discusses how to create user controls using .ascx files, add controls and code to them, and include them on web pages. User controls inherit from the UserControl class and can handle their own events. The document also covers how to create templated user controls and web server controls that take advantage of design-time support in Visual Studio.
This document discusses form validation and dynamic effects using JavaScript. It begins by describing the learning objectives which are to describe how to create rollover buttons, discuss HTML form validation principles, and create dynamic presentations using timers. It then provides explanations of key concepts like APIs, libraries, frameworks, form validation, and event timers. The document goes on to demonstrate how to create rollover buttons using inline JavaScript, functions, and preloading images. It also discusses the form validation process and provides an example JavaScript function to check if a form text box is empty.
The document discusses the front-end architecture at CrowdTwist, which uses different frameworks and tools across apps. This has led to growing pains as the codebase becomes harder to maintain and develop for new features. The document explores how frameworks can simplify development but also introduce complexity. It argues that React offers a simpler approach through isolated components and predictable rendering of state changes. React could help unify CrowdTwist's front-end by replacing some uses of Backbone and Angular.
The document provides steps to create an OBIEE11g dashboard for brand analysis. It describes creating various dashboard prompts, filters, and analyses and integrating them into a single dashboard. Specifically, it outlines creating prompts for year, company, weeks between, and product hierarchy. It then provides details on building two initial analyses - a product line analysis pivot table and trending analysis bar graph. The goal is to create a fully functioning sample brand analysis dashboard to help learn OBIEE11g features.
The document provides steps to create an OBIEE11g dashboard for brand analysis. It describes creating various dashboard prompts, filters, and analyses and integrating them into a single dashboard. Specifically, it outlines creating prompts for year, company, weeks between, and product hierarchy. It then provides details on building two initial analyses - a product line analysis pivot table and a trending analysis bar graph. The goal is to create a fully functioning sample brand analysis dashboard to help learners explore OBIEE11g features.
This document provides steps to create an OBIEE 11g dashboard for analyzing brands. It describes creating several dashboard prompts, including for year, company, weeks between, and product hierarchy. It then outlines adding various dashboard components like analyses, charts, and pivots to showcase metrics like product line analysis, trending analysis, revenue by months, daily revenue timeline, top customers, and performance index compared to company average. The tutorial is intended to help OBIEE 11g learners explore features by building this sample brand analysis dashboard.
3. Opinion based on observation:
The best content management system requires
as little styling by end-users as possible,
enabling them to make website updates quickly
and easily and go on to more important things.
Why?
CMS users update the company website
because it’s required as part of their job, not
because they love websites or WordPress.
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 3
4. How do we make it as simple and easy
as possible for end-users?
1. Custom Fields
2. Custom Post Types
3. Simplify TinyMCE Editor: remove “bad stuff”
and add necessary classes
Ideally, in the text editor, you’d have only
paragraphs, list items, and subheadings.
Without having to add classes to any of them.
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 4
5. What about loss of “design flexibility”
for the end-user?
No underlined text? No red fonts to make a
heading “really stand out?”
Nope.
In the context of a CMS, that’s a “good thing.”
Design happens before end-user gets there;
CMS enforces site design.
But end-users are very creative...
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 5
6. What are custom fields?
WordPress has standard fields, with keys such as:
the_title
the_content
Templates display the values of the fields using
the following tags:
<?php the_title(); ?>
<?php the_content(); ?>
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 6
7. Custom fields are fields you define
and display on templates using your
own tags.
You might create some custom fields with these
custom field keys:
page-pix
pagepix-alt
pagepix-caption
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 7
8. The values for these custom fields might be
displayed on the template with conditional code:
<?php
$pix = get_post_meta($post->ID, 'page-pix', true);
$alt = get_post_meta($post->ID, 'pagepix-alt', true);
$caption = get_post_meta($post->ID, 'pagepix-caption', true);
if ($pix) {
echo '<div class="pagepix">';
echo '<img src="'.$pix.'" alt="'.$alt.'" />';
if ($caption) {
echo '<p>'.$caption.'</p>';
}
echo '</div>';
}
?>
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 8
9. If there is a value for each of the custom fields,
this HTML is rendered:
<div class="pagepix">
<img src="/wp-content/uploads/imagename.jpg" alt="image
description" />
<p>This is the caption for this image</p>
</div>
It might be styled with this CSS:
.pagepix {width:338px; float:right; margin:.5em 0 .2em 18px;}
.pagepix img {width:338px !important;} //fascist designer code
.pagepix p {font-size:12px; color:#666; margin:3px 0;}
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 9
10. Custom fields are great!
1. Allow faster, simplified website updates for
end-users
2. Allow designer more control of look and feel
and more consistency in presentation
3. But [big sigh]...
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 10
11. The problem with custom fields for
end-users is the user interface
1. Field keys listed 2. No clues about
alphabetically; what kind of info
difficult to group we want for the
related fields value
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 11
12. Solution: grouping related fields in a
metabox using More Fields plugin
1. User-friendly
box title
2. User-friendly
field label (field
key does not
appear)
3. Hints appear
below entry
field
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 12
13. More Fields allows
you to select post
types in which the
metabox appears.
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 13
14. There are lots of
options for what
kind of field appears
in the metabox for
a particular custom
field key.
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 14
15. What are Custom Post Types?
WordPress comes with two standard post types,
which we know as a posts and pages.
When defining a custom post type, you can:
• Specify which standard metaboxes appear on
the post type create/edit screens (title, editor,
excerpt)
• Create custom fields specifically for the post
type, grouped in metaboxes that only appear
on the post type add/edit screen (using the
“More Fields” plugin)
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 15
16. With the addition of about 30 lines of code to
the theme functions.php file, we can add a CPT,
like “news” in the following example:
add_action( 'init', 'create_my_post_types' );
function create_my_post_types() {
register_post_type('news',
array(
'labels' => array(
'name' => __( 'News Items' ),
'singular_name' => __( 'News Item' ),
'add_new' => __( 'Add New' ),
'add_new_item' => __( 'Add News Item' ),
'edit' => __( 'Edit' ),
'edit_item' => __( 'Edit News Item' ),
'new_item' => __( 'New News Item' ),
'view' => __( 'View News Items' ),
'view_item' => __( 'View News Item' ),
'search_items' => __( 'Search News Items' ),
'not_found' => __( 'No News Items found' ),
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 16
18. Important stuff to know about CPTs
1. CPTs display on a template named
single-cptname.php (i.e., single-news.php)
2. This template must contain appropriate
code to display the custom fields you want to
display in the CPT.
3. CPT listings are created with post type queries
that placed on a “listings” page template.
4. The “slug” cannot be the same as the CPT
name.
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 18
20. Custom Post Type Query
<?php
$paged = ( get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts( array(
'post_type' => 'news',
'posts_per_page' => 5,
'paged' => $paged ));
if (have_posts()) :
while (have_posts()) : the_post();
?>
<div class="excerpt">
<?php the_title( '<h2><a href="'.get_permalink().'">',
'</a>»</h2>' ); ?>
<?php the_excerpt(); ?>
</div>
<?php endwhile; else :
// No posts
endif;
if(function_exists('wp_pagenavi'))
wp_pagenavi();
?>
<? wp_reset_query(); ?>
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 20
21. Making CMS enhancements to
TinyMCE Editor*
1. Arrange editor buttons, removing buttons like
underline, font-color, text-alignment, etc.
*Install “TinyMCE Advanced” plugin
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 21
22. 2. Select additional settings in
TinyMCE Advanced
3. Create/upload editor-style.css (extremely
pared down version of main stylesheet)
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 22
23. 4. Control block formats, styles, and buttons in
editor, by adding to theme functions file:
function fb_change_mce_buttons( $initArray ) {
$initArray['theme_advanced_blockformats'] = 'p, h2 ,h3 ,h4';
$initArray['theme_advanced_styles'] = 'top, small, more';
$initArray['theme_advanced_disable'] = 'underline,
justifyfull, justifyleft,justifycenter,justifyright,
strikethrough, style, forecolor, backcolor, image, fontselect,
fontsizeselect, advhr, styleprops, emotions, media, add_media,
add_audio, add_video, add_image';
return $initArray;
}
add_filter('tiny_mce_before_init', 'fb_change_mce_buttons');
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 23
24. 5. Final editor looks something like this:
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 24
25. Let’s look at some real-world
applications of custom fields and
custom post types:
http://blogdev.evohost-vps.com
http://www.sstp.org/2011
http://sfperfexchange.evohost-vps.com
WordCamp Albuquerque 2011 | Ray Gulick, Evolution Web Development 25