Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged default

Rss Feed Group items tagged

magecompinc

How to Configure the Default Page in Magento 2 - 0 views

  •  
    Generally, All stores have default page and can be accessible with store's base URL. When an error occurs like "Page Not Found" then user will redirect to default page of your store. In this article, I will help you to learn How to Configure the Default Page in Magento 2.
Pooja Runija

Apple and FireFox ditching Google as its default search engine - 0 views

  •  
    This is really an embarrassing week for Google due to some breakups with their partners. Few days back news came from Mozilla Firefox that from 2015 Yahoo will be their default search engine. Google has been the default search engine for Mozilla since 2004 but this time in the year of renewal Mozilla has decided to break the pact and chosen to go with Yahoo.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  •  
    A nice and simple explanation of using EMs to make elastic layouts
magecompinc

Magento 2: How to use Default Curl Class For API Call - 0 views

  •  
    Magento has already created a CURL class for future enhancement. To maintain Magento standards, developers must use default CURL class when there is a requirement to call third-party API.
magecompinc

How to Add Date & Time Picker in Magento 2 System Configuration With Custom Format - 0 views

  •  
    Magento 2 provides default functionality to display date and time with default format. But in this article, I will guide you How to Add Date & Time Picker in Magento 2 System Configuration with Custom Format.
magecompinc

How to Customize Email Templates in Magento 2 - 0 views

  •  
    Magento 2 allows you to customize the default email templates in HTML and CSS form Instead of using default Magento 2 email templates. I will help you out in customizing the Email Templates in Magento 2.
Vernon Fowler

@font-face gotchas « Paul Irish - 1 views

  • There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well.
  • And.. regarding @font-face syntax I now recommend the bulletproof smiley variation over the original bulletproof syntax.
  • @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('?'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); }
  • ...5 more annotations...
  • in Webkit (Chrome/Safari), applying font-weight:bold to faux-bold some @font-face'd text will not succeed. Same applies for font-style:italic.
  • text-transform doesn't play well with @font-face in current implementations.
  • @font-face doesnt play nice with css transitions.
  • If a @font-face declaration is within a media query @media screen { ..., it will fail in Firefox.
  • SVG Fonts - Currently SVG is the only way to get webfonts working on iPhone and iPad.
  •  
    "There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well. "
Soul Book

CSS techniques I use all the time - 0 views

  • EM calculations Sizing text is always an important part of making a usable design. I start all my CSS files with the following rules: html { font-size:100.01%; } body { font-size:1em; } The explanation for this comes from "CSS: Getting Into Good Coding Habits:" This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
  • I used the following calculation: 14px/16px = .875, 18px/16px = 1.125. So my default text at 1 em would translate to 16px for most users, and my small text I sized at .875em which I can trust to result in 14px for most users, while my large text I sized at 1.125em which I can trust to result in 18px
  • Safe Fluid-width Columns I work with hybrid fluid layouts all the time, usually with max-width set at anywhere from 900 to 1000px. I usually have floated columns with percentage widths, and browsers will calculate these percentage widths to whole pixel values when rendering the columns.
  • ...3 more annotations...
  • A typical problem is the following: when a user has the viewport at a size that makes the outer container 999 pixels wide, if the first column is 60% and the second is 40%, IE 6 will always calculate the two columns as 600 and 400 pixels and as a result, the two will not fit (600+400 = 1 more than 999) and it will drop the second column. This is obviously not intended behavior, and in a world where we still have to use floats for columns (I can't wait for display:table support across all browsers), it's important to work around this problem. I used to give my last column 1 less percent (in this example, it would have 39% instead of 40%, but this would usually result in columns that don't quite fill up the container. Of late I have been giving the last column .4 less percent (in this example, 39.6%), which seems to work perfectly. Browsers will calculate this width and round up, but it will still fit even with an odd container width like 999px and I won't have to worry about dropped columns.
  • Filtering for Old Browsers To be honest, I barely support IE 6 nowadays. If there is something special about my layout that doesn't work in IE 6, I will simply filter it out of the CSS that IE 6 understands
  • Because old browsers like IE 6 don't support the "first child" selector (right caret >), I can do the following to make sure that IE 6 only gets the basic setting and all the new-fangled browsers get the right result: div#container { width:900px; } html>body div#container { width:auto; max-width:900px; } /* This overrides the previous declaration in new browsers only, IE 6 simply ignores it. */
  •  
    Excellent simple collection of CSS tips that are easy to remember and implement. It's an old article, but i think everything is still relevant
Arch Aznable

Responsivator: A Responsive Design Previewer | Web Design Blog | Web Design Fan | Resou... - 0 views

  •  
    Just key in the URL of any website built with a responsive template and Responsivator will load it up in a series of iframes that are set in different sizes. Aside from desktop sizes, other default screen sizes include mobile devices such as the iPhone, iPad and the Nexus 7.
Arch Aznable

How To Display Recent Posts From Only A Specific Category In WordPress | Blogfreakz - W... - 0 views

  •  
    By default, WordPress uses a 'Recent Posts' widget that lets you show your recent posts in your current WordPress theme. But what do you do when you want to show the most recent posts from only one particular category?
Arch Aznable

Add PDF Support Filter To WordPress Media Manager | Blogfreakz - Web Design and Web Dev... - 0 views

  •  
    By default, WordPress' built-in media manager only has filter support for three types of media: image, audio, and video. But what about other file types like PDF? Well, thanks to a nifty trick from WP Tuts, it won't have to be limited to just three anymore. I'm certain that this trick will be very helpful for those of you who work a lot with PDFs in your blog or site.
Luciano Ferrer

jqEasy - jQuery Slide Panel Plugin - 0 views

  •  
    "The jQuery slidePanel Plugin lets you easily open slide panels from the left or right which contain either the default content or content loaded using Ajax. Other options include position, opacity, speed, and click outside to close. Inspired by a post on spyrestudios."
Anton S.

Online .htaccess Editor - 1 views

  •  
    "In several web servers (most commonly Apache) .htaccess is the default name of directory-level configuration files. It provides the ability to customize configuration for requests to the particular directory. However, creating a .htaccess files can be tedious. Now you can create .htaccess files easily online with .htaccess Editor. Simply fill in the form provided, you can then copy and paste the texts from the textarea box to your .htaccess files quickly."
  •  
    You can dating in here. This is a best site dating www.sugarhoneys4u.com www.killdo.de.gg
Kashif Mehmood Mughal

Where we can Hosting a Joomla Website | Tutorial Lounge - 0 views

  •  
    When blogging is being discussed, Joomla is frequently mentioned as one of the best blogging platforms. This is so because there is no doubt that Joomla is one of the best CMS (Content Management System). Joomla can be used not only as a blogging platform but you can also run an ordinary site on it, a shopping cart or even a media gallery (though there are other applications for the last two purposes and they are better than Joomla). Joomla is a free, open source application. It is written in PHP and it works with MySQL database server. The public view for the default installation for Joomla 1.5 (the latest stable version) is shown in the screenshot below.
Luciano Ferrer

Top 4 Free CSS Generators Online - Sepia River: theCreativeflow - 1 views

  •  
    "http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty: http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say? http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do. http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)"
chris miller

Magento & other ecommerce CMS applications for web - 0 views

  •  
    Magento has secured its top position of Best E-commerce CMS for last few years consistently without a break. No other E-Commerce CMS could stand before Magento in any manner including default functions, user support or functional extensibility. First we will review a brief about Magento and then points which make Magento superiors to other E-Commerce CMS.
Vernon Fowler

BuddyPress.org → Docs → Theme Dev: Building a BuddyPress Child Theme - 0 views

  • Note the “Template:” entry, which tells WordPress that we want to use the BuddyPress default theme (bp-default) as the parent theme
  • and the tag “buddypress”
  • to inherit the CSS, in BP 1.5+, you don’t have to do anything!  Just start writing your new styles in style.css and skip to section 3
  • ...3 more annotations...
  • copy this file and paste it directly into your child theme’s folder (the same place as your style.css file)
  • if you want to override a template file that is in a sub folder, you must also recreate the sub folder in your child theme
  • There is one exception to the template override rule — functions.php.
  •  
    This guide is for building themes for BuddyPress 1.2 and above.
chris miller

Authentication & Authorization with CakePHP - 0 views

  •  
    Why and how authorize and authenticate? Process of authorization ensures the identity of any user in the system. To achieve successful authorization CakePHP uses Auth Component. By default Auth works with databases, but you are the boss and can change its configuration to work with anything.
Pooja Runija

iMessage delivery issues and their solutions - 0 views

  •  
    iMessage service comes installed in iPhones and turned on by default on the device. There are many flaws evolved in the past few years and still users are not fully satisfied with this service. There are N numbers of messaging apps available in the market and people have a huge choice of apps, so the chances are less for iMessage to be in the market.
1 - 20 of 61 Next › Last »
Showing 20 items per page