2018
HTTPS on MAMP localhost Trobles Resolved
HTTPS on LOCALHOST (MAMP) with VIRTUALHOST and New Browsers Release
SOLUTION:
- https://gist.github.com/jfloff/5138826
- and follow these comments: https://gist.github.com/jfloff/5138826#gistcomment-2131538 (I added for each dev domain a DNS name) https://gist.github.com/jfloff/5138826#gistcomment-2145381 and https://wiki.apache.org/httpd/NameBasedSSLVHostsWithSNI like this guy: https://gist.github.com/jfloff/5138826#gistcomment-2214818
https://support.mozilla.org/en-US/questions/1204477#answer-1076049 here I found the solution in order to add exeption for self-signed certificate
conclusions:
- here the whole story
- at the end of the this article I found the answer at my dilemma "so what use instead of .dev?". And is .localhost or .test
- and so I can keep use all the browsers I need
SAMPLE CODE
$ cd ~
# generate a private key (will request a password twice)
$ openssl genrsa -des3 -out server.key 1024
# generate certificate signing request (same password as above)
$ openssl req -new -key server.key -out server.csr
# Answer the questions
Country Name (2 letter code) [AU]: CA
State or Province Name (full name) [Some-State]: Quebec
Locality Name (eg, city) []: Montreal
Organization Name (eg, company) [Internet Widgits Pty Ltd]: Your Company
Organizational Unit Name (eg, section) []: Development
Common Name (eg, YOUR name) []: localhost
Email Address []: your_email@domain.com
A challenge password []: # leave this empty
An optional company name []: # leave this empty
# Added from comment
# change "your-domain" as your needs
$ openssl req -new -sha256 -key server.key -subj "/C=US/ST=CA/O=OK Mine/CN=localhost" -reqexts SAN -config <(cat /System/Library/OpenSSL/openssl.cnf <(printf "[SAN]\nsubjectAltName=DNS:your-domain.test,DNS:your-domain2.test,DNS:your-domain3.test")) -out server.csr
# generate the certificate
$ openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt
# remove the password from the server key
$ cp server.key server.tmp
$ openssl rsa -in server.tmp -out server.key
# Move the certificate into your MAMP apache configuration folder
$ cp server.crt /Applications/MAMP/conf/apache
$ cp server.key /Applications/MAMP/conf/apache
2018
React
Links to dig into:
- https://glitch.com/edit/#!/react-native?path=README.md:1:0
- https://css-tricks.com/productive-in-react/
- https://facebook.github.io/react-native/docs/getting-started.html
- https://css-tricks.com/project-need-react/
- https://css-tricks.com/react-native-better-dom/
- https://necolas.github.io/react-native-web
2018
MAMP config resume + Drush
CONFIGURATING MAMP
- Download and install Mamp -Free
- Open and Edit /Applications/MAMP/conf/apache/httpd.conf:
- add Listen 80
# Change this to Listen on specific IP addresses as shown below to
# prevent Apache from glomming onto all bound IP addresses.
#
#Listen 12.34.56.78:80
Listen 80
Listen 8888
- remove the comment (on line 575)
# Virtual hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf
I got it from here local domain name for Mamp
- Open and Edit /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf: follow the sample or paste what you have from old file. okmine sample:
<VirtualHost *:80>
# LOCAL DEV 4 OKMINE.IT
UseCanonicalName Off
VirtualDocumentRoot /Users/path-to-your-files/%0
DocumentRoot "/Users/path-to-your-files/ok.mine"
ServerName ok.mine
ServerAlias www.ok.mine
</VirtualHost>
Install Drush on MAMP
Instructions wrote here installing drush mamp
2017
Compress and uncompress files and folders in the Terminal in macOS
ZIP – Cross Platform
to compress:
zip -r archive_name.zip folder_to_compress
to extract:
unzip archive_name.zip
TAR.BZ2 – Cross Platform
to compress:
tar -jcvf archive_name.tar.bz2 folder_to_compress
to extract:
tar -jxvf archive_name.tar.bz2
2017
What Input?
Javascript Library.
A global utility for tracking the current input method (mouse, keyboard or touch).
2017
CSS Tools
Free tools for CSS:
- media queries
- units
- vendor prefixes
- image filters
- clip-paths
- minify
- breakpoints
2017
Entity Metadata Wrapper Tutorial
Drupal EMW is way much easier for manipulate node or any drupal entity.
2017
Local Domain Names for MAMP
In order to use multiple local dev site on one MAMP directory, using Mac Apache host and virtual host. Then I can enter http://local-site.dev into my browser and it will respond as if it had its own domain.
The first source is not end, because it's need to work on other pages but front
but adding this code
DocumentRoot "/Users/mac/Documents/GIT/ok.mine"
ServerName ok.mine
ServerAlias www.ok.mine
everything is fixed.
2017
Drupal module to note
Chosen uses the Chosen jQuery plugin to make your <select> elements more user-friendly.
2017
Patch on MAC
I have to research every time. so here my note:
$ patch < example.patch
If you are patching core then remember to patch from the drupal root directory and use the -p0 parameter to patch. This will stop patch from asking you which file you wish to patch:
$ patch -p0 < example.patch
If your patch is patching files that mention a & b directories in the patch, you can use the -p1 parameter to get rid of the a/b directories.
$ patch -p1 < example.patch
2017
Installing Drush on MAMP
This is the procedure I used. If I need cache the PHP version remember it's in the bash_profile file.
2017
Image Slider JavaScript gallery
One more on the list. Caption, share and fullscreen buttons, tap to toggle controls
Very good job. I have to try soon, after Slick last project
PhotoSwipe - JavaScript gallery, no dependencies.
and the Drupal module
2016
Range Inputs Styling
If I need for next project. Input range CSS Generator.
http://danielstern.ca/range.css
2016
Only CSS
Javascript not anymore
How to make some interesting tools only with CSS (Sass) and HTML
modal, form validation, scroll indicator, accordion, tabs, lightbox.
2016
Send emails from localhost
Useful tutorial on how to setup your mac in order to send emails via Gmail.
This tutorial is about how to configure Postfix for Mac OS X El Capitan.
http://www.developerfiles.com/how-to-send-emails-from-localhost-mac-os-x...
2016
Drupal 7 execute javascript code after a ajax call
You save my life!!!
http://www.maged.me/blog/drupal-7-execute-javascript-code-after-ajax-call
2016
100% w in limited width parent
https://css-tricks.com/full-width-containers-limited-width-parents/
2016
Remove has_js cookie
Smart way for remove Drupal cookie has_js for anonymous users
2016
Drupal su server Aruba.it
Il problema del "Internal Server Error" dato dai file .htaccess creati da Drupal
http://andypanix.com/articoli/hosting-di-piccoli-siti-drupal-7-su-aruba
2016
Apache, MySQL, phpMyAdmin and MAMP
Get Apache, MySQL, PHP and phpMyAdmin working on OSX 10.11 El Capitan... (and MAMP)
https://coolestguidesontheplanet.com/get-apache-mysql-php-and-phpmyadmin...
2016
Element Queries
It'd be nice
https://www.smashingmagazine.com/2016/07/how-i-ended-up-with-element-que...
2016
A third of your visitors need glasses!
Font size conversion
A chart of font sizes stated in points, pixels, ems, percent and keywords.
2016
Generate colors palette
Easy to use and smart idea for build a color palette
2016
Design Tools
and many more again from CSS-trick.com
https://css-tricks.com/collaborative-engineering-design-tools/
2016
Creative form input field design
https://medium.com/swlh/creative-form-input-field-design-examples-bfe5dd...
2016
Cool styles and effects for button
Good example for many button styles.
2016
CSSgram
CSS library for image filters like Instagram.
https://una.im/CSSgram/
A tiny (<1kb gzipped!) library for recreating Instagram filters with CSS filters and blend modes.
2016
Drupal 8 Base
Drupal 8 Base is a fresh and clean repo to begin with a new installation of Drupal 8 but with the Configuration Management based on the File and not the Database storage. It provide also a Robo build script to create a new Drupal 8 installation.
2016
AMP and Drupal
Accelerated Mobile Pages AMP make web pages super fast on mobile
https://www.lullabot.com/articles/how-to-try-out-amp-with-drupal
2016
Custom use of Google Analytics
Learning to Use Google Analytics More Effectively at CodePen
https://css-tricks.com/learning-use-google-analytics-effectively-codepen/
2016
New way to create responsive emails without media queries
The solution involves the CSS calc() function and the three width, min-width and max-width properties.
https://medium.freecodecamp.com/the-fab-four-technique-to-create-respons...
2016
SVG Links
Interesting collection of links about SVG: calendars, slider, icons, animation...
2015
How to animate "box-shadow"
How do you animate the box-shadow property in CSS without causing re-paints on every frame...
2015
Vertical alignment
smart -or douchebag- way of vertical alignment.
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
2015
ASCII Art Generator
You can type any text and get it ASCIIed in 100+ styles.
2015
A Complete Guide to Flexbox
As always CSStricks
2015
Headroom.js
JS library for header scroll up/down animation. Hide your header until you need it.
2015
Build a query
A tool to help build Quantity Queries for your CSS projects.
2015
Free HQ photos
Sites with High Quality Photos You Can Use for Free.
https://css-tricks.com/sites-with-high-quality-photos-you-can-use-for-free
2014
Mobile detect
One line function to detect mobile devices with JavaScript:
function isMobileDevice() {
return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
};
2013
Automatic page load progress bar
PACE
Automatic page load progress bar
Progress indicator for your page load and ajax navigation. Like in youtube
http://github.hubspot.com/pace/docs/welcome/
2013
SimpleXML: Selecting Elements Which Have A Certain Attribute Value
still into PHP SimpleXML and XPath
this is the XML sample
<object>
<data type="me">myname</data>
<data type="you">yourname</data>
<data type="me">myothername</data>
</object>
and this the XPath in order to get the element data with type="me":
$myDataObjects = $simplexml->xpath('/object/data[@type="me"]');
2012
Commerce price table
Drupal Commerce
module allow different prices on different quantity per item.
https://www.drupal.org/project/commerce_price_table
2012
Drupal Commerce
How to I get the Product SKU from a Commerce Line Item?
http://www.drupalcommerce.org/questions/3838/how-i-get-product-sku-comme...
2011
Mine tools
the Father: SuperMegaCalculator_IV (PowerBookG4 12')
the Son: Calculator Junior (MacBook Pro 15')
