Skip to main content

Home/ Web Development & Mobile App/ Group items tagged code

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Don't Use The Placeholder Attribute - Smashing Magazine - 0 views

www.smashingmagazine.com/...placeholder-attribute

inclusive input formdesign aria forms inclusivedesign hint accessibility form html

shared by Vernon Fowler on 27 Jun 18 - No Cached
  • To recap, the placeholder attribute: Can’t be automatically translated; Is oftentimes used in place of a label, locking out assistive technology; Can hide important information when content is entered; Can be too light-colored to be legible; Has limited styling options; May look like pre-filled information and be skipped over.
  • Move the placeholder content above the input, but below the label:
  • Development Here’s how to translate our designed example to code:
  • ...4 more annotations...
  • aria-describedby ensures that the p content will be described last, after the label’s content and the kind of input it is associated with.
  • By using aria-describedby to programmatically associate the input with the p element, we are creating a priority of information for screen readers that has parity with what a person browsing without a screen reader would experience.
  • The floating label effect, a close cousin to this phenomenon, oftentimes utilizes the placeholder attribute in place of a label, as well.
  • Content hidden by an on-screen keyboard. 3rd party keyboards with larger heights may have a greater risk of blocking important content.
  • Vernon Fowler on 27 Jun 18
     
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
Vernon Fowler

Semantic code: What? Why? How? | Boagworld - Web & Digital Advice - 0 views

boagworld.com/...semantic-code-what-why-how

semantic code markup html webdesign development

shared by Vernon Fowler on 23 Feb 14 - No Cached
  • semantic code aids accessibility
  • Semantic code tends to improve your placement on search engines
  • Semantic code makes site updates easier
  • ...3 more annotations...
  • semantic code is shorter and so downloads faster
  • Semantic code is easier for people to understand too
  • There is no tool that can check for semantic code. It is a matter of looking at the code and seeing if it refers to colours, fonts or layout instead of describing what the content is.
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 16 Jan 14 - No Cached
  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • ...3 more annotations...
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
Biztech Consultancy

Custom Coding wins over Readymade scripts - 0 views

blog.biztechconsultancy.com/-coding-wins-readymade-scripts

Understanding Custom Coding and Ready Made Scripts build a website with Custom coding or Ready made Scripts build a website with Custom coding build a website with Ready made Scripts Custom coding vs Ready made Scripts

shared by Biztech Consultancy on 25 Mar 14 - No Cached
  • Biztech Consultancy on 25 Mar 14
     
    Custom Coding can be made as per your requirement and the site would be unique. No one else would have the same template as yours. It is bit costly than Ready Made Scripting but time would reap its benefits.
Vernon Fowler

Grunt for People Who Think Things Like Grunt are Weird and Hard ◆ 24 ways - 0 views

24ways.org/...grunt-is-not-weird-and-hard

grunt tutorial javascript css tools webdesign frontend front-end workflow

shared by Vernon Fowler on 03 Feb 14 - No Cached
  • You install Grunt on a per-project basis. Go to your project’s folder. It needs a file there named package.json at the root level. You can just create one and put it there.
  • The contents of that file should be this: { "name": "example-project", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.1" } }
  • Once that package.json file is in place, go to the terminal and navigate to your folder.
  • ...3 more annotations...
  • Then run the command: npm install
  • This is a one-liner again. Just run this command in the terminal: npm install -g grunt-cli
  • You should close and reopen the terminal as well. That’s a generic good practice to make sure things are working right.
Vernon Fowler

Eric's Archived Thoughts: Unitless line-heights - 0 views

meyerweb.com/...unitless-line-heights

typography webdesign css line-height

shared by Vernon Fowler on 01 Feb 14 - No Cached
  • This is why it’s always strongly recommended that you use unitless numbers if you’re going to set a line-height on something like the html or body elements, or indeed on any element that is going to have descendant elements.
Richard Boss

Steps to Write PHP Code in Joomla Article | TechNet - 0 views

technet.weblineindia.com/...ite-php-code-in-joomla-article

Joomla article Joomla extension Sourcerer extension custom PHP code in Joomla directphp customize Joomla extension add a PHP snippet in Joomla add PHP code in article Joomla development open source PHP

shared by Richard Boss on 05 Apr 14 - No Cached
  • Richard Boss on 05 Apr 14
     
    This article explores you how to follow steps to write PHP code in Joomla article. In this post, you will get full information. Read this post now!
moontechnolabs

Benefits, Tips, Advantages of React Native App Development Services - 1 views

Why React Native?The React Native is a new technology that is receiving all the attention. Previously, the companies had to create two different apps for iOS and Android from scratch using differen...

React Native App Development Services

started by moontechnolabs on 08 Mar 19 no follow-up yet
Biztech Consultancy

Features Encouraging Zend Application Development - 0 views

bit.ly/1IDxRlZ

Zend framework PHP framework Open Source Framework rapid zend application development hire zend framework developer zend web application development

shared by Biztech Consultancy on 12 Jan 15 - No Cached
  • Biztech Consultancy on 12 Jan 15
     
    Zend is one of the PHP frameworks offering myriads of features and functionalities. This framework offers convenience to the developers to come up with their own style of coding rather than following pre-defined coding standards. This framework offers a set of libraries supporting PHP-programming techniques. It also offers standard layouts, turnkey solutions etc. as a part of its feature list. http://bit.ly/1IDxRlZ
Biztech Consultancy

Features Encouraging Zend Application Development - 1 views

blog.biztechconsultancy.com/couraging-zend-app-development

Zend Framework web application development PHP framework Open Source Zend Application Development PHP-programming

shared by Biztech Consultancy on 20 Feb 15 - No Cached
  • Biztech Consultancy on 20 Feb 15
     
    Zend is one of the PHP frameworks offering myriads of features and functionalities. This framework offers convenience to the developers to come up with their own style of coding rather than following pre-defined coding standards. This framework offers a set of libraries supporting PHP-programming techniques. It also offers standard layouts, turnkey solutions etc. as a part of its feature list. http://bit.ly/1IDxRlZ
Biztech Consultancy

Dynamic Website - latest development in the world of websites - 1 views

blog.biztechconsultancy.com/dynamic-website-development

Dynamic Website - Latest development in the World of Websites Benefits of Dynamic website How Dynamic website helpful to Online Business Why Dynamic websites are the most popular websites Dynamic websites help in making SEO more effective

shared by Biztech Consultancy on 28 Mar 14 - No Cached
  • Biztech Consultancy on 28 Mar 14
     
    A dynamic website uses a database to gather, manage and display information. Database driven are used for websites that change constantly with areas such as product inventory, news or listing information. Dynamic websites contain Web pages that are generated in real-time. These pages include Web scripting code, such as PHP or ASP. When a dynamic page is accessed, the code within the page is parsed on the Web server and the resulting HTML is sent to the client's Web browser.
Vernon Fowler

Working With LESS and the Chrome DevTools - Tuts+ Code Tutorial - 0 views

code.tutsplus.com/...the-chrome-devtools--net-36636

less chrome html markup tools webdesign css workflow source maps workspaces editor editing grunt preprocessor

shared by Vernon Fowler on 11 Feb 14 - Cached
  • While holding Command (Control on Windows), click any property, value or selector to jump to the line of code in the corresponding LESS source file within the Sources panel.
  • In a world without Source Maps, DevTools would display styles originating from the compiled CSS. Line numbering would not be useful due to a mismatch between compiled CSS and the source CSS. With Source Maps, when inspecting a DOM node on the page, DevTools will automatically show the styles originating from the LESS source file.
  • the Sources panel contains a live editor
  • ...2 more annotations...
  • Not only does this work for remotely hosted files, but also for local ones with the added benefit of persisting your changes to a file.
  • You can edit a file in the Sources panel and those changes will persist to disk when you Command/Control-S.
  • Vernon Fowler on 11 Feb 14
     
    This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here.
  • Vernon Fowler on 11 Feb 14
     
    This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here.
  • Vernon Fowler on 12 Feb 14
     
    "This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here. "
Vernon Fowler

Pictaculous - A Color Palette Generator (courtesy of MailChimp) - 0 views

www.pictaculous.com

color palette design generator tools tool webdesign

shared by Vernon Fowler on 04 Mar 14 - Cached
  • Vernon Fowler on 04 Mar 14
     
    Email an image [or photo] to colors@mailchimp.com and wait a couple of minutes for a web HEX code palette, an Adobe palette, and colour theme suggestions from http://kuler.adobe.com and http://colourlovers.com
Biztech Consultancy

Are You a CakePHP Developer? Skip these Mistakes! - 0 views

biztechconsultancy.wordpress.com/...-developer-skip-these-mistakes

CakePHP CakePHP Development CakePHP Website Development cakephp development services cakephp web development cakephp development company custom cakephp development cakephp application development cakephp application developer

shared by Biztech Consultancy on 22 Apr 15 - No Cached
  • Biztech Consultancy on 22 Apr 15
     
    The MVC coding pattern and configuration rules are followed religiously while developing a web application or a website using CakePHP web development platform.
Biztech Consultancy

Implement customized web solution in business through Symphony framework - 0 views

www.biztechconsultancy.com/symfony-development.htm

symfony development hire symfony developer rapid symfony web development symfony programing Symfony development services Custom Symfony Development Customize Symfony Development Symfony Application Development Symfony Web Application Development

shared by Biztech Consultancy on 14 Sep 15 - No Cached
  • Biztech Consultancy on 14 Sep 15
     
    An open source application framework with least coding! Best framework to develop high-end web applications! Symfony is the ideal choice to develop smooth solutions for complex web applications.
Biztech Consultancy

Most Popular CakePHP Plug-Ins to Boost Your Web Application - 0 views

bit.ly/1j7xQzN

cakephp web application frameworks cakephp plug-ins cakephp component facebook cakephp plug-in spark plug cakephp plug-in cakephp developers cakephp development cakephp custom plug-in development cakephp plugins tutorial

shared by Biztech Consultancy on 07 Jul 14 - No Cached
  • Biztech Consultancy on 07 Jul 14
     
    Cakephp Plugins are a great idea added to CakePHP that allows you to create a mini web application inside your main web application.CakePHP plugins can also be very useful for decreasing coding time between projects. More Details: http://bit.ly/1j7xQzN
Biztech Consultancy

Avail highly flexible web applications offered by CakePHP web solutions. - 1 views

www.biztechconsultancy.com/cakephp-solution.htm

cakephp website development cakephp rapid application development hire cakephp web developer cakephp programming cakephp development cakephp development services cakephp web development cakephp development company custom cakephp development

shared by Biztech Consultancy on 12 Jun 15 - No Cached
  • Biztech Consultancy on 12 Jun 15
     
    CakePHP - most powerful open source PHP framework influenced by Ruby on Rails! Known for rapid web application development with simpler and less coding! It refines existing business processes, improves user experience and delivers greater flexibility and control.
moontechnolabs

Find Web Development Company - Moontechnolabs.com - 1 views

www.moontechnolabs.com/cessful-web-development-career

web development Web Development Company Best Web Development Company Top web development Company

shared by moontechnolabs on 13 Oct 18 - No Cached
  • moontechnolabs on 13 Oct 18
     
    Want to find a web development company? Visit Moontechnolabs.com. They provide innovative solutions to expand business using top-notch coding practice to make your website an application compliant allowing your business to flourish. For more info visit website.
moontechnolabs

Enjoy Web Solutions With Laravel Technology Offered By Moon Technolabs - 1 views

express-press-release.net/...369649

Laravel development company

shared by moontechnolabs on 27 Feb 19 - No Cached
  • moontechnolabs on 27 Feb 19
     
    Laravel, an MVC framework providing rich and elegant coding platform with quicker development and reduced process time.Moontechnolabs.com provides best laravel development services.To explore more visit their website.
Vernon Fowler

svg-edit - A complete vector graphics editor in the browser (in JavaScript) - Google Pr... - 0 views

code.google.com/svg-edit

svg editor vector browser open source html5 javascript webdesign

shared by Vernon Fowler on 07 Feb 14 - No Cached
  • Vernon Fowler on 07 Feb 14
     
    "SVG-edit is an online vector graphics editor that uses only JavaScript, HTML5, CSS and SVG (i.e. no server-side functionality)."
1 - 20 of 24 Next ›
Showing 20▼ items per page