EpokK

FE Test: Modern Website

From this design, create a website using a static site generator like Gatsby or Next. Apply the appropriate CSS style to respect the design. Supporting responsive is optional.

Once done, upload your project on GitHub or GitLab. Then email back the git repository URL or zip the project to the person who sent the task.

Notes

bobbygrace

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

---

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

mobilemind

# delete local tag '12345'
git tag -d 12345
# delete remote tag '12345' (eg, GitHub version too)
git push origin :refs/tags/12345
# alternative approach
git push --delete origin tagName
git tag -d tagName

darkfe

'3423112'.replace(/\d(?=(?:\d{3})+$)/g,'$&,')
"3,423,112"
'3423112'.replace(/(?!^)(?=(?:\d{3})+$)/g,',')
"3,423,112"

msurguy

Conventions:

Defining Eloquent model (will assume that DB table named is set as plural of class name and primary key named "id"):

class Shop extends Eloquent {}

Using custom table name

protected $table = 'my_shops';

eliotsykes

app.directive('ngFocus', ['$parse', function($parse) {
  return function(scope, element, attr) {
    var fn = $parse(attr['ngFocus']);
    element.bind('focus', function(event) {
      scope.$apply(function() {
        fn(scope, {$event:event});
      });
    });
  }
}]);

EpokK

{
	"caret_style": "phase",
	"color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow-Night-Eighties.tmTheme",
	"default_encoding": "Western (ISO 8859-1)",
	"detect_slow_plugins": false,
	"draw_minimap_border": true,
	"fallback_encoding": "Western (ISO 8859-1)",
	"font_face": "Source Code Pro",
	"font_size": 16,
	"highlight_line": true,

EpokK

notification : function(sUrl, sTitle, sContent, onDisplay, onClick, onClose)
  {
		if(window.webkitNotifications) { // Test si webkitNotifications de Chrome
			if (window.webkitNotifications.checkPermission() == 0) { // 0 is PERMISSION_ALLOWED
				var notif = window.webkitNotifications.createNotification(
				  sUrl,  // icon url - can be relative
				  sTitle,  // notification title
				  sContent  // notification body text
				);

bloodyowl

function (destination, duration) {
    // destination (relative to window top) in px
    // duration in ms
    /* Variables */
    var startPosition = "pageYOffset" in window ? window.pageYOffset : document.documentElement.scrollTop,
        startTime = +new Date(),
        endTime = startTime + duration,
    // if top of element is outside the document, then define end point to document limit
    // elsewhere, go the the top of the element
        destinationSafe = document.height < (destination + window.innerHeight) ? document.height - window.innerHeight : destination,

ziadoz

Awesome PHP

Awesome PHP has been relocated permanently to its own Github repository. No further updates will made to this gist.

Please open an issue for any new suggestions.